@simple-module-py/ui exports map ('.', './*') doesn't cover ./components/*, ./layouts/* — vite can't resolve subpath imports from module pages

[antosubash]

Summary

After successfully booting the API on a fresh sm new scaffold, npm run dev (vite) fails because module-shipped .tsx files can't resolve their @simple-module-py/ui subpath imports. The package's exports map declares only \".\" and \"./*\", neither of which expose paths like ./components/PageShell, ./layouts/AuthenticatedLayout, or ./components/ui/button that the bundled users / dashboard / permissions modules import.

Reproduction

uvx --from simple_module_cli sm new my-app --db sqlite --preset standard -y --no-install
cd my-app
# (after working around #105/#106/#107/#108/#109)
make install
make migrate
cd client_app && npm run dev

Vite output:

Failed to resolve dependency: use-sync-external-store, present in client 'optimizeDeps.include'
Failed to resolve dependency: use-sync-external-store/shim, present in client 'optimizeDeps.include'
Failed to resolve dependency: use-sync-external-store/shim/with-selector, present in client 'optimizeDeps.include'

 VITE v6.4.2 ready in 1192 ms

Error: The following dependencies are imported but could not be resolved:

 @simple-module-py/ui/components/PageShell (imported by .../site-packages/users/pages/Users/Invite.tsx)
 @simple-module-py/ui/layouts/AuthenticatedLayout (imported by .../site-packages/users/pages/Users/Index.tsx)
 @simple-module-py/ui/components/ui/badge (imported by .../site-packages/users/components/RolesTab.tsx)
 @simple-module-py/ui/components/ui/button (imported by .../site-packages/users/components/RolesTab.tsx)
 @simple-module-py/ui/components/ui/card (imported by .../site-packages/users/components/RolesTab.tsx)
 @simple-module-py/ui/components/ui/alert-dialog (imported by .../site-packages/users/pages/Users/Edit.tsx)
 ... (more)

Root cause

client_app/node_modules/@simple-module-py/ui/package.json:

{
 "main": "src/index.ts",
 "exports": { ".": "...", "./*": "..." },
 "files": ["src", "README.md"]
}

The \"./*\" pattern only matches direct children of the package root (one segment). It does not match ./components/PageShell, ./layouts/AuthenticatedLayout, or ./components/ui/badge. Modules import these subpaths today, so Vite gives up.

Related

This is adjacent to (but not the same as) the closed #73, which dealt with module-dir node_modules symlinks and vite aliases. That fix made bare-package resolution find the workspace node_modules, but the resolver then still has to honor the package's exports map — and that map doesn't expose what the modules use.

Suggested fix

Add explicit subpath exports to @simple-module-py/ui (and any sibling packages with the same shape):

{
 \"exports\": {
 \".\": \"./src/index.ts\",
 \"./components/*\": \"./src/components/*.tsx\",
 \"./components/ui/*\": \"./src/components/ui/*.tsx\",
 \"./layouts/*\": \"./src/layouts/*.tsx\",
 \"./hooks/*\": \"./src/hooks/*.ts\",
 \"./*\": \"./src/*\"
 }
}

(Exact pattern depends on the actual source layout — a glance at src/components/ui/ should confirm.)

Environment

• @simple-module-py/ui 0.0.6
• vite 6.4.2 (resolved by vite ^8.0.0 in scaffold's package.json — separate small surprise)
• node 20+

[antosubash]

Still broken in 0.0.7

@simple-module-py/ui@0.0.3 (latest on npm, pulled by simple_module_cli==0.0.7) still has:

"exports": {
 ".": { "types": "./src/index.ts", "default": "./src/index.ts" },
 "./*": "./src/*"
}

The \"./*\" pattern only matches one path segment, so multi-segment subpaths like ./components/PageShell and ./components/ui/button still don't resolve.

Re-running npm run dev on a freshly scaffolded sm new host (everything else now installs cleanly thanks to 0.0.7 fixes for #105/#106/#107/#108/#109):

Error: The following dependencies are imported but could not be resolved:

 @simple-module-py/ui/components/ui/button (imported by .../site-packages/users/components/RolesTab.tsx)
 @simple-module-py/ui/components/ui/card (imported by ...)
 @simple-module-py/ui/components/PageShell (imported by .../site-packages/users/pages/Users/Index.tsx)
 @simple-module-py/ui/layouts/AuthenticatedLayout (imported by ...)
 @simple-module-py/ui/layouts/AuthCardShell (imported by .../site-packages/users/pages/Login.tsx)
 @simple-module-py/ui/components/ui/{input,label,checkbox,table,tabs,select,alert-dialog,badge}
 ... (more)

Bonus: lucide-react and sonner are imported by module pages but not in host's package.json

Same vite run also surfaces:

 lucide-react (imported by .../site-packages/users/components/RolesTab.tsx)
 sonner (imported by .../site-packages/users/pages/Users/Edit.tsx)

The freshly-scaffolded host's client_app/package.json declares:

"dependencies": {
 "@inertiajs/react": "^2.0.0",
 "@simple-module-py/i18n": "^0.0.3",
 "@simple-module-py/ui": "^0.0.3",
 "react": "^19.0.0",
 "react-dom": "^19.0.0"
}

lucide-react and sonner aren't listed — the users module imports them directly but neither the module nor the host scaffold pulls them in. Either they should be re-exported from @simple-module-py/ui (so module code imports @simple-module-py/ui/icons etc.), or simple_module_cli sm new needs a way for module wheels to declare js peer deps that get merged into the host scaffold. (Adding them by hand to client_app/package.json and re-running npm install is the workaround today.)