Move CI example to repo

jakeboone02 · jakeboone02 · commit a904487c1cd4 · 2023-06-14T11:32:17.000-07:00
diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
@@ -1,3 +1,4 @@
 {
-  "sandboxes": ["format-quantity-ci-oxw19"]
+  "sandboxes": ["/ci"],
+  "node": "18"
 }
diff --git a/ci/index.html b/ci/index.html
@@ -0,0 +1,17 @@
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>format-quantity CI</title>
+  </head>
+  <body>
+    <h1>format-quantity CI</h1>
+    <div id="grid">
+      <div>quantity</div>
+      <div>default</div>
+      <div>vulgarFractions</div>
+      <div>fractionSlash</div>
+      <div>romanNumerals</div>
+    </div>
+    <script src="src/index.ts"></script>
+  </body>
+</html>
diff --git a/ci/package.json b/ci/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "format-quantity-ci",
+  "version": "1.0.0",
+  "description": "format-quantity Test Page",
+  "main": "index.html",
+  "scripts": {
+    "start": "parcel index.html --open",
+    "build": "parcel build index.html"
+  },
+  "dependencies": {
+    "format-quantity": "1.1.0",
+    "parcel-bundler": "^1.12.5"
+  },
+  "devDependencies": {
+    "typescript": "^5.1.3"
+  },
+  "resolutions": {
+    "@babel/preset-env": "7.13.8"
+  },
+  "keywords": []
+}
diff --git a/ci/src/index.ts b/ci/src/index.ts
@@ -0,0 +1,21 @@
+import { formatQuantity } from 'format-quantity';
+import { numbers } from './numbers';
+import './styles.css';
+
+const grid = document.querySelector('#grid')!;
+
+const gridInnerHTML: string[] = [];
+
+for (const num of numbers) {
+  const run = [
+    num,
+    formatQuantity(num),
+    formatQuantity(num, { vulgarFractions: true }),
+    formatQuantity(num, { fractionSlash: true }),
+    formatQuantity(num, { romanNumerals: true }),
+  ];
+
+  gridInnerHTML.push(...run.map(r => `<div>${JSON.stringify(r)}</div>`));
+}
+
+grid.innerHTML = gridInnerHTML.join('');
diff --git a/ci/src/numbers.ts b/ci/src/numbers.ts
@@ -0,0 +1,36 @@
+export const numbers = [
+  'NaN',
+  0,
+  1,
+  -1,
+  100,
+  1.1,
+  -1.1,
+  1.25,
+  -1.25,
+  1.75,
+  -1.75,
+  0.2,
+  1.2,
+  0.4,
+  1.4,
+  0.6,
+  1.6,
+  0.8,
+  1.8,
+  1.32,
+  1.33,
+  1.3333333333333333,
+  1.34,
+  1.66,
+  1.667,
+  1.6666666666666666,
+  1.67,
+  1.51,
+  1.5,
+  1.52,
+  1.125,
+  1.375,
+  1.625,
+  1.875,
+] as const;
diff --git a/ci/src/styles.css b/ci/src/styles.css
@@ -0,0 +1,26 @@
+body {
+  font-family: 'Consolas', 'Courier New', Courier, monospace;
+  font-size: 14px;
+}
+
+#grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+  column-gap: 1rem;
+  row-gap: 0.4rem;
+}
+
+#grid > *:nth-child(n + 5) {
+  border-bottom: 1px solid #dddddd;
+}
+
+#grid > *:nth-child(-n + 5) {
+  border-bottom: 1px solid gray;
+  font-weight: bold;
+  text-align: center;
+}
+
+#grid > *:nth-child(5n + 1):nth-child(n + 5) {
+  font-weight: bold;
+  text-align: right;
+}
diff --git a/ci/tsconfig.json b/ci/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "module": "commonjs",
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "allowJs": true,
+    "lib": ["ES6", "DOM"],
+    "moduleResolution": "node"
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
`1`	`1`	`{`
`2`		`- "sandboxes": ["format-quantity-ci-oxw19"]`
	`2`	`+ "sandboxes": ["/ci"],`
	`3`	`+ "node": "18"`
`3`	`4`	`}`