Replace parcel and babel with esbuild too
Also fixed a few small React warnings in the app/src/*.jsx files
This commit is contained in:
Bryan Housel
parent
b60a159be4
commit
7ce6204230
9 changed files with 585 additions and 23299 deletions
|
|
@ -19,19 +19,19 @@ export default function Filters(props) {
|
|||
<span className='filterby'>Filter by</span>
|
||||
|
||||
<span className='field'>
|
||||
<label for='tt'>Tag Text:</label>
|
||||
<input type='text' id='tt' name='tt' autocorrect='off' size='15'
|
||||
<label htmlFor='tt'>Tag Text:</label>
|
||||
<input type='text' id='tt' name='tt' autoCorrect='off' size='15'
|
||||
value={tt} onChange={filtersChanged} />
|
||||
</span>
|
||||
|
||||
<span className='field'>
|
||||
<label for='cc'>Country Code:</label>
|
||||
<input type='text' id='cc' name='cc' autocorrect='off' maxlength='6' size='3'
|
||||
<label htmlFor='cc'>Country Code:</label>
|
||||
<input type='text' id='cc' name='cc' autoCorrect='off' maxLength='6' size='3'
|
||||
value={cc} onChange={filtersChanged} />
|
||||
</span>
|
||||
|
||||
<span className='field'>
|
||||
<label for='inc'>Incomplete:</label>
|
||||
<label htmlFor='inc'>Incomplete:</label>
|
||||
<input type='checkbox' id='inc' name='inc'
|
||||
checked={inc} onChange={filtersChanged} />
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ function Title(props) {
|
|||
function TreeSwitcher(props) {
|
||||
const t = props.t;
|
||||
const others = ['brands', 'flags', 'operators', 'transit'].filter(d => d !== t);
|
||||
const links = others.map(t => (<li><Link to={`index.html?t=${t}`}>{t}/</Link></li>));
|
||||
const links = others.map(t => (<li key={t}><Link to={`index.html?t=${t}`}>{t}/</Link></li>));
|
||||
const list = links.length ? (<> see also: <ul>{links}</ul> </>) : null;
|
||||
|
||||
return (
|
||||
|
|
@ -129,4 +129,4 @@ function GitHub() {
|
|||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
22844
docs/index.2d13da02.js
22844
docs/index.2d13da02.js
File diff suppressed because one or more lines are too long
|
|
@ -1,423 +0,0 @@
|
|||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #111;
|
||||
}
|
||||
|
||||
body {
|
||||
font: normal 12px/1.6667 "-apple-system", BlinkMacSystemFont,
|
||||
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
||||
"Fira Sans", "Droid Sans", "Helvetica Neue", "Arial",
|
||||
sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
overflow-x: hidden;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
#root { background: #f6f6f6; color: #333; }
|
||||
#root.dark { background: #2a2a2a; color: #bbb; }
|
||||
|
||||
.hasCols { display: flex; flex-flow: row nowrap; }
|
||||
.hasRows { display: flex; flex-flow: column nowrap; }
|
||||
.hasCols > div { flex: 1; }
|
||||
.hasRows > div { flex: 1; }
|
||||
|
||||
/* global styles */
|
||||
h1, h2, h3 { margin: 0; }
|
||||
a { text-decoration: none; }
|
||||
:focus { outline-color: transparent; outline-style: none; }
|
||||
a:visited, a { color: #67e; font-weight: bold; }
|
||||
a:hover, a:active { color: #56a; }
|
||||
.dark a:visited, .dark a { color: #88c; font-weight: bold; }
|
||||
.dark a:hover, .dark a:active { color: #56a; }
|
||||
|
||||
ul {
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.hi { font-size: 20px; margin-right: 10px; }
|
||||
.dark .hi { filter: saturate(0); }
|
||||
.nav { margin-top: 10px; }
|
||||
.instructions { max-width: 1000px; margin-top: 20px; }
|
||||
pre { font-size: 12px; margin: 0; }
|
||||
.hide { display: none; }
|
||||
|
||||
code { background: #eee; }
|
||||
.dark code { background: #444; }
|
||||
|
||||
img.icon {
|
||||
width: 1.1em;
|
||||
height: 1.1em;
|
||||
margin-right: 8px;
|
||||
opacity: 0.8;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
.dark img.icon {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
/* forms */
|
||||
textarea,
|
||||
input[type=text] {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
border-radius: 4px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.dark textarea,
|
||||
.dark input[type=text],
|
||||
.dark input[type=checkbox] {
|
||||
background-color: #666;
|
||||
color: #ddd;
|
||||
border: 1px solid #777;
|
||||
}
|
||||
|
||||
button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.dark button {
|
||||
background-color: #393939;
|
||||
color: #aaa;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.dark button:hover {
|
||||
background-color: #777;
|
||||
}
|
||||
button:focus,
|
||||
button.active {
|
||||
background: #7092ff;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input:focus {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
|
||||
/* Sections */
|
||||
#header {
|
||||
align-items: center;
|
||||
padding: 5px 20px;
|
||||
background: #111;
|
||||
color: #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
#header a:visited, #header a { color: #aaf; }
|
||||
#header a:hover, #header a:active { color: #ccf; }
|
||||
|
||||
#title img.icon {
|
||||
filter: invert(1);
|
||||
opacity: 1;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#treeswitcher {
|
||||
flex: 0 1 auto;
|
||||
padding: 0 30px;
|
||||
}
|
||||
#treeswitcher ul {
|
||||
flex: 1;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
#treeswitcher li {
|
||||
display: inline;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#darkmode {
|
||||
flex: 0 0 120px;
|
||||
padding: 5px 10px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
font-size: 16px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
#darkmode > svg {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
#darkmode > svg.fa-sun { color: gold; }
|
||||
.dark #darkmode > svg.fa-sun { color: unset; }
|
||||
#darkmode > svg.fa-moon { color: unset; }
|
||||
.dark #darkmode > svg.fa-moon { color: #88c; }
|
||||
|
||||
#octocat { flex: 0 0 40px; }
|
||||
#octocat a:visited, #octocat a { color: #fff; }
|
||||
#octocat a:hover, #octocat a:active { color: #ddd; }
|
||||
|
||||
#content { padding: 0 20px 60px 20px; }
|
||||
#footer {
|
||||
background: #111;
|
||||
padding: 20px;
|
||||
color: #aaa;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* Filters */
|
||||
.filters {
|
||||
display: inline-block;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
margin-top: 20px;
|
||||
padding: 10px;
|
||||
max-width: 1000px;
|
||||
}
|
||||
.dark .filters {
|
||||
background: #464646;
|
||||
border: 1px solid #222;
|
||||
}
|
||||
.filters.active {
|
||||
background: #eef;
|
||||
border: 1px solid #bbe;
|
||||
}
|
||||
.dark .filters.active {
|
||||
background: #464666;
|
||||
border: 1px solid #556;
|
||||
}
|
||||
.filters .filterby {
|
||||
margin: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.filters .field {
|
||||
margin: 0 10px;
|
||||
}
|
||||
.filters .field label {
|
||||
margin: 0 5px;
|
||||
}
|
||||
.filters .field button.clearFilters {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
/* Overview Page */
|
||||
div.container {
|
||||
margin-top: 20px;
|
||||
columns: auto 275px;
|
||||
}
|
||||
div.category {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Category Pages */
|
||||
.logo {
|
||||
max-width: 75px !important;
|
||||
max-height: 75px !important;
|
||||
vertical-align: middle !important;
|
||||
text-align: center;
|
||||
}
|
||||
.dark img.logo {
|
||||
filter: contrast(0.7);
|
||||
}
|
||||
|
||||
table.summary {
|
||||
width: 96%;
|
||||
border: 1px solid #000;
|
||||
text-align: left;
|
||||
border-collapse: collapse;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.dark table.summary {
|
||||
border: 1px solid #555;
|
||||
}
|
||||
table.summary th {
|
||||
position: sticky;
|
||||
top: -1px;
|
||||
background: #ddd;
|
||||
border: 1px solid #000;
|
||||
padding: 3px 10px;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
z-index: 1; /* stay on top when scrolling */
|
||||
}
|
||||
.dark table.summary th {
|
||||
background: #1a1a1a;
|
||||
color: #999;
|
||||
border: 1px solid #555;
|
||||
}
|
||||
|
||||
tbody tr.selected {
|
||||
background-color: #ffe;
|
||||
}
|
||||
.dark tbody tr.selected {
|
||||
background-color: #3a3a30;
|
||||
}
|
||||
|
||||
tbody td {
|
||||
font-size: 13px;
|
||||
max-height: 100px;
|
||||
border: 1px solid #000;
|
||||
padding: 5px 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.dark tbody td {
|
||||
border: 1px solid #555;
|
||||
}
|
||||
|
||||
tbody h3.slug::before {
|
||||
display: block;
|
||||
content: " ";
|
||||
margin-top: -84px;
|
||||
height: 84px;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
tbody .anchor {
|
||||
margin: 0 5px;
|
||||
}
|
||||
tbody .nsikey,
|
||||
tbody .locations,
|
||||
tbody .sociallinks,
|
||||
tbody .viewlink {
|
||||
padding-top: 10px;
|
||||
}
|
||||
tbody td.namesuggest {
|
||||
max-width: 280px;
|
||||
}
|
||||
tbody .nsikey {
|
||||
overflow-x: auto;
|
||||
}
|
||||
tbody .locations {
|
||||
overflow-x: auto;
|
||||
font-size: 12px;
|
||||
}
|
||||
tbody .locations code {
|
||||
background: unset;
|
||||
font-size: 12px;
|
||||
}
|
||||
tbody td.tags {
|
||||
max-width: 280px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
tbody pre.tags {
|
||||
font-size: 10px;
|
||||
}
|
||||
tbody td.wikidata {
|
||||
max-width: 320px;
|
||||
}
|
||||
tbody td.wikidata div.viewlink {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.sociallinks svg.fa-instagram,
|
||||
.sociallinks svg.fa-vk {
|
||||
color: white;
|
||||
background: black;
|
||||
border-radius: 3px;
|
||||
height: 0.895em;
|
||||
margin-bottom: 0.03em;
|
||||
width: 0.95em;
|
||||
}
|
||||
|
||||
/* invert certain social icons so they match the others */
|
||||
.sociallinks a svg.fa-instagram,
|
||||
.sociallinks a svg.fa-vk,
|
||||
.sociallinks a:visited svg.fa-instagram,
|
||||
.sociallinks a:visited svg.fa-vk {
|
||||
color: white;
|
||||
background: #67e;
|
||||
}
|
||||
.dark .sociallinks a svg.fa-instagram,
|
||||
.dark .sociallinks a svg.fa-vk,
|
||||
.dark .sociallinks a:visited svg.fa-instagram,
|
||||
.dark .sociallinks a:visited svg.fa-vk {
|
||||
color: #2a2a2a;
|
||||
background: #88c;
|
||||
}
|
||||
.sociallinks a:hover svg.fa-instagram,
|
||||
.sociallinks a:hover svg.fa-vk {
|
||||
color: white;
|
||||
background: #56a;
|
||||
}
|
||||
.dark .sociallinks a:hover svg.fa-instagram,
|
||||
.dark .sociallinks a:hover svg.fa-vk {
|
||||
color: #2a2a2a;
|
||||
background: #56a;
|
||||
}
|
||||
.sociallinks a {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
|
||||
/* slider/switch */
|
||||
|
||||
/* The switch - the box around the slider */
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 10px;
|
||||
margin-bottom: 3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
.switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #aaa;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
left: 2px;
|
||||
bottom: -5px;
|
||||
background-color: #ddd;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked + .slider {
|
||||
background-color: #aaa;
|
||||
}
|
||||
|
||||
input:focus + .slider {
|
||||
box-shadow: 0 0 1px #0053ba;
|
||||
}
|
||||
|
||||
input:checked + .slider:before {
|
||||
-webkit-transform: translateX(26px);
|
||||
-ms-transform: translateX(26px);
|
||||
transform: translateX(26px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
.slider.round {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
|
@ -4,12 +4,14 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Name Suggestion Index</title>
|
||||
<link rel="stylesheet" href="index.4116d82d.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>var $buoop={required:{i:15,e:-4,f:-3,o:-3,s:-1,c:-3},reminder:0,noclose:true,no_permanent_hide:true,insecure:true,api:2021.06};</script>
|
||||
<script src='https://browser-update.org/update.js'></script>
|
||||
<div id="root" class="hasRows"></div>
|
||||
<script src="index.2d13da02.js"></script>
|
||||
<script src="index.js"></script>
|
||||
<noscript>Your browser does not support JavaScript!</noscript>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
565
docs/index.js
Normal file
565
docs/index.js
Normal file
File diff suppressed because one or more lines are too long
7
docs/index.js.map
Normal file
7
docs/index.js.map
Normal file
File diff suppressed because one or more lines are too long
25
package.json
25
package.json
|
|
@ -60,20 +60,7 @@
|
|||
"import": "./index.mjs",
|
||||
"require": "./dist/javascript/nsi.cjs",
|
||||
"browser": "./dist/javascript/nsi.iife.js",
|
||||
"./dist/*": "./dist/*"
|
||||
},
|
||||
"nsiguide": "docs/index.html",
|
||||
"targets": {
|
||||
"nsiguide": {
|
||||
"context": "browser",
|
||||
"distDir": "docs",
|
||||
"isLibrary": false,
|
||||
"publicUrl": "./",
|
||||
"optimize": false,
|
||||
"engines": {
|
||||
"browsers": "last 1 version, >1%"
|
||||
}
|
||||
}
|
||||
"dist/*": "./dist/*"
|
||||
},
|
||||
"scripts": {
|
||||
"all": "run-s build dist",
|
||||
|
|
@ -84,7 +71,7 @@
|
|||
"dist:browser": "esbuild ./index.mjs --platform=browser --format=iife --main-fields=module,main --global-name=nsi --bundle --sourcemap --outfile=./dist/javascript/nsi.iife.js",
|
||||
"dist:cjs": "esbuild ./index.mjs --platform=node --format=cjs --bundle --sourcemap --outfile=./dist/javascript/nsi.cjs",
|
||||
"dist:version": "node scripts/dist_version.js",
|
||||
"docbuild": "npx parcel build './app/index.html' --target 'nsiguide' --detailed-report 0 --no-source-maps --no-content-hash",
|
||||
"docbuild": "esbuild ./app/src/index.jsx --platform=browser --format=iife --main-fields=module,main --global-name=nsiguide --bundle --minify --sourcemap --outfile=./docs/index.js",
|
||||
"build": "run-s build:features build:index",
|
||||
"build:features": "node scripts/build_features.js",
|
||||
"build:index": "node scripts/build_index.js",
|
||||
|
|
@ -101,8 +88,6 @@
|
|||
},
|
||||
"devDependencies": {
|
||||
"@aitodotai/json-stringify-pretty-compact": "^1.3.0",
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@fortawesome/fontawesome-svg-core": "^1.2.34",
|
||||
"@fortawesome/free-brands-svg-icons": "^5.15.2",
|
||||
"@fortawesome/free-solid-svg-icons": "^5.15.2",
|
||||
|
|
@ -125,7 +110,6 @@
|
|||
"locale-compare": "^1.0.0",
|
||||
"node-fetch": "^2.2.0",
|
||||
"npm-run-all": "^4.0.0",
|
||||
"parcel": "~2.0.0-beta.2",
|
||||
"react": "^17.0.1",
|
||||
"react-dom": "^17.0.1",
|
||||
"react-router-dom": "^5.2.0",
|
||||
|
|
@ -141,10 +125,5 @@
|
|||
},
|
||||
"engines": {
|
||||
"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
|
||||
},
|
||||
"babel": {
|
||||
"presets": [
|
||||
"@babel/preset-react"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue