Files
hanzo.sh-native/tsconfig.app.json
zeekayandHanzo Dev 7ca95cc63c hanzo.sh on @hanzo/ui + @hanzo/gui: no Tailwind, no shadcn, no Radix
The page was a Lovable export: Tailwind 4, 48 generated `components/ui/*` files,
27 Radix packages, and two of everything — a `Navbar` above a `Hero` that drew
its own header, a hand-written footer of `href="#"` links below the real one, and
two dead sections about a banking app that no route rendered. All of it is gone,
and none of its copy is: the install commands, the per-bundle shims, the language
packages, the bundles, the after-install lines and the "Accelerate Development
with AI" section are the same words, now rendered by the design system.

  @hanzo/products  the launcher and the whole footer index — the estate settles
                   that content once; this property declares only its own four
                   nav links and its one call-to-action
  @hanzo/ui        SiteNav, SiteFooter, BrandMark, Panel, StatusTag, ToastProvider
  @hanzo/gui       every primitive, on @hanzo/ui/gui-config — the scale the
                   console and hanzo/sites render against
  @hanzo/design    monochrome, dark by default, Geist Sans + Geist Mono SELF-HOSTED
                   (the CDN @import is gone, so the CR's CSP can be same-origin)
  @hanzo/logo      the mark, through BrandMark

Direct dependencies go from 49 to 12. Zero tailwind/shadcn/radix strings survive
in src/ or in any config, and zero reach the bundle. React Query, react-router,
sonner, cmdk, vaul, recharts, embla, react-hook-form, zod, next-themes and
lovable-tagger went with them — none was doing anything.

Also fixed, because they were in the way:

- The polyglot's `#!/bin/sh <<\EOF` preamble precedes `<!DOCTYPE html>`, so the
  parser puts it at the top of `<body>`: hanzo.sh has been rendering its own
  shebang above its header. Removed before first paint (it cannot be hidden with
  CSS and cannot move in the file).
- Shell commands were not monospace: `$mono` is not a token in gui-config, so
  `fontFamily="$mono"` resolved to nothing.
- Controls were `<div accessibilityRole="button">`, which on web is no role and no
  tab stop. `src/components/Pressable.tsx` renders a real `<button>`.
- Every destination in the header and the footer now clears 44px, via the `link`
  renderers those two components take for exactly this purpose.

Two @hanzo/[email protected] defects are routed around IN PLACE, each with its delete
condition, both documented in LLM.md: `@hanzo/ui/product` statically imports the
optional, Next-only peer `@hanzogui/next-theme` (one tsup chunk holds both theme
toggles), and `SiteNav` writes `$sm` meaning "phone" where v5 defines it as
`minWidth: 640` — inverted, so the phone got the desktop link row.

Verified: `pnpm build` exits 0, `pnpm typecheck` and `pnpm lint` clean, the
Dockerfile's three polyglot assertions hold and `bash dist/index.html --help`
still prints the installer usage. Playwright at 390x844: no horizontal scroll
(scrollWidth 390), 71 interactive elements, all >=44x44 but the inline `uv` link
in a sentence, no console errors, menu opens, copy writes the command to the
clipboard and toasts. Same at 1280x900.

Co-authored-by: Hanzo Dev <[email protected]>
2026-07-28 16:53:26 -07:00

24 lines
534 B
JSON

{
"compilerOptions": {
"target": "ES2022",
"useDefineForClassFields": true,
"lib": ["ES2022", "DOM", "DOM.Iterable"],
"module": "ESNext",
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"isolatedModules": true,
"moduleDetection": "force",
"noEmit": true,
"jsx": "react-jsx",
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": ["src"]
}