rondomoon/rondo-framework
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Reduce bundle size by 100kb by removing date-fns

Browse Source
This commit is contained in:
Jerko Steiner 2019-04-11 12:23:17 +08:00
parent 7711a9596c
commit 0fb6c8a6c2
4 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
package-lock.json generated
View File

@ -4732,12 +4732,6 @@
"whatwg-url": "^7.0.0" "whatwg-url": "^7.0.0"
} }
}, },
"date-fns": {
"version": "2.0.0-alpha.27",
"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.0.0-alpha.27.tgz",
"integrity": "sha512-cqfVLS+346P/Mpj2RpDrBv0P4p2zZhWWvfY5fuWrXNR/K38HaAGEkeOwb47hIpQP9Jr/TIxjZ2/sNMQwdXuGMg==",
"dev": true
},
"date-now": { "date-now": {
"version": "0.1.4", "version": "0.1.4",
"resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz", "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
@ -13255,6 +13249,12 @@
"xtend": "~4.0.1" "xtend": "~4.0.1"
} }
}, },
"timeago.js": {
"version": "4.0.0-beta.2",
"resolved": "https://registry.npmjs.org/timeago.js/-/timeago.js-4.0.0-beta.2.tgz",
"integrity": "sha512-MQkHiYGoB6qZC4DNWsLc9bav+L9hpdulL6sL7okzKR8r1Ipask/tXKAio8T+4jeby8FbpbDvbnCKGrh1bLop3g==",
"dev": true
},
"timed-out": { "timed-out": {
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz", "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",

2
package.json
View File

@ -42,7 +42,6 @@
"bulma": "^0.7.4", "bulma": "^0.7.4",
"common-shakeify": "^0.6.0", "common-shakeify": "^0.6.0",
"cookie-parser": "^1.4.4", "cookie-parser": "^1.4.4",
"date-fns": "^2.0.0-alpha.27",
"deep-object-diff": "^1.1.0", "deep-object-diff": "^1.1.0",
"esmify": "git+https://github.com/jeremija/esmify.git", "esmify": "git+https://github.com/jeremija/esmify.git",
"history": "^4.9.0", "history": "^4.9.0",
@ -66,6 +65,7 @@
"sourceify": "git+https://github.com/jeremija/sourceify.git#sources-content", "sourceify": "git+https://github.com/jeremija/sourceify.git#sources-content",
"std-mocks": "^1.0.1", "std-mocks": "^1.0.1",
"supertest": "^3.3.0", "supertest": "^3.3.0",
"timeago.js": "^4.0.0-beta.2",
"ts-jest": "^24.0.0", "ts-jest": "^24.0.0",
"ts-node": "^7.0.1", "ts-node": "^7.0.1",
"ts-node-dev": "^1.0.0-pre.32", "ts-node-dev": "^1.0.0-pre.32",

17
packages/client/src/components/TimeAgo.tsx Normal file
View File

@ -0,0 +1,17 @@
import {format} from 'timeago.js'
import React from 'react'
export interface ITimeAgoProps {
className?: string
date: Date | string
}
export class TimeAgo extends React.PureComponent<ITimeAgoProps> {
render() {
return (
<time className={this.props.className}>
{format(this.props.date)}
</time>
)
}
}

1
packages/client/src/components/index.ts
View File

@ -6,3 +6,4 @@ export * from './Link'
export * from './Modal' export * from './Modal'
export * from './Redirect' export * from './Redirect'
export * from './withHistory' export * from './withHistory'
export * from './TimeAgo'