186526/unpkg
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Prettier everything up

Browse Source
This commit is contained in:
MICHAEL JACKSON
2017-11-08 08:57:15 -08:00
parent f3e041ace6
commit 2d57d96e62
36 changed files with 785 additions and 577 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
server/middleware/components/DirectoryListing.js
View File

@ -4,27 +4,28 @@ const getFileContentType = require('../utils/getFileContentType')
const e = React.createElement
const formatTime = (time) =>
new Date(time).toISOString()
const formatTime = time => new Date(time).toISOString()
const DirectoryListing = ({ dir, entries }) => {
const rows = entries.map(({ file, stats }, index) => {
const isDir = stats.isDirectory()
const href = file + (isDir ? '/' : '')
return (
e('tr', { key: file, className: index % 2 ? 'odd' : 'even' },
e('td', null, e('a', { title: file, href }, file)),
e('td', null, isDir ? '-' : getFileContentType(file)),
e('td', null, isDir ? '-' : prettyBytes(stats.size)),
e('td', null, isDir ? '-' : formatTime(stats.mtime))
)
return e(
'tr',
{ key: file, className: index % 2 ? 'odd' : 'even' },
e('td', null, e('a', { title: file, href }, file)),
e('td', null, isDir ? '-' : getFileContentType(file)),
e('td', null, isDir ? '-' : prettyBytes(stats.size)),
e('td', null, isDir ? '-' : formatTime(stats.mtime))
)
})
if (dir !== '/')
rows.unshift(
e('tr', { key: '..', className: 'odd' },
e(
'tr',
{ key: '..', className: 'odd' },
e('td', null, e('a', { title: 'Parent directory', href: '../' }, '..')),
e('td', null, '-'),
e('td', null, '-'),
@ -32,18 +33,22 @@ const DirectoryListing = ({ dir, entries }) => {
)
)
return (
e('table', null,
e('thead', null,
e('tr', null,
e('th', null, 'Name'),
e('th', null, 'Type'),
e('th', null, 'Size'),
e('th', null, 'Last Modified')
)
),
e('tbody', null, rows)
)
return e(
'table',
null,
e(
'thead',
null,
e(
'tr',
null,
e('th', null, 'Name'),
e('th', null, 'Type'),
e('th', null, 'Size'),
e('th', null, 'Last Modified')
)
),
e('tbody', null, rows)
)
}

53
server/middleware/components/IndexPage.js
View File

@ -13,34 +13,41 @@ s.onchange = function () {
}
`
const byVersion = (a, b) =>
semver.lt(a, b) ? -1 : (semver.gt(a, b) ? 1 : 0)
const byVersion = (a, b) => (semver.lt(a, b) ? -1 : semver.gt(a, b) ? 1 : 0)
const IndexPage = ({ packageInfo, version, dir, entries }) => {
const versions = Object.keys(packageInfo.versions).sort(byVersion)
const options = versions.map(v => (
const options = versions.map(v =>
e('option', { key: v, value: v }, `${packageInfo.name}@${v}`)
))
)
return (
e('html', null,
e('head', null,
e('meta', { charSet: 'utf-8' }),
e('title', null, `Index of ${dir}`),
e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } })
),
e('body', null,
e('div', { className: 'content-wrapper' },
e('div', { className: 'version-wrapper' },
e('select', { id: 'version', defaultValue: version }, options)
),
e('h1', null, `Index of ${dir}`),
e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
e('hr'),
e(DirectoryListing, { dir, entries }),
e('hr'),
e('address', null, `${packageInfo.name}@${version}`)
)
return e(
'html',
null,
e(
'head',
null,
e('meta', { charSet: 'utf-8' }),
e('title', null, `Index of ${dir}`),
e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } })
),
e(
'body',
null,
e(
'div',
{ className: 'content-wrapper' },
e(
'div',
{ className: 'version-wrapper' },
e('select', { id: 'version', defaultValue: version }, options)
),
e('h1', null, `Index of ${dir}`),
e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
e('hr'),
e(DirectoryListing, { dir, entries }),
e('hr'),
e('address', null, `${packageInfo.name}@${version}`)
)
)
)