@h-ai/cli 0.1.0-alpha.20 → 0.1.0-alpha.22

package/templates/apps/fullstack/apps/{{projectName}}-desktop/package.json.hbs

@@ -9,42 +9,45 @@
     "paraglide:compile": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide",
     "paraglide:watch": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide --watch",
     "dev": "vite dev --host 127.0.0.1 --port {{fullstack.ports.desktop}}",
-    "build": "vite build",
+    "build": "pnpm paraglide:compile && vite build",
+    "package": "pnpm tauri:build",
+    "deploy": "pnpm package",
     "preview": "vite preview --host 127.0.0.1 --port {{fullstack.ports.desktop}} --strictPort",
-    "typecheck": "pnpm paraglide:compile && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "clean": "rimraf .svelte-kit build .turbo src/lib/paraglide"
+    "typecheck": "pnpm paraglide:compile && svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint src tests vite.config.ts svelte.config.js",
+    "lint:fix": "eslint src tests vite.config.ts svelte.config.js --fix",
+    "test": "pnpm paraglide:compile && vitest run",
+    "test:watch": "pnpm paraglide:compile && vitest",
+    "clean": "rimraf dist .turbo src-tauri/target src/lib/paraglide",
+    "tauri": "tauri",
+    "tauri:dev": "tauri dev",
+    "tauri:build": "tauri build"
   },
   "dependencies": {
-    "@h-ai/api-client": "{{fullstack.versions.apiClient}}",
-    "@h-ai/ui": "{{fullstack.versions.ui}}",
-    "{{fullstack.contractPackageName}}": "workspace:*",
+    "@h-ai/ui": "{{haiPackageSpecifier}}",
     "{{fullstack.sharedPackageName}}": "workspace:*"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "{{fullstack.versions.antfuEslintConfig}}",
-    "@iconify-json/tabler": "{{fullstack.versions.iconifyJsonTabler}}",
-    "@iconify/tailwind4": "{{fullstack.versions.iconifyTailwind}}",
-    "@inlang/paraglide-js": "{{fullstack.versions.inlangParaglide}}",
-    "@inlang/plugin-message-format": "{{fullstack.versions.inlangMessageFormat}}",
-    "@sveltejs/adapter-auto": "{{fullstack.versions.adapterAuto}}",
-    "@sveltejs/kit": "{{fullstack.versions.svelteKit}}",
-    "@sveltejs/vite-plugin-svelte": "{{fullstack.versions.sveltePlugin}}",
-    "@tailwindcss/vite": "{{fullstack.versions.tailwindcssVite}}",
-    "bits-ui": "{{fullstack.versions.bitsUi}}",
-    "daisyui": "{{fullstack.versions.daisyui}}",
-    "eslint": "{{fullstack.versions.eslint}}",
-    "eslint-plugin-format": "{{fullstack.versions.eslintPluginFormat}}",
-    "eslint-plugin-svelte": "{{fullstack.versions.eslintPluginSvelte}}",
-    "svelte": "{{fullstack.versions.svelte}}",
-    "svelte-check": "{{fullstack.versions.svelteCheck}}",
-    "svelte-eslint-parser": "{{fullstack.versions.svelteEslintParser}}",
-    "tailwindcss": "{{fullstack.versions.tailwindcss}}",
-    "typescript": "{{fullstack.versions.typescript}}",
-    "vite": "{{fullstack.versions.vite}}",
-    "vitest": "{{fullstack.versions.vitest}}"
+    "@antfu/eslint-config": "{{fullstack.packageSpecifiers.antfuEslintConfig}}",
+    "@iconify-json/tabler": "{{fullstack.packageSpecifiers.iconifyJsonTabler}}",
+    "@iconify/tailwind4": "{{fullstack.packageSpecifiers.iconifyTailwind}}",
+    "@inlang/paraglide-js": "{{fullstack.packageSpecifiers.inlangParaglide}}",
+    "@inlang/plugin-message-format": "{{fullstack.packageSpecifiers.inlangMessageFormat}}",
+    "@sveltejs/vite-plugin-svelte": "{{fullstack.packageSpecifiers.sveltePlugin}}",
+    "@tailwindcss/vite": "{{fullstack.packageSpecifiers.tailwindcssVite}}",
+    "@tauri-apps/cli": "{{fullstack.packageSpecifiers.tauriCli}}",
+    "bits-ui": "{{fullstack.packageSpecifiers.bitsUi}}",
+    "daisyui": "{{fullstack.packageSpecifiers.daisyui}}",
+    "eslint": "{{fullstack.packageSpecifiers.eslint}}",
+    "eslint-plugin-format": "{{fullstack.packageSpecifiers.eslintPluginFormat}}",
+    "eslint-plugin-svelte": "{{fullstack.packageSpecifiers.eslintPluginSvelte}}",
+    "svelte": "{{fullstack.packageSpecifiers.svelte}}",
+    "svelte-check": "{{fullstack.packageSpecifiers.svelteCheck}}",
+    "svelte-eslint-parser": "{{fullstack.packageSpecifiers.svelteEslintParser}}",
+    "tailwindcss": "{{fullstack.packageSpecifiers.tailwindcss}}",
+    "typescript": "{{fullstack.packageSpecifiers.typescript}}",
+    "vite": "{{fullstack.packageSpecifiers.vite}}",
+    "vitest": "{{fullstack.packageSpecifiers.vitest}}"
   }
 }
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src/App.svelte.hbs

@@ -0,0 +1,152 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+<script lang="ts">
+  import type { AppInfo } from '{{fullstack.sharedPackageName}}'
+  import * as appM from './lib/paraglide/messages.js'
+  import { setLocale } from './lib/paraglide/runtime.js'
+  import { Alert, Button, Card, Skeleton } from '@h-ai/ui'
+  import { onMount } from 'svelte'
+  import { AppShell, fetchAppInfo, messages as sharedM } from '{{fullstack.sharedPackageName}}'
+
+  let info = $state<AppInfo | null>(null)
+  let loading = $state(true)
+  let errorMessage = $state('')
+
+  function syncLocale(locale: string) {
+    setLocale(locale as Parameters<typeof setLocale>[0])
+  }
+
+  async function refreshStatus() {
+    loading = true
+    errorMessage = ''
+    try {
+      info = await fetchAppInfo({ clientName: '{{projectName}}-desktop' })
+    }
+    catch {
+      info = null
+      errorMessage = sharedM.home_error()
+    }
+    finally {
+      loading = false
+    }
+  }
+
+  onMount(() => {
+    document.title = appM.page_title({ name: sharedM.app_name() })
+    void refreshStatus()
+  })
+</script>
+
+<AppShell platform="desktop" onLocaleChange={syncLocale}>
+  <section class="space-y-8">
+    <div class="grid gap-6 lg:grid-cols-[1.2fr_0.8fr]">
+      <section class="relative overflow-hidden rounded-[1.5rem] border border-base-300/70 bg-base-100 p-6 shadow-xl lg:p-10">
+        <div class="max-w-2xl space-y-6">
+          <span class="badge badge-primary badge-lg gap-2">
+            <span class="icon-[tabler--device-desktop] size-4"></span>
+            {appM.hero_badge()}
+          </span>
+          <div class="space-y-4">
+            <h1 class="text-4xl font-black tracking-tight text-base-content sm:text-5xl">
+              {appM.hero_title({ name: sharedM.app_name() })}
+            </h1>
+            <p class="max-w-xl text-lg leading-8 text-base-content/70">
+              {appM.hero_subtitle()}
+            </p>
+          </div>
+          <div class="flex flex-wrap gap-3">
+            <a class="btn btn-primary" href="#status">
+              <span class="icon-[tabler--activity-heartbeat] size-5"></span>
+              {appM.hero_primary_action()}
+            </a>
+            <a class="btn btn-ghost" href="#customize">
+              <span class="icon-[tabler--adjustments] size-5"></span>
+              {appM.hero_secondary_action()}
+            </a>
+          </div>
+        </div>
+      </section>
+
+      <aside class="rounded-[1.5rem] border border-base-300/70 bg-base-100 p-5 shadow-lg">
+        <div class="mockup-window border border-base-300 bg-base-200/70">
+          <div class="space-y-4 bg-base-100 p-5">
+            <div class="flex items-center justify-between">
+              <div>
+                <p class="text-sm font-semibold">{appM.preview_title()}</p>
+                <p class="text-xs text-base-content/55">{appM.preview_body()}</p>
+              </div>
+              <span class="badge badge-success badge-outline">{appM.platform_name()}</span>
+            </div>
+            <div class="grid gap-3 text-sm">
+              <div class="rounded-2xl bg-primary/10 p-4">
+                <span class="icon-[tabler--components] mb-2 size-6 text-primary"></span>
+                <p class="font-semibold">{appM.preview_metric_shared()}</p>
+              </div>
+              <div class="grid grid-cols-2 gap-3">
+                <div class="rounded-2xl bg-secondary/10 p-4">
+                  <span class="icon-[tabler--language] mb-2 size-6 text-secondary"></span>
+                  <p class="font-semibold">{appM.preview_metric_local()}</p>
+                </div>
+                <div class="rounded-2xl bg-accent/10 p-4">
+                  <span class="icon-[tabler--palette] mb-2 size-6 text-accent"></span>
+                  <p class="font-semibold">{appM.preview_metric_theme()}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </aside>
+    </div>
+
+    <div class="grid gap-6 lg:grid-cols-[0.95fr_1.05fr]">
+      <div id="status">
+        <Card title={appM.status_title()} bordered shadow="md" class="bg-base-100">
+          <p class="mb-5 text-sm text-base-content/65">{appM.status_description()}</p>
+          {#if loading}
+            <Skeleton variant="title" class="mb-3" />
+            <Skeleton count={3} />
+            <p class="sr-only" data-testid="service-status">{sharedM.home_loading()}</p>
+          {:else if info}
+            <Alert variant="success" title={appM.status_online({ name: info.name })}>
+              <p data-testid="service-status">{info.name}</p>
+            </Alert>
+            <dl class="mt-5 grid gap-3 text-sm sm:grid-cols-2">
+              <div class="rounded-box border border-base-300/70 bg-base-200/60 p-4">
+                <dt class="text-xs text-base-content/55">{appM.status_version()}</dt>
+                <dd class="mt-1 font-semibold">{info.version}</dd>
+              </div>
+              <div class="rounded-box border border-base-300/70 bg-base-200/60 p-4">
+                <dt class="text-xs text-base-content/55">{appM.status_started({ time: info.startedAt })}</dt>
+                <dd class="mt-1 font-semibold">{appM.status_frontends_count({ count: String(info.frontends.length) })}</dd>
+              </div>
+            </dl>
+          {:else}
+            <Alert variant="error" title={sharedM.home_error()}>
+              <p data-testid="service-status">{errorMessage}</p>
+            </Alert>
+          {/if}
+
+          <div class="mt-5">
+            <Button type="button" variant="primary" loading={loading} onclick={refreshStatus}>
+              {sharedM.home_refresh()}
+            </Button>
+          </div>
+        </Card>
+      </div>
+
+      <section id="customize" class="grid gap-4 sm:grid-cols-2">
+        <div class="rounded-[1.5rem] border border-base-300/70 bg-base-100 p-5 shadow-md">
+          <span class="icon-[tabler--package] mb-4 size-7 text-primary"></span>
+          <h2 class="text-lg font-bold">{appM.custom_shared_title()}</h2>
+          <p class="mt-2 text-sm leading-6 text-base-content/65">{appM.custom_shared_body()}</p>
+        </div>
+        <div class="rounded-[1.5rem] border border-base-300/70 bg-base-100 p-5 shadow-md">
+          <span class="icon-[tabler--message-language] mb-4 size-7 text-secondary"></span>
+          <h2 class="text-lg font-bold">{appM.custom_local_title()}</h2>
+          <p class="mt-2 text-sm leading-6 text-base-content/65">{appM.custom_local_body()}</p>
+        </div>
+      </section>
+    </div>
+  </section>
+</AppShell>
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src/app.d.ts.hbs

@@ -1,9 +1,8 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.desktop}}
-/// <reference types="@sveltejs/kit" />
 /// <reference types="vite/client" />
 
 import '@h-ai/ui/auto-import'
 
 declare module '*.css'
-{{/if}}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src/main.ts.hbs

@@ -0,0 +1,13 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+import { mount } from 'svelte'
+import App from './App.svelte'
+import './app.css'
+
+const target = document.getElementById('app')
+if (!target) {
+  throw new Error('Root element #app not found')
+}
+
+export default mount(App, { target })
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/Cargo.toml.hbs

@@ -0,0 +1,22 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+[package]
+name = "{{fullstack.nativeAppIdSegment}}_desktop"
+version = "0.1.0"
+description = "{{projectName}} Desktop App"
+authors = ["hai"]
+edition = "2021"
+
+[lib]
+name = "{{fullstack.nativeAppIdSegment}}_desktop_lib"
+crate-type = ["staticlib", "cdylib", "rlib"]
+
+[build-dependencies]
+tauri-build = { version = "2", features = [] }
+
+[dependencies]
+tauri = { version = "2", features = [] }
+tauri-plugin-shell = "2"
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/build.rs.hbs

@@ -0,0 +1,6 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+fn main() {
+    tauri_build::build()
+}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/capabilities/default.json.hbs

@@ -0,0 +1,12 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+{
+  "identifier": "default",
+  "description": "{{projectName}} Desktop 默认权限",
+  "windows": ["main"],
+  "permissions": [
+    "core:default",
+    "shell:allow-open"
+  ]
+}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/src/lib.rs.hbs

@@ -0,0 +1,16 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+#[tauri::command]
+fn greet(name: &str) -> String {
+    format!("Hello, {}! Welcome to {{projectName}} Desktop.", name)
+}
+
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+    tauri::Builder::default()
+        .plugin(tauri_plugin_shell::init())
+        .invoke_handler(tauri::generate_handler![greet])
+        .run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/src/main.rs.hbs

@@ -0,0 +1,8 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+    {{fullstack.nativeAppIdSegment}}_desktop_lib::run()
+}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/src-tauri/tauri.conf.json.hbs

@@ -0,0 +1,41 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.desktop}}
+{
+  "$schema": "https://schema.tauri.app/config/2",
+  "productName": "{{projectName}} Desktop",
+  "version": "0.1.0",
+  "identifier": "com.hai.{{fullstack.nativeAppIdSegment}}.desktop",
+  "build": {
+    "beforeDevCommand": "pnpm dev",
+    "beforeBuildCommand": "pnpm build",
+    "devUrl": "http://localhost:{{fullstack.ports.desktop}}",
+    "frontendDist": "../dist"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "{{projectName}} Desktop",
+        "width": 1280,
+        "height": 800,
+        "resizable": true,
+        "fullscreen": false,
+        "center": true
+      }
+    ],
+    "security": {
+      "csp": "default-src 'self'; img-src 'self' data: https:; style-src 'self' 'unsafe-inline'; script-src 'self'; connect-src 'self' http://localhost:3000 http://127.0.0.1:3000 ws://localhost:* ws://127.0.0.1:*; font-src 'self' data:"
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": "all",
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ]
+  }
+}
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/svelte.config.js.hbs

@@ -1,20 +1,14 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.desktop}}
 import { autoImportHaiUi } from '@h-ai/ui/auto-import'
-import adapter from '@sveltejs/adapter-auto'
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
+/** @type {import('@sveltejs/vite-plugin-svelte').SvelteConfig} */
+export default {
   preprocess: [autoImportHaiUi(), vitePreprocess()],
   compilerOptions: {
     // 使用 Svelte 5 Runes，和 @h-ai/ui 组件库保持一致。
     runes: true,
   },
-  kit: {
-    adapter: adapter(),
-  },
 }
-
-export default config
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/tsconfig.json.hbs

@@ -1,17 +1,22 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.desktop}}
 {
-  "extends": "./.svelte-kit/tsconfig.json",
   "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "allowJs": true,
     "checkJs": false,
     "strict": true,
+    "noEmit": true,
+    "isolatedModules": true,
     "verbatimModuleSyntax": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "types": ["svelte", "vite/client", "node", "vitest/globals"]
   },
-  "include": ["src/**/*", "src/**/*.svelte", "tests/**/*"],
-  "exclude": ["node_modules", ".svelte-kit", "build"]
+  "include": ["src/**/*.ts", "src/**/*.svelte", "tests/**/*.ts", "vite.config.ts", "svelte.config.js"],
+  "exclude": ["node_modules", "dist", "src-tauri/target"]
 }
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-desktop/vite.config.ts.hbs

@@ -1,29 +1,52 @@
 {{! @skipIfEmpty }}
 {{#if fullstack.frontends.desktop}}
+import process from 'node:process'
 import { paraglideVitePlugin } from '@inlang/paraglide-js'
-import { sveltekit } from '@sveltejs/kit/vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
 import tailwindcss from '@tailwindcss/vite'
+import { loadEnv } from 'vite'
 import { defineConfig } from 'vitest/config'
 
-export default defineConfig({
-  plugins: [
-    paraglideVitePlugin({
-      project: './project.inlang',
-      outdir: './src/lib/paraglide',
-      strategy: ['cookie', 'baseLocale'],
-    }),
-    sveltekit(),
-    tailwindcss(),
-  ],
-  optimizeDeps: {
-    exclude: ['bits-ui'],
-  },
-  ssr: {
-    noExternal: [/@h-ai\//, /{{fullstack.sharedPackageName}}/],
-  },
-  test: {
-    environment: 'node',
-    include: ['tests/**/*.test.ts'],
-  },
+const host = process.env.TAURI_DEV_HOST
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  Object.assign(process.env, env)
+
+  return {
+    plugins: [
+      svelte(),
+      tailwindcss(),
+      paraglideVitePlugin({
+        project: './project.inlang',
+        outdir: './src/lib/paraglide',
+        strategy: ['cookie', 'baseLocale'],
+      }),
+    ],
+    clearScreen: false,
+    server: {
+      port: {{fullstack.ports.desktop}},
+      strictPort: true,
+      host: host || false,
+      hmr: host
+        ? {
+            protocol: 'ws',
+            host,
+            port: {{fullstack.ports.desktop}} + 1,
+          }
+        : undefined,
+      watch: {
+        ignored: ['**/src-tauri/**'],
+      },
+    },
+    optimizeDeps: {
+      exclude: ['@h-ai/ui', 'bits-ui'],
+    },
+    envPrefix: ['VITE_', 'PUBLIC_'],
+    test: {
+      environment: 'node',
+      include: ['tests/**/*.test.ts'],
+    },
+  }
 })
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-web/README.md.hbs

@@ -2,7 +2,7 @@
 {{#if fullstack.frontends.web}}
 # {{projectName}}-web
 
-Web 前端工程，使用 `@h-ai/api-client` 绑定共享 contract 调用后端 API，并通过 `@h-ai/ui` 组件搭建页面。
+Web 前端工程，通过 `packages/{{fullstack.sharedPackageName}}` 调用后端 API，并通过 `@h-ai/ui` 组件搭建页面。
 
 ## i18n 与 shared 协同
 
@@ -12,10 +12,19 @@ Web 前端工程，使用 `@h-ai/api-client` 绑定共享 contract 调用后端
 
 自定义建议：Web 独有文案放在本目录 `messages/`；跨端通用文案或组件放到 shared。
 
-## 开发
+## 编译、打包与部署
 
-- `pnpm i18n:compile`：在工作区根目录统一编译 shared + 各前端 Paraglide 输出
-- `pnpm --filter {{projectName}}-web dev`，默认端口 4173
-- `pnpm --filter {{projectName}}-web paraglide:compile`：只编译本端 messages
-- `pnpm --filter {{projectName}}-web test`
+```bash
+# 开发预览，默认端口 {{fullstack.ports.web}}
+pnpm --filter {{projectName}}-web dev
+
+# 编译 Web 前端
+pnpm --filter {{projectName}}-web build
+
+# 打包部署产物；默认等同 build，可按目标平台替换
+pnpm --filter {{projectName}}-web package
+
+# 当前模板的 deploy 入口默认执行 package，可替换为 CDN / 容器发布脚本
+pnpm --filter {{projectName}}-web deploy
+```
 {{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-web/eslint.config.js.hbs

@@ -4,7 +4,7 @@ import antfu from '@antfu/eslint-config'
 
 export default antfu({
   formatters: true,
-  ignores: ['**/.svelte-kit/**', '**/build/**', '**/dist/**', '**/*.d.ts', '**/project.inlang/**', '**/src/lib/paraglide/**'],
+  ignores: ['**/build/**', '**/dist/**', '**/*.d.ts', '**/project.inlang/**', '**/src/lib/paraglide/**'],
   svelte: true,
 }, {
   files: ['**/*.ts', '**/*.svelte'],

package/templates/apps/fullstack/apps/{{projectName}}-web/index.html.hbs

@@ -0,0 +1,15 @@
+{{! @skipIfEmpty }}
+{{#if fullstack.frontends.web}}
+<!doctype html>
+<html lang="{{fullstack.i18n.baseLocale}}">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{{projectName}} Web</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+{{/if}}

package/templates/apps/fullstack/apps/{{projectName}}-web/package.json.hbs

@@ -9,42 +9,40 @@
     "paraglide:compile": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide",
     "paraglide:watch": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide --watch",
     "dev": "vite dev --host 127.0.0.1 --port {{fullstack.ports.web}}",
-    "build": "vite build",
+    "build": "pnpm paraglide:compile && vite build",
+    "package": "pnpm build",
+    "deploy": "pnpm package",
     "preview": "vite preview --host 127.0.0.1 --port {{fullstack.ports.web}} --strictPort",
-    "typecheck": "pnpm paraglide:compile && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "typecheck": "pnpm paraglide:compile && svelte-check --tsconfig ./tsconfig.json",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest",
-    "clean": "rimraf .svelte-kit build .turbo src/lib/paraglide"
+    "clean": "rimraf dist build .turbo src/lib/paraglide"
   },
   "dependencies": {
-    "@h-ai/api-client": "{{fullstack.versions.apiClient}}",
-    "@h-ai/ui": "{{fullstack.versions.ui}}",
-    "{{fullstack.contractPackageName}}": "workspace:*",
+    "@h-ai/ui": "{{haiPackageSpecifier}}",
     "{{fullstack.sharedPackageName}}": "workspace:*"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "{{fullstack.versions.antfuEslintConfig}}",
-    "@iconify-json/tabler": "{{fullstack.versions.iconifyJsonTabler}}",
-    "@iconify/tailwind4": "{{fullstack.versions.iconifyTailwind}}",
-    "@inlang/paraglide-js": "{{fullstack.versions.inlangParaglide}}",
-    "@inlang/plugin-message-format": "{{fullstack.versions.inlangMessageFormat}}",
-    "@sveltejs/adapter-auto": "{{fullstack.versions.adapterAuto}}",
-    "@sveltejs/kit": "{{fullstack.versions.svelteKit}}",
-    "@sveltejs/vite-plugin-svelte": "{{fullstack.versions.sveltePlugin}}",
-    "@tailwindcss/vite": "{{fullstack.versions.tailwindcssVite}}",
-    "bits-ui": "{{fullstack.versions.bitsUi}}",
-    "daisyui": "{{fullstack.versions.daisyui}}",
-    "eslint": "{{fullstack.versions.eslint}}",
-    "eslint-plugin-format": "{{fullstack.versions.eslintPluginFormat}}",
-    "eslint-plugin-svelte": "{{fullstack.versions.eslintPluginSvelte}}",
-    "svelte": "{{fullstack.versions.svelte}}",
-    "svelte-check": "{{fullstack.versions.svelteCheck}}",
-    "svelte-eslint-parser": "{{fullstack.versions.svelteEslintParser}}",
-    "tailwindcss": "{{fullstack.versions.tailwindcss}}",
-    "typescript": "{{fullstack.versions.typescript}}",
-    "vite": "{{fullstack.versions.vite}}",
-    "vitest": "{{fullstack.versions.vitest}}"
+    "@antfu/eslint-config": "{{fullstack.packageSpecifiers.antfuEslintConfig}}",
+    "@iconify-json/tabler": "{{fullstack.packageSpecifiers.iconifyJsonTabler}}",
+    "@iconify/tailwind4": "{{fullstack.packageSpecifiers.iconifyTailwind}}",
+    "@inlang/paraglide-js": "{{fullstack.packageSpecifiers.inlangParaglide}}",
+    "@inlang/plugin-message-format": "{{fullstack.packageSpecifiers.inlangMessageFormat}}",
+    "@sveltejs/vite-plugin-svelte": "{{fullstack.packageSpecifiers.sveltePlugin}}",
+    "@tailwindcss/vite": "{{fullstack.packageSpecifiers.tailwindcssVite}}",
+    "bits-ui": "{{fullstack.packageSpecifiers.bitsUi}}",
+    "daisyui": "{{fullstack.packageSpecifiers.daisyui}}",
+    "eslint": "{{fullstack.packageSpecifiers.eslint}}",
+    "eslint-plugin-format": "{{fullstack.packageSpecifiers.eslintPluginFormat}}",
+    "eslint-plugin-svelte": "{{fullstack.packageSpecifiers.eslintPluginSvelte}}",
+    "svelte": "{{fullstack.packageSpecifiers.svelte}}",
+    "svelte-check": "{{fullstack.packageSpecifiers.svelteCheck}}",
+    "svelte-eslint-parser": "{{fullstack.packageSpecifiers.svelteEslintParser}}",
+    "tailwindcss": "{{fullstack.packageSpecifiers.tailwindcss}}",
+    "typescript": "{{fullstack.packageSpecifiers.typescript}}",
+    "vite": "{{fullstack.packageSpecifiers.vite}}",
+    "vitest": "{{fullstack.packageSpecifiers.vitest}}"
   }
 }
 {{/if}}