zeekayandHanzo Dev
7ca95cc63c
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]>
37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import js from "@eslint/js";
|
|
import globals from "globals";
|
|
import reactHooks from "eslint-plugin-react-hooks";
|
|
import reactRefresh from "eslint-plugin-react-refresh";
|
|
import tseslint from "typescript-eslint";
|
|
|
|
export default tseslint.config(
|
|
{ ignores: ["dist"] },
|
|
{
|
|
extends: [js.configs.recommended, ...tseslint.configs.recommended],
|
|
files: ["**/*.{ts,tsx}"],
|
|
languageOptions: {
|
|
ecmaVersion: 2022,
|
|
globals: globals.browser,
|
|
},
|
|
plugins: {
|
|
"react-hooks": reactHooks,
|
|
"react-refresh": reactRefresh,
|
|
},
|
|
rules: {
|
|
...reactHooks.configs.recommended.rules,
|
|
"react-refresh/only-export-components": [
|
|
"warn",
|
|
{ allowConstantExport: true },
|
|
],
|
|
"@typescript-eslint/no-unused-vars": "off",
|
|
},
|
|
},
|
|
{
|
|
// Declaration merging registers @hanzo/gui's config with the type system, and
|
|
// the interface it merges into is empty BY CONSTRUCTION — the body comes from
|
|
// the module it extends. There is nothing to declare and nothing to lint.
|
|
files: ["**/*.d.ts"],
|
|
rules: { "@typescript-eslint/no-empty-object-type": "off" },
|
|
}
|
|
);
|