@hanzo/design 0.4.11 → 0.4.12

package/dist/index.d.ts

@@ -33,6 +33,6 @@ export declare function tokenValue(name: CssVarName): string | undefined;
  * bare. Pass a URL you serve.
  */
 export declare function injectDesignCss(href: string): void;
-export { vars, css, isColor, TYPE_MIN, TYPE_MAX } from './preference';
-export type { Preference, Density } from './preference';
+export { vars, css, isColor, TYPE_MIN, TYPE_MAX } from './preference.js';
+export type { Preference, Density } from './preference.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAWA,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE1D,uFAAuF;AACvF,MAAM,MAAM,SAAS,GAAG,UAAU,SAAS,KAAK,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAErE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAI9E;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAE/D;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAQlD;AAKD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAWA,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE1D,uFAAuF;AACvF,MAAM,MAAM,SAAS,GAAG,UAAU,SAAS,KAAK,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAErE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAI9E;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAE/D;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAQlD;AAKD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -61,4 +61,4 @@ export function injectDesignCss(href) {
 // A person's own reading of the system — type size, density, accent — as CSS
 // custom properties. Pure: it maps a preference to variables and returns them,
 // so an app, an embedded preview and a server render all apply it the same way.
-export { vars, css, isColor, TYPE_MIN, TYPE_MAX } from './preference';
+export { vars, css, isColor, TYPE_MIN, TYPE_MAX } from './preference.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/design",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "packageManager": "pnpm@11.17.0",
   "description": "Hanzo Design System \u2014 monochrome, dark-default tokens + components + brand assets, the single source of truth for every Hanzo surface. CSS + typed programmatic tokens.",
   "license": "MIT OR Apache-2.0",
@@ -33,7 +33,7 @@
   "scripts": {
     "gen": "node scripts/gen-tokens.mjs",
     "test": "node scripts/check-tokens.mjs && node scripts/check-preference.mjs && node scripts/lint.mjs .",
-    "build": "pnpm gen && pnpm test && tsc -p tsconfig.json",
+    "build": "pnpm gen && pnpm test && tsc -p tsconfig.json && node scripts/check-dist.mjs",
     "prepublishOnly": "pnpm build",
     "lint": "node scripts/lint.mjs"
   },

package/scripts/check-dist.mjs

@@ -0,0 +1,81 @@
+/**
+ * Import the BUILT package the way a consumer does.
+ *
+ * Everything else in this repo checks the sources: the token files, the
+ * generator's output, the preference contract. All of it passed while
+ * `dist/index.js` was unimportable — 0.4.10 and 0.4.11 both shipped a barrel
+ * that re-exported `'./preference'` with no extension, which TypeScript emits
+ * verbatim and Node ESM refuses to resolve. `pnpm build` was green, `pnpm test`
+ * was green, and `import '@hanzo/design'` threw ERR_MODULE_NOT_FOUND for every
+ * consumer.
+ *
+ * A test that reads source cannot see that. This one loads the artifact.
+ */
+import { readFileSync, existsSync } from 'node:fs'
+import { fileURLToPath, pathToFileURL } from 'node:url'
+import { dirname, join } from 'node:path'
+
+const here = dirname(fileURLToPath(import.meta.url))
+const root = join(here, '..')
+
+let failed = 0
+const check = async (name, fn) => {
+  try {
+    await fn()
+    console.log(`  ok   ${name}`)
+  } catch (e) {
+    failed++
+    console.error(`  FAIL ${name}\n       ${e.message}`)
+  }
+}
+
+console.log('dist:')
+
+const pkg = JSON.parse(readFileSync(join(root, 'package.json'), 'utf8'))
+
+await check('every export the package advertises actually exists on disk', () => {
+  const missing = []
+  for (const [name, entry] of Object.entries(pkg.exports ?? {})) {
+    for (const target of typeof entry === 'string' ? [entry] : Object.values(entry)) {
+      if (typeof target !== 'string' || target.includes('*')) continue
+      if (!existsSync(join(root, target))) missing.push(`${name} -> ${target}`)
+    }
+  }
+  if (missing.length) throw new Error(`exports pointing at nothing:\n         ${missing.join('\n         ')}`)
+})
+
+await check('the barrel IMPORTS — the check that 0.4.10 and 0.4.11 needed', async () => {
+  const entry = join(root, 'dist/index.js')
+  if (!existsSync(entry)) throw new Error('dist/index.js is missing — run the build first')
+  const mod = await import(pathToFileURL(entry).href)
+  // The preference API is the part that was unreachable; naming it here means a
+  // future re-export losing its extension fails by name rather than by silence.
+  for (const name of ['vars', 'css', 'isColor', 'TYPE_MIN', 'TYPE_MAX', 'cssVar', 'tokenValue']) {
+    if (mod[name] === undefined) throw new Error(`dist/index.js does not export ${name}`)
+  }
+  if (typeof mod.vars !== 'function') throw new Error('vars is not callable from the built package')
+  const v = mod.vars({ type: 1.2, density: 'compact' })
+  if (v['--type-scale'] !== '1.2') throw new Error(`built vars() returned ${JSON.stringify(v)}`)
+})
+
+await check('no emitted module uses an extensionless relative specifier', () => {
+  // The class of bug, not just the one instance: Node ESM resolves relative
+  // specifiers literally, so a missing `.js` is always a runtime failure.
+  const bad = []
+  for (const [, entry] of Object.entries(pkg.exports ?? {})) {
+    const target = typeof entry === 'string' ? entry : entry.import
+    if (typeof target !== 'string' || target.includes('*') || !target.endsWith('.js')) continue
+    const file = join(root, target)
+    if (!existsSync(file)) continue
+    for (const m of readFileSync(file, 'utf8').matchAll(/from\s+['"](\.[^'"]*)['"]/g)) {
+      if (!/\.(js|mjs|cjs|json|css)$/.test(m[1])) bad.push(`${target}: ${m[1]}`)
+    }
+  }
+  if (bad.length) throw new Error(`extensionless relative imports:\n         ${bad.join('\n         ')}`)
+})
+
+if (failed) {
+  console.error(`\n${failed} dist check(s) failed`)
+  process.exit(1)
+}
+console.log('dist: all checks passed')

package/src/index.ts

@@ -66,5 +66,5 @@ export function injectDesignCss(href: string): void {
 // A person's own reading of the system — type size, density, accent — as CSS
 // custom properties. Pure: it maps a preference to variables and returns them,
 // so an app, an embedded preview and a server render all apply it the same way.
-export { vars, css, isColor, TYPE_MIN, TYPE_MAX } from './preference';
-export type { Preference, Density } from './preference';
+export { vars, css, isColor, TYPE_MIN, TYPE_MAX } from './preference.js';
+export type { Preference, Density } from './preference.js';