286e2daf95
Hybrid traditional + AI-first webapp scaffold. Sibling to crema-app-template, adds the AI assistant surface, command bus, scripts dialog, and virtual cursor. What's pre-wired: - 6 routes: Overview, Resources, Activity, Assistant, Library, Settings - Collapsible rail + appbar + avatar dropdown shell (template code, not a lib) - Mobile sheet at <md - /assistant: streaming chat via @crema/llm-ui, mock fallback, model selector, token meter, retry probe, stop-while-streaming, persistent UI Control toggle - /settings: editable LM Studio endpoint + context window + response cap, with test-connection button - Markdown rendering for assistant replies; ```action``` blocks rendered as a small "Ran N actions" pill - ⌘⇧P script runner dialog + Play icon in the appbar - Two demo scripts in public/scripts/ - mightypix theme as default, scoped via <AppShell theme="mightypix"> Libs wired in tsconfig + app.css: - @crema/action-bus (the bus, parser, runner, cursor, provider, ws, llm-bridge) - @crema/llm-ui, @crema/chat-ui, @crema/aifirst-ui, @crema/notification-ui - lib-theme-mightypix Docs: - README.md — pitch + quick start + structure - docs/AI_FIRST.md — full system tour (data-action contract, bus, DSL, scripts, cursor, LLM integration) - app/components/layout/THEME_CONTRACT.md — every CSS variable a theme must declare - CLAUDE.md — orientation for an LLM working in the repo Genericized from comfy-cloud (the original prototype): - Brand defaults to "App" / Sparkles icon (override via app/lib/identity.ts) - User defaults to a stub (swap useUser() for real auth) - localStorage namespace is "crema.*" (was "comfy.*") Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
109 lines
3.4 KiB
TypeScript
109 lines
3.4 KiB
TypeScript
import { resolve as resolvePath } from "node:path"
|
|
import { fileURLToPath } from "node:url"
|
|
import { reactRouter } from "@react-router/dev/vite"
|
|
import tailwindcss from "@tailwindcss/vite"
|
|
import { defineConfig } from "vite"
|
|
import tsconfigPaths from "vite-tsconfig-paths"
|
|
|
|
const contentUiSrc = fileURLToPath(
|
|
new URL("../lib-content-ui/src", import.meta.url),
|
|
)
|
|
const contentEditorUiSrc = fileURLToPath(
|
|
new URL("../lib-content-editor-ui/src", import.meta.url),
|
|
)
|
|
const contentMediaUiSrc = fileURLToPath(
|
|
new URL("../lib-content-media-ui/src", import.meta.url),
|
|
)
|
|
const colorUiSrc = fileURLToPath(
|
|
new URL("../lib-color-ui/src", import.meta.url),
|
|
)
|
|
const typographyUiSrc = fileURLToPath(
|
|
new URL("../lib-typography-ui/src", import.meta.url),
|
|
)
|
|
const dataUiSrc = fileURLToPath(
|
|
new URL("../lib-data-ui/src", import.meta.url),
|
|
)
|
|
const layoutUiSrc = fileURLToPath(
|
|
new URL("../lib-layout-ui/src", import.meta.url),
|
|
)
|
|
const mapUiSrc = fileURLToPath(
|
|
new URL("../lib-map-ui/src", import.meta.url),
|
|
)
|
|
const formUiSrc = fileURLToPath(
|
|
new URL("../lib-form-ui/src", import.meta.url),
|
|
)
|
|
const feedbackUiSrc = fileURLToPath(
|
|
new URL("../lib-feedback-ui/src", import.meta.url),
|
|
)
|
|
const diagramUiSrc = fileURLToPath(
|
|
new URL("../lib-diagram-ui/src", import.meta.url),
|
|
)
|
|
const chatUiSrc = fileURLToPath(
|
|
new URL("../lib-chat-ui/src", import.meta.url),
|
|
)
|
|
const calendarUiSrc = fileURLToPath(
|
|
new URL("../lib-calendar-ui/src", import.meta.url),
|
|
)
|
|
const codeUiSrc = fileURLToPath(
|
|
new URL("../lib-code-ui/src", import.meta.url),
|
|
)
|
|
const aiUiSrc = fileURLToPath(
|
|
new URL("../lib-ai-ui/src", import.meta.url),
|
|
)
|
|
|
|
// Sibling lib packages (lib-content-ui, lib-content-editor-ui) import bare
|
|
// deps like clsx and @tiptap/* but have no node_modules of their own. Pin
|
|
// each shared dep to pristine-ui's installed copy so Vite can resolve them
|
|
// regardless of the importer's location.
|
|
const nodeModules = fileURLToPath(new URL("./node_modules/", import.meta.url))
|
|
const aliasedDeps = [
|
|
"clsx",
|
|
"tailwind-merge",
|
|
"lucide-react",
|
|
"@tiptap/core",
|
|
"@tiptap/react",
|
|
"@tiptap/starter-kit",
|
|
"@tiptap/extension-link",
|
|
"@tiptap/extension-placeholder",
|
|
"@tiptap/extension-image",
|
|
]
|
|
const sharedDepAliases = Object.fromEntries(
|
|
aliasedDeps.map((name) => [name, resolvePath(nodeModules, name)]),
|
|
)
|
|
const dedupeDeps = [
|
|
"react",
|
|
"react-dom",
|
|
"react-router",
|
|
...aliasedDeps,
|
|
]
|
|
|
|
export default defineConfig({
|
|
plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
|
|
resolve: {
|
|
alias: {
|
|
"@crema/content-ui": `${contentUiSrc}/index.ts`,
|
|
"@crema/content-editor-ui": `${contentEditorUiSrc}/index.ts`,
|
|
"@crema/content-media-ui": `${contentMediaUiSrc}/index.tsx`,
|
|
"@crema/color-ui": `${colorUiSrc}/index.tsx`,
|
|
"@crema/typography-ui": `${typographyUiSrc}/index.tsx`,
|
|
"@crema/data-ui": `${dataUiSrc}/index.tsx`,
|
|
"@crema/layout-ui": `${layoutUiSrc}/index.tsx`,
|
|
"@crema/map-ui": `${mapUiSrc}/index.tsx`,
|
|
"@crema/form-ui": `${formUiSrc}/index.tsx`,
|
|
"@crema/feedback-ui": `${feedbackUiSrc}/index.tsx`,
|
|
"@crema/diagram-ui": `${diagramUiSrc}/index.tsx`,
|
|
"@crema/chat-ui": `${chatUiSrc}/index.tsx`,
|
|
"@crema/calendar-ui": `${calendarUiSrc}/index.tsx`,
|
|
"@crema/code-ui": `${codeUiSrc}/index.tsx`,
|
|
"@crema/ai-ui": `${aiUiSrc}/index.tsx`,
|
|
...sharedDepAliases,
|
|
},
|
|
dedupe: dedupeDeps,
|
|
},
|
|
server: {
|
|
fs: {
|
|
allow: [fileURLToPath(new URL("..", import.meta.url))],
|
|
},
|
|
},
|
|
})
|