@atom.io/template-solid-lossless-numbers 0.0.40 → 0.0.41

package/.oxlintrc.json

@@ -0,0 +1,4 @@
+{
+	"$schema": "./node_modules/oxlint/configuration_schema.json",
+	"extends": ["./node_modules/atom.io/oxlint.json"]
+}

package/.turbo/turbo-build.log

@@ -1,10 +1,11 @@
 $ vite build
-vite v8.2.1 building client environment for production...
-
+vite v8.2.2 building client environment for production...
+transforming...
+✓ 22 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.html                  0.39 kB │ gzip:  0.27 kB
-dist/assets/index-DMbEQKRi.css   3.29 kB │ gzip:  1.11 kB
-dist/assets/index-COTc-raj.js   83.89 kB │ gzip: 24.65 kB
+dist/index.html                  0.39 kB │ gzip:  0.28 kB
+dist/assets/index-DtvSwENK.css   3.86 kB │ gzip:  1.14 kB
+dist/assets/index-C68zAp4F.js   84.19 kB │ gzip: 24.68 kB
 
-✓ built in 955ms
+✓ built in 451ms

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.0.41
+
+### Patch Changes
+
+- 88f81c3: Use Lasertag's semantic Solid JSX declarations instead of maintaining a handwritten intrinsic-element shim.
+- 88f81c3: Give every released template a pinned, standalone Oxlint, ESLint, TypeScript, and dprint quality baseline with zero-warning scripts and a single canonical configuration shipped at the atom.io package root.
+- Updated dependencies [98d897b]
+- Updated dependencies [88f81c3]
+  - atom.io@0.52.2
+
 ## 0.0.40
 
 ### Patch Changes

package/README.md

@@ -23,6 +23,10 @@ npm run build
 npm run preview
 ```
 
+## Quality Checks
+
+Run `npm run lint` before committing. It enforces ESLint, type-aware Oxlint, and TypeScript with zero warnings. Run `npm run fmt:check` in CI and `npm run fmt` to apply the pinned dprint configuration locally.
+
 ## Where To Look
 
 - `src/App.tsx`: the atom.io state model, Solid components, and rational arithmetic UI.

package/_gitignore

@@ -1,3 +1,4 @@
 node_modules
 dist
 .DS_Store
+*.tsbuildinfo

package/dist/assets/index-DtvSwENK.css

@@ -0,0 +1 @@
+:root{--bg:#f6f1e8;--bg-deep:#efe3d0;--panel:#fffcf7db;--panel-strong:#fffaf2;--ink:#172433;--muted:#5d6670;--gold:#d88d1f;--gold-soft:#f5d8a5;--mint:#bfd7c2;--line:#17243324;--shadow:0 24px 80px #3721081f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;color:var(--ink);background:radial-gradient(circle at top left, #d88d1f29, transparent 28%), radial-gradient(circle at right center, #1724331f, transparent 30%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100svh}button,input,select{font:inherit}button,select,input{border:1px solid var(--line);border-radius:var(--radius-sm)}button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #17243324}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}button.secondary,button.ghost-button{color:var(--ink);background:0 0}button.secondary{border-style:dashed}button.ghost-button{padding-inline:.85rem}input,select{background:#ffffffbf;width:100%;padding:.75rem .85rem}code{font-family:SFMono-Regular,Cascadia Code,Fira Code,Menlo,Consolas,monospace;font-size:.9em}rationality-app._class_14ekc_1{--line:#17243324}rationality-app._class_14ekc_1,rationality-app._class_14ekc_1 *{display:flex}rationality-app._class_14ekc_1{flex-direction:column}rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset{border:none;flex-flow:column;padding:0;font-size:24px}:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>rational-numerator,:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>rational-denominator,:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>input{flex-grow:1;justify-content:center;align-items:center;height:36px;margin:0}:is(:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>rational-numerator,:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>rational-denominator,:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>input)[data-css=one]{color:#0002}:is(rationality-app._class_14ekc_1 rational-fraction,rationality-app._class_14ekc_1 fieldset)>rational-solidus{background:#000;height:2px}rationality-app._class_14ekc_1>header{justify-content:space-between;align-items:center;padding:12px}rationality-app._class_14ekc_1>header>button{justify-content:center;align-items:center}rationality-app._class_14ekc_1>main{flex-flow:column;gap:2px;padding:2px}rationality-app._class_14ekc_1>main>rational-breakdown{border:1px solid #0002;padding:2px 12px}rationality-app._class_14ekc_1>main>rational-breakdown>fraction-list{flex-grow:1}rationality-app._class_14ekc_1>main>rational-breakdown>fraction-list>rational-plus{color:#0002;align-items:center;font-size:30px}rationality-app._class_14ekc_1>main>rational-breakdown>fraction-list>infix-buttons{flex-flow:column}rationality-app._class_14ekc_1>main>rational-breakdown>rational-equals{color:#0002;align-items:center;font-size:48px}rationality-app._class_14ekc_1>main>rational-breakdown>rational-quotient{align-items:center;font-size:48px;position:relative}rationality-app._class_14ekc_1>main>rational-breakdown>rational-quotient>quotient-bits{flex-wrap:wrap;place-content:flex-start;place-items:flex-start;width:40px;position:absolute;top:0;right:0}rationality-app._class_14ekc_1>main>rational-breakdown>rational-quotient>quotient-bits>quotient-bit{background:0 0;border:1px solid #0002;flex-grow:0;flex-shrink:0;width:5px;height:5px}rationality-app._class_14ekc_1>main>rational-breakdown>rational-quotient>quotient-bits>quotient-bit[data-css=one]{background:#0002}

package/dist/index.html

@@ -7,8 +7,8 @@
 			content="width=device-width, initial-scale=1.0"
 		/>
 		<title>Rationality Playground</title>
-		<script type="module" crossorigin src="/assets/index-COTc-raj.js"></script>
-		<link rel="stylesheet" crossorigin href="/assets/index-DMbEQKRi.css">
+		<script type="module" crossorigin src="/assets/index-C68zAp4F.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-DtvSwENK.css">
 	</head>
 	<body>
 		<div id="app"></div>

package/dprint.json

@@ -0,0 +1,33 @@
+{
+	"$schema": "https://dprint.dev/schemas/v0.json",
+	"lineWidth": 81,
+	"useTabs": true,
+	"indentWidth": 2,
+	"includes": ["**/*.{ts,tsx,js,jsx,mjs,cjs,json,jsonc,md,mdx,css}"],
+	"excludes": [
+		"**/dist/**",
+		"**/node_modules/**",
+		"**/playwright-report/**",
+		"**/test-results/**"
+	],
+	"oxc": {
+		"associations": ["**/*.{ts,tsx,js,jsx,mjs,cjs}"],
+		"semicolons": "asNeeded",
+		"trailingCommas": "all"
+	},
+	"json": {
+		"associations": ["**/*.{json,jsonc}"]
+	},
+	"markdown": {
+		"associations": ["**/*.{md,mdx}"]
+	},
+	"malva": {
+		"associations": ["**/*.css"]
+	},
+	"plugins": [
+		"./node_modules/@dprint/oxc/plugin.wasm",
+		"./node_modules/@dprint/json/plugin.wasm",
+		"./node_modules/@dprint/markdown/plugin.wasm",
+		"./node_modules/dprint-plugin-malva/plugin.wasm"
+	]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atom.io/template-solid-lossless-numbers",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
@@ -12,20 +12,34 @@
   },
   "type": "module",
   "dependencies": {
-    "rationality": "0.1.0",
-    "solid-js": "1.9.15",
-    "atom.io": "0.52.1"
+    "atom.io": "0.52.2",
+    "rationality": "0.1.1",
+    "solid-js": "1.9.15"
   },
   "devDependencies": {
-    "@types/node": "26.2.0",
-    "eslint": "10.8.1",
+    "@dprint/json": "0.23.0",
+    "@dprint/markdown": "0.23.2",
+    "@dprint/oxc": "0.37.0",
+    "@types/node": "26.4.0",
+    "dprint": "0.56.1",
+    "dprint-plugin-malva": "0.16.0",
+    "eslint": "10.9.1",
+    "lasertag": "0.7.0",
+    "oxlint": "1.80.0",
+    "oxlint-tsgolint": "7.0.2001",
     "typescript": "7.0.2",
-    "vite": "8.2.1",
+    "vite": "8.2.2",
     "vite-plugin-solid": "2.11.14"
   },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "fmt": "dprint fmt .",
+    "fmt:check": "dprint check .",
+    "lint": "npm run lint:eslint && npm run lint:oxlint && npm run lint:types",
+    "lint:eslint": "eslint --max-warnings 0 .",
+    "lint:oxlint": "oxlint --deny-warnings .",
+    "lint:types": "tsc -b",
     "preview": "vite preview"
   }
 }

package/src/App.tsx

@@ -124,7 +124,7 @@ const combineIntoRationalTransaction = transaction<
 export function App(): JSX.Element {
 	const rationals = useO(rationalListAtom)
 	return (
-		<app class={css.class}>
+		<rationality-app class={css.class}>
 			<header>
 				<h1>Rationality Playground</h1>
 			</header>
@@ -153,7 +153,7 @@ export function App(): JSX.Element {
 					</button>
 				</new-rational>
 			</main>
-		</app>
+		</rationality-app>
 	)
 }
 
@@ -172,7 +172,7 @@ export function RationalBreakdown(props: { key: RationalKey }): JSX.Element {
 						return (
 							<>
 								<Show when={index() !== 0}>
-									<plus>+</plus>
+									<rational-plus>+</rational-plus>
 								</Show>
 								<Fraction numerator={numerator} denominator={denominator} />
 							</>
@@ -216,17 +216,21 @@ export function RationalBreakdown(props: { key: RationalKey }): JSX.Element {
 				<RationalCombineFields key={props.key} />
 			</fraction-list>
 
-			<equals>=</equals>
+			<rational-equals>=</rational-equals>
 			<Fraction numerator={simplified()[0]} denominator={simplified()[1]} />
-			<equals>{isFloatPrecise() ? `=` : `≈`}</equals>
-			<quotient>
+			<rational-equals>{isFloatPrecise() ? `=` : `≈`}</rational-equals>
+			<rational-quotient>
 				<quotient-bits>
 					<For each={bits()}>
-						{(bit) => <bit data-css={bit === `1` ? `one` : undefined} />}
+						{(bit) => (
+							<quotient-bit data-css={bit === `1` ? `one` : undefined} />
+						)}
 					</For>
 				</quotient-bits>
-				<number>{isFloatPrecise() ? float() : approximateValue()}</number>
-			</quotient>
+				<rational-number>
+					{isFloatPrecise() ? float() : approximateValue()}
+				</rational-number>
+			</rational-quotient>
 		</rational-breakdown>
 	)
 }
@@ -236,15 +240,17 @@ export function Fraction(props: {
 	denominator: bigint
 }): JSX.Element {
 	return (
-		<fraction>
-			<numerator data-css={props.numerator === 1n ? `one` : undefined}>
+		<rational-fraction>
+			<rational-numerator data-css={props.numerator === 1n ? `one` : undefined}>
 				{Number(props.numerator)}
-			</numerator>
-			<solidus />
-			<denominator data-css={props.denominator === 1n ? `one` : undefined}>
+			</rational-numerator>
+			<rational-solidus />
+			<rational-denominator
+				data-css={props.denominator === 1n ? `one` : undefined}
+			>
 				{Number(props.denominator)}
-			</denominator>
-		</fraction>
+			</rational-denominator>
+		</rational-fraction>
 	)
 }
 
@@ -284,7 +290,7 @@ export function RationalFields({
 				}}
 				placeholder="1"
 			/>
-			<solidus />
+			<rational-solidus />
 			<input
 				type="number"
 				value={denominator()?.toString()}

package/src/App.tsx.module.css

@@ -1,4 +1,4 @@
-app.class {
+rationality-app.class {
 	--line: rgba(23, 36, 51, 0.14);
 
 	& /* local globals */,
@@ -8,14 +8,14 @@ app.class {
 
 	flex-direction: column;
 
-	fraction,
+	rational-fraction,
 	fieldset {
 		flex-flow: column;
 		font-size: 24px;
 		border: none;
 		padding: 0;
-		> numerator,
-		> denominator,
+		> rational-numerator,
+		> rational-denominator,
 		> input {
 			margin: 0;
 			height: 36px;
@@ -26,7 +26,7 @@ app.class {
 				color: #0002;
 			}
 		}
-		> solidus {
+		> rational-solidus {
 			height: 2px;
 			background: #000;
 		}
@@ -51,7 +51,7 @@ app.class {
 			padding: 2px 12px;
 			> fraction-list {
 				flex-grow: 1;
-				> plus {
+				> rational-plus {
 					font-size: 30px;
 					color: #0002;
 					align-items: center;
@@ -60,13 +60,13 @@ app.class {
 					flex-flow: column;
 				}
 			}
-			> equals {
+			> rational-equals {
 				font-size: 48px;
 				align-items: center;
 				color: #0002;
 			}
-			> fraction {}
-			> quotient {
+			> rational-fraction {}
+			> rational-quotient {
 				align-items: center;
 				font-size: 48px;
 				position: relative;
@@ -80,7 +80,7 @@ app.class {
 					justify-content: flex-start;
 					justify-items: flex-start;
 					align-content: flex-start;
-					> bit {
+					> quotient-bit {
 						flex-shrink: 0;
 						flex-grow: 0;
 						height: 5px;

package/src/main.tsx

@@ -1,8 +1,9 @@
+import "./globals.css"
+
 import { StoreProvider } from "atom.io/solid"
 import { render } from "solid-js/web"
 
 import { App } from "./App.tsx"
-import "./globals.css"
 
 render(
 	() => (

package/tsconfig.app.json

@@ -1,6 +1,8 @@
 {
 	"compilerOptions": {
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
 		"target": "ES2024",
+		"lib": ["DOM", "ESNext"],
 		"module": "ESNext",
 		"moduleResolution": "Bundler",
 		"noEmit": true,
@@ -9,7 +11,7 @@
 		"exactOptionalPropertyTypes": true,
 		"jsx": "preserve",
 		"jsxImportSource": "solid-js",
-		"types": ["vite/client"]
+		"types": ["vite/client", "lasertag/solid-jsx"]
 	},
 	"include": ["src", "vite.config.ts"]
 }

package/vite.config.ts

@@ -1,6 +1,6 @@
-import solid from "vite-plugin-solid"
 import type { UserConfig } from "vite"
 import { defineConfig } from "vite"
+import solid from "vite-plugin-solid"
 
 const config: UserConfig = defineConfig({
 	plugins: [solid()],

package/dist/assets/index-DMbEQKRi.css

@@ -1 +0,0 @@
-app._class_r58xi_1{--line:#17243324}app._class_r58xi_1,app._class_r58xi_1 *{display:flex}app._class_r58xi_1{flex-direction:column}app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset{border:none;flex-flow:column;padding:0;font-size:24px}:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>numerator,:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>denominator,:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>input{flex-grow:1;justify-content:center;align-items:center;height:36px;margin:0}:is(:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>numerator,:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>denominator,:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>input)[data-css=one]{color:#0002}:is(app._class_r58xi_1 fraction,app._class_r58xi_1 fieldset)>solidus{background:#000;height:2px}app._class_r58xi_1>header{justify-content:space-between;align-items:center;padding:12px}app._class_r58xi_1>header>button{justify-content:center;align-items:center}app._class_r58xi_1>main{flex-flow:column;gap:2px;padding:2px}app._class_r58xi_1>main>rational-breakdown{border:1px solid #0002;padding:2px 12px}app._class_r58xi_1>main>rational-breakdown>fraction-list{flex-grow:1}app._class_r58xi_1>main>rational-breakdown>fraction-list>plus{color:#0002;align-items:center;font-size:30px}app._class_r58xi_1>main>rational-breakdown>fraction-list>infix-buttons{flex-flow:column}app._class_r58xi_1>main>rational-breakdown>equals{color:#0002;align-items:center;font-size:48px}app._class_r58xi_1>main>rational-breakdown>quotient{align-items:center;font-size:48px;position:relative}app._class_r58xi_1>main>rational-breakdown>quotient>quotient-bits{flex-wrap:wrap;place-content:flex-start;place-items:flex-start;width:40px;position:absolute;top:0;right:0}app._class_r58xi_1>main>rational-breakdown>quotient>quotient-bits>bit{background:0 0;border:1px solid #0002;flex-grow:0;flex-shrink:0;width:5px;height:5px}app._class_r58xi_1>main>rational-breakdown>quotient>quotient-bits>bit[data-css=one]{background:#0002}:root{--bg:#f6f1e8;--bg-deep:#efe3d0;--panel:#fffcf7db;--panel-strong:#fffaf2;--ink:#172433;--muted:#5d6670;--gold:#d88d1f;--gold-soft:#f5d8a5;--mint:#bfd7c2;--line:#17243324;--shadow:0 24px 80px #3721081f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;color:var(--ink);background:radial-gradient(circle at top left, #d88d1f29, transparent 28%), radial-gradient(circle at right center, #1724331f, transparent 30%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100svh}button,input,select{font:inherit}button,select,input{border:1px solid var(--line);border-radius:var(--radius-sm)}button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #17243324}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}button.secondary,button.ghost-button{color:var(--ink);background:0 0}button.secondary{border-style:dashed}button.ghost-button{padding-inline:.85rem}input,select{background:#ffffffbf;width:100%;padding:.75rem .85rem}code{font-family:SFMono-Regular,Cascadia Code,Fira Code,Menlo,Consolas,monospace;font-size:.9em}

package/src/jsx-intrinsic-elements.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable quotes */
-import type * as SolidJs from "solid-js"
-
-declare module "solid-js" {
-	namespace JSX {
-		interface IntrinsicElements {
-			[tagname: string]: SolidJs.JSX.HTMLAttributes<HTMLDivElement>
-		}
-	}
-}