@tishlang/tish-desktop 1.0.0

package/templates/app/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "__APP_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "tish": {
+    "source": "./src/main.tish",
+    "rustDependencies": {
+      "tishlang_desktop": { "path": "__ROOT__/crates/tish_desktop" }
+    }
+  },
+  "scripts": {
+    "build:css": "tish run --feature fs scripts/build-css.tish",
+    "build:ui": "npm run build:css && vite build",
+    "dev:ui": "npm run build:css && vite",
+    "build:shell": "tish build --target native --native-backend rust src/main.tish -o __SHELL_OUT__",
+    "dev": "mode dev",
+    "start": "npm run build:ui && npm run build:shell && ./__SHELL_OUT__"
+  },
+  "dependencies": {
+    "@tishlang/tish-desktop-api": "file:__ROOT__/packages/desktop-api",
+    "@tishlang/tish-desktop-shared": "file:__ROOT__/packages/shared",
+    "@tishlang/tish-desktop-ui-theme": "file:__ROOT__/packages/ui-theme",
+    "lattish": "file:__ROOT__/../lattish",
+    "tish-tailwind": "file:__ROOT__/../tish-tailwind"
+  },
+  "devDependencies": {
+    "@tishlang/tish-desktop": "file:__ROOT__/cli",
+    "@tishlang/vite-plugin-tish": "file:__ROOT__/../tish/npm/vite-plugin-tish",
+    "vite": "^6.0.0"
+  }
+}

package/templates/app/package.registry.json

@@ -0,0 +1,32 @@
+{
+  "name": "__APP_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "tish": {
+    "source": "./src/main.tish",
+    "rustDependencies": {
+      "tishlang_desktop": "__PKG_VERSION__"
+    }
+  },
+  "scripts": {
+    "build:css": "tish run --feature fs scripts/build-css.tish",
+    "build:ui": "npm run build:css && vite build",
+    "dev:ui": "npm run build:css && vite",
+    "build:shell": "tish build --target native --native-backend rust src/main.tish -o __SHELL_OUT__",
+    "dev": "mode dev",
+    "start": "npm run build:ui && npm run build:shell && ./__SHELL_OUT__"
+  },
+  "dependencies": {
+    "@tishlang/tish-desktop-api": "__PKG_VERSION__",
+    "@tishlang/tish-desktop-shared": "__PKG_VERSION__",
+    "@tishlang/tish-desktop-ui-theme": "__PKG_VERSION__",
+    "@tishlang/lattish": "latest",
+    "tish-tailwind": "latest"
+  },
+  "devDependencies": {
+    "@tishlang/tish-desktop": "__PKG_VERSION__",
+    "@tishlang/vite-plugin-tish": "^2.39.0",
+    "vite": "^6.0.0"
+  }
+}

package/templates/app/scripts/build-css.tish

@@ -0,0 +1,25 @@
+import { emitStylesheet } from "tish-tailwind"
+import { readFile, writeFile, mkdir } from "tish:fs"
+
+await emitStylesheet({
+  sourceFiles: [
+    "ui/main.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Button.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Card.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Section.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Input.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Badge.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Separator.tish",
+    "__ROOT__/packages/ui-theme/src/ui/ScrollArea.tish",
+    "__ROOT__/packages/ui-theme/src/ui/Toolbar.tish",
+  ],
+  outputPath: "public/assets/app.tw.css",
+})
+
+mkdir("public/assets", { recursive: true })
+let fonts = readFile("__ROOT__/packages/ui-theme/src/fonts.css")
+let theme = readFile("__ROOT__/packages/ui-theme/src/theme.css")
+let utils = readFile("__ROOT__/packages/ui-theme/src/theme-utilities.css")
+let tw = readFile("public/assets/app.tw.css")
+writeFile("public/assets/app.css", fonts + "\n" + theme + "\n" + utils + "\n" + tw)
+console.log("wrote public/assets/app.css (theme + utilities + tailwind)")

package/templates/app/src/main.tish

@@ -0,0 +1,27 @@
+// Minimal Tish Desktop shell — Tauri runs inside cargo:tishlang_desktop.
+import { run, handle, createWindow } from "cargo:tishlang_desktop"
+
+handle("app.hello", (args) => {
+  return { ok: true, message: "hello from shell Tish", args: args }
+})
+
+createWindow({
+  label: "main",
+  url: "http://localhost:__DEV_PORT__/",
+  title: "__APP_NAME__",
+  width: 900,
+  height: 600,
+  titleBarStyle: "transparent"
+})
+
+run({
+  tickMs: 1000,
+  plugins: {
+    dialog: true,
+    tray: true,
+    menu: true,
+    deepLink: true,
+    opener: true,
+    singleInstance: false
+  }
+})

package/templates/app/ui/main.tish

@@ -0,0 +1,43 @@
+/** @jsxImportSource lattish */
+import { createRoot, useState } from "lattish"
+import { invoke } from "@tishlang/tish-desktop-api"
+import { Button, Card, CardBody, CardHeader, Section, Badge } from "@tishlang/tish-desktop-ui-theme"
+
+fn App() {
+  let [hello, setHello] = useState(null)
+  let [err, setErr] = useState(null)
+
+  fn onHello() {
+    invoke("app.hello", { from: "ui" }).then((r) => {
+      setHello(r)
+      setErr(null)
+    }, (e) => setErr(String(e)))
+  }
+
+  return <div class="min-h-screen p-8 bg-background text-foreground font-sans">
+      <div class="flex items-center gap-3 mb-6">
+        <h1 class="text-3xl font-bold">__APP_NAME__</h1>
+        <Badge tone="primary">desktop</Badge>
+      </div>
+      <p class="text-muted-foreground mb-8 text-sm">
+        Scaffolded by <code class="text-primary">mode init</code>.
+      </p>
+
+      <Section title="Shell bridge" hint="Invoke a handler registered in src/main.tish">
+        <Button onClick={onHello}>Hello</Button>
+      </Section>
+
+      {err !== null ? <pre class="text-destructive mb-4 text-sm whitespace-pre-wrap">{err}</pre> : null}
+
+      {hello !== null ? <Card class="mt-4">
+          <CardHeader>
+            <h2 class="font-semibold">Response</h2>
+          </CardHeader>
+          <CardBody>
+            <pre class="text-sm whitespace-pre-wrap">{JSON.stringify(hello, null, 2)}</pre>
+          </CardBody>
+        </Card> : null}
+    </div>
+}
+
+createRoot(document.getElementById("root")).render(App)

package/templates/app/vite.config.mjs

@@ -0,0 +1,38 @@
+import { defineConfig } from "vite"
+import path from "node:path"
+import { fileURLToPath } from "node:url"
+import tish from "@tishlang/vite-plugin-tish"
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const root = path.resolve(__dirname, "__ROOT__")
+
+export default defineConfig({
+  plugins: [tish({ jsxImportSource: "lattish" })],
+  resolve: {
+    alias: {
+      "@tishlang/tish-desktop-api/bridge": path.resolve(
+        root,
+        "packages/desktop-api/src/bridge.js"
+      ),
+      "@tishlang/tish-desktop-api": path.resolve(
+        root,
+        "packages/desktop-api/src/desktopHost.tish"
+      ),
+      "@tishlang/tish-desktop-shared": path.resolve(root, "packages/shared/src/index.tish"),
+      "@tishlang/tish-desktop-ui-theme": path.resolve(root, "packages/ui-theme/src/index.tish"),
+      lattish: path.resolve(root, "../lattish/src/Lattish.tish"),
+      "lattish/jsx-runtime": path.resolve(root, "../lattish/src/jsx-runtime.tish"),
+      "tish-tailwind/tw": path.resolve(root, "../tish-tailwind/src/tw.tish"),
+      "tish-tailwind": path.resolve(root, "../tish-tailwind/src/tw.tish"),
+    },
+  },
+  server: {
+    port: __DEV_PORT__,
+    strictPort: true,
+    fs: { allow: [root, path.resolve(root, "..")] },
+  },
+  build: {
+    outDir: "dist/ui",
+    emptyOutDir: true,
+  },
+})

package/templates/app/vite.registry.config.mjs

@@ -0,0 +1,14 @@
+import { defineConfig } from "vite"
+import tish from "@tishlang/vite-plugin-tish"
+
+export default defineConfig({
+  plugins: [tish({ jsxImportSource: "lattish" })],
+  server: {
+    port: __DEV_PORT__,
+    strictPort: true,
+  },
+  build: {
+    outDir: "dist/ui",
+    emptyOutDir: true,
+  },
+})

package/templates/bare/app/App.tish

@@ -0,0 +1,27 @@
+// Shared App entry — BYO DOM mount (no lattish).
+import { Button } from "./Button"
+import { invoke } from "@tishlang/tish-app-api"
+
+export fn mountApp(rootEl) {
+  rootEl.innerHTML = ""
+  let h1 = document.createElement("h1")
+  h1.textContent = "__APP_NAME__"
+  rootEl.appendChild(h1)
+  let p = document.createElement("p")
+  p.className = "muted"
+  p.textContent = "Bare scaffold (no lattish)."
+  rootEl.appendChild(p)
+  let out = document.createElement("pre")
+  let btn = Button({
+    title: "Hello",
+    onPress: () => {
+      invoke("app.hello", { from: "ui" }).then((r) => {
+        out.textContent = JSON.stringify(r, null, 2)
+      }, (e) => {
+        out.textContent = String(e)
+      })
+    },
+  })
+  rootEl.appendChild(btn)
+  rootEl.appendChild(out)
+}

package/templates/bare/app/Button.tish

@@ -0,0 +1,11 @@
+// Universal fallback — same export shape as Button.web / Button.webview.
+export fn Button(props) {
+  let title = props.title === null ? "Button" : props.title
+  let el = document.createElement("button")
+  el.textContent = title
+  el.className = "btn"
+  if (props.onPress) {
+    el.onclick = () => props.onPress()
+  }
+  return el
+}

package/templates/bare/app/Button.web.tish

@@ -0,0 +1,11 @@
+// Pure browser Button (`--surface web`). Same API as Button.tish.
+export fn Button(props) {
+  let title = props.title === null ? "Button" : props.title
+  let el = document.createElement("button")
+  el.textContent = title
+  el.className = "btn btn-web"
+  if (props.onPress) {
+    el.onclick = () => props.onPress()
+  }
+  return el
+}

package/templates/bare/app/Button.webview.tish

@@ -0,0 +1,11 @@
+// Webview surface Button. Omit this file to reuse Button.web.tish via cascade.
+export fn Button(props) {
+  let title = props.title === null ? "Button" : props.title
+  let el = document.createElement("button")
+  el.textContent = title
+  el.className = "btn btn-webview"
+  if (props.onPress) {
+    el.onclick = () => props.onPress()
+  }
+  return el
+}

package/templates/bare/bridge-boot.js

@@ -0,0 +1,6 @@
+import { installBridge } from "@tishlang/tish-desktop-api/bridge"
+
+installBridge()
+if (import.meta.hot) {
+  import.meta.hot.accept(() => installBridge())
+}

package/templates/bare/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>__APP_NAME__</title>
+    <style>
+      html, body, #root { margin: 0; min-height: 100%; font-family: system-ui, sans-serif; }
+      #root { padding: 2rem; }
+      .muted { color: #666; }
+      button { margin: 1rem 0; padding: 0.5rem 1rem; }
+      pre { background: #f4f4f5; padding: 1rem; border-radius: 8px; }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/bridge-boot.js"></script>
+    <script type="module" src="/ui/main.tish"></script>
+  </body>
+</html>

package/templates/bare/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "__APP_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "tish": {
+    "source": "./src/main.tish",
+    "platform": "macos",
+    "surface": "webview",
+    "rustDependencies": {
+      "tishlang_app": { "path": "__ROOT__/crates/tish_app" }
+    }
+  },
+  "scripts": {
+    "build:ui": "vite build",
+    "dev:ui": "vite",
+    "build:shell": "tish build --target native --native-backend rust --check warn src/main.tish -o __SHELL_OUT__",
+    "dev": "mode dev",
+    "start": "npm run build:ui && npm run build:shell && ./__SHELL_OUT__"
+  },
+  "dependencies": {
+    "@tishlang/tish-app-api": "file:__ROOT__/packages/app-api",
+    "@tishlang/tish-desktop-api": "file:__ROOT__/packages/desktop-api",
+    "@tishlang/tish-desktop-shared": "file:__ROOT__/packages/shared"
+  },
+  "devDependencies": {
+    "@tishlang/tish-desktop": "file:__ROOT__/cli",
+    "@tishlang/vite-plugin-tish": "file:__ROOT__/../tish/npm/vite-plugin-tish",
+    "vite": "^6.0.0"
+  }
+}

package/templates/bare/package.registry.json

@@ -0,0 +1,31 @@
+{
+  "name": "__APP_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "tish": {
+    "source": "./src/main.tish",
+    "platform": "macos",
+    "surface": "webview",
+    "rustDependencies": {
+      "tishlang_app": "__PKG_VERSION__"
+    }
+  },
+  "scripts": {
+    "build:ui": "vite build",
+    "dev:ui": "vite",
+    "build:shell": "tish build --target native --native-backend rust --check warn src/main.tish -o __SHELL_OUT__",
+    "dev": "mode dev",
+    "start": "npm run build:ui && npm run build:shell && ./__SHELL_OUT__"
+  },
+  "dependencies": {
+    "@tishlang/tish-app-api": "__PKG_VERSION__",
+    "@tishlang/tish-desktop-api": "__PKG_VERSION__",
+    "@tishlang/tish-desktop-shared": "__PKG_VERSION__"
+  },
+  "devDependencies": {
+    "@tishlang/tish-desktop": "__PKG_VERSION__",
+    "@tishlang/vite-plugin-tish": "^2.39.0",
+    "vite": "^6.0.0"
+  }
+}

package/templates/bare/scripts/build-css.tish

@@ -0,0 +1,35 @@
+// Minimal BYO CSS — no ui-theme / lattish coupling.
+import { writeFile, mkdir } from "tish:fs"
+
+mkdir("public/assets", { recursive: true })
+let css = `
+:root {
+  --fg: #1a1a1a;
+  --bg: #f6f6f4;
+  --muted: #666;
+  --accent: #2563eb;
+  --border: #ddd;
+}
+* { box-sizing: border-box; }
+body {
+  margin: 0;
+  font: 15px/1.45 ui-sans-serif, system-ui, sans-serif;
+  color: var(--fg);
+  background: var(--bg);
+}
+button, .btn {
+  font: inherit;
+  padding: 0.4rem 0.75rem;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: #fff;
+  cursor: pointer;
+}
+button:hover, .btn:hover { border-color: var(--accent); }
+.muted { color: var(--muted); }
+.row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
+.col { display: flex; flex-direction: column; gap: 0.5rem; }
+pre { background: #fff; border: 1px solid var(--border); padding: 0.75rem; border-radius: 6px; }
+`
+writeFile("public/assets/app.css", css)
+console.log("wrote public/assets/app.css (bare BYO)")

package/templates/bare/src/main.tish

@@ -0,0 +1,34 @@
+// Bare template — no lattish. Prefer cargo:tishlang_app.
+import { run, handle, createSurface } from "cargo:tishlang_app"
+
+fn greet(from: string): string {
+  return "hello from shell Tish, " + from
+}
+
+handle("app.hello", (args) => {
+  let name: string = "ui"
+  if (args !== null && args.from !== null) {
+    name = String(args.from)
+  }
+  return { ok: true, message: greet(name), args: args }
+})
+
+createSurface({
+  id: "main",
+  kind: "webview",
+  label: "main",
+  url: "http://localhost:__DEV_PORT__/",
+  title: "__APP_NAME__",
+  width: 900,
+  height: 600,
+  titleBarStyle: "transparent"
+})
+
+run({
+  plugins: {
+    dialog: true,
+    menu: true,
+    notification: true,
+    singleInstance: false
+  }
+})

package/templates/bare/ui/main.tish

@@ -0,0 +1,8 @@
+import { mountApp } from "../app/App.tish"
+
+fn mount() {
+  let root = document.getElementById("root")
+  mountApp(root)
+}
+
+mount()

package/templates/bare/vite.config.mjs

@@ -0,0 +1,39 @@
+import { defineConfig } from "vite"
+import path from "node:path"
+import { fileURLToPath } from "node:url"
+import tish from "@tishlang/vite-plugin-tish"
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const root = path.resolve(__dirname, "__ROOT__")
+
+export default defineConfig({
+  plugins: [
+    tish({
+      platform: process.env.TISH_PLATFORM,
+      surface: process.env.TISH_SURFACE || "webview",
+    }),
+  ],
+  resolve: {
+    alias: {
+      "@tishlang/tish-desktop-api/bridge": path.resolve(
+        root,
+        "packages/desktop-api/src/bridge.js"
+      ),
+      "@tishlang/tish-desktop-api": path.resolve(
+        root,
+        "packages/desktop-api/src/appApi.tish"
+      ),
+      "@tishlang/tish-app-api": path.resolve(root, "packages/app-api/src/index.tish"),
+      "@tishlang/tish-desktop-shared": path.resolve(root, "packages/shared/src/index.tish"),
+    },
+  },
+  server: {
+    port: __DEV_PORT__,
+    strictPort: true,
+    fs: { allow: [root, path.resolve(root, "..")] },
+  },
+  build: {
+    outDir: "dist/ui",
+    emptyOutDir: true,
+  },
+})

package/templates/bare/vite.registry.config.mjs

@@ -0,0 +1,19 @@
+import { defineConfig } from "vite"
+import tish from "@tishlang/vite-plugin-tish"
+
+export default defineConfig({
+  plugins: [
+    tish({
+      platform: process.env.TISH_PLATFORM,
+      surface: process.env.TISH_SURFACE || "webview",
+    }),
+  ],
+  server: {
+    port: __DEV_PORT__,
+    strictPort: true,
+  },
+  build: {
+    outDir: "dist/ui",
+    emptyOutDir: true,
+  },
+})