@presencenet/create-pnet-stack 0.0.0-stage → 0.2.1

package/bin/create-pnet-stack.js

@@ -0,0 +1,106 @@
+#!/usr/bin/env node
+import { execFileSync } from "node:child_process";
+import {
+  cp,
+  mkdir,
+  readdir,
+  readFile,
+  rename,
+  writeFile,
+} from "node:fs/promises";
+import { dirname, join, resolve } from "node:path";
+import { stdin, stdout } from "node:process";
+import { createInterface } from "node:readline/promises";
+import { fileURLToPath } from "node:url";
+
+const templates = ["web", "mobile", "electron", "tauri"];
+const templateNames = {
+  web: "TanStack Start",
+  mobile: "React Native (Expo)",
+  electron: "Electron",
+  tauri: "Tauri",
+};
+const cliDir = dirname(dirname(fileURLToPath(import.meta.url)));
+
+async function main() {
+  const args = process.argv.slice(2);
+  if (args.includes("--help") || args.includes("-h")) {
+    stdout.write(
+      "Usage: npx @presencenet/create-pnet-stack [project-name] [--template web|mobile|electron|tauri]\n",
+    );
+    return;
+  }
+  let projectName = args.find((arg) => !arg.startsWith("--"));
+  let template = args
+    .find((arg) => arg.startsWith("--template="))
+    ?.split("=")[1];
+  if (!template && args.includes("--template"))
+    template = args[args.indexOf("--template") + 1];
+
+  const rl = createInterface({ input: stdin, output: stdout });
+  if (!projectName) projectName = (await rl.question("Project name: ")).trim();
+  while (!templates.includes(template)) {
+    stdout.write(
+      `\nChoose a starter: ${templates.map((item, i) => `${i + 1}) ${templateNames[item]}`).join("  ")}\n`,
+    );
+    const answer = (await rl.question("Starter [1]: ")).trim() || "1";
+    template = templates[Number(answer) - 1] ?? answer;
+    if (!templates.includes(template))
+      stdout.write("Choose web, mobile, electron, or tauri.\n");
+  }
+  rl.close();
+
+  if (!projectName || !/^[a-z0-9][a-z0-9-]*$/.test(projectName))
+    throw new Error(
+      "Use a lowercase project name containing letters, numbers, or hyphens.",
+    );
+  const target = resolve(process.cwd(), projectName);
+  if (target === process.cwd())
+    throw new Error("Choose a project directory name.");
+  try {
+    if ((await readdir(target)).length)
+      throw new Error(`Target directory is not empty: ${target}`);
+  } catch (error) {
+    if (error.code !== "ENOENT") throw error;
+  }
+
+  const source = join(cliDir, "templates", template);
+  await mkdir(target, { recursive: true });
+  await cp(source, target, { recursive: true });
+  // npm strips .gitignore from published packages, so templates ship it as gitignore.
+  await rename(join(target, "gitignore"), join(target, ".gitignore"));
+  const rustName = projectName.replaceAll("-", "_");
+  await replaceTokens(target, {
+    "{{projectName}}": projectName,
+    "{{projectNameRust}}": rustName,
+    '"root": false': '"root": true',
+  });
+  execFileSync("git", ["init"], { cwd: target, stdio: "ignore" });
+  stdout.write(`\nCreated ${projectName} (${templateNames[template]}).\n`);
+  stdout.write("Initialized Git repository.\n");
+  stdout.write(`\n  cd ${projectName}\n  bun install\n  bun run dev\n`);
+  if (template === "tauri")
+    stdout.write(
+      "\nTauri also requires the platform prerequisites: https://tauri.app/start/prerequisites/\n",
+    );
+}
+
+async function replaceTokens(directory, replacements) {
+  for (const entry of await readdir(directory, { withFileTypes: true })) {
+    const path = join(directory, entry.name);
+    if (entry.isDirectory()) await replaceTokens(path, replacements);
+    else {
+      const contents = await readFile(path, "utf8");
+      const updated = Object.entries(replacements).reduce(
+        (text, [token, value]) => text.replaceAll(token, value),
+        contents,
+      );
+      if (updated !== contents) await writeFile(path, updated);
+    }
+  }
+}
+
+main().catch((error) => {
+  process.stderr.write(`\ncreate-pnet-stack: ${error.message}\n`);
+  process.exitCode = 1;
+});

package/package.json

@@ -1,6 +1,28 @@
 {
   "name": "@presencenet/create-pnet-stack",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.1",
+  "description": "Create a Bun and Turborepo app with pnet-stack",
+  "type": "module",
+  "bin": {
+    "create-pnet-stack": "./bin/create-pnet-stack.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Presence-Net/pnet-stack.git",
+    "directory": "packages/create-pnet-stack"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "bin",
+    "templates"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "node --check bin/create-pnet-stack.js",
+    "check": "biome check bin"
+  }
+}

package/templates/electron/apps/app/electron.vite.config.ts

@@ -0,0 +1,13 @@
+import { resolve } from "node:path";
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig, externalizeDepsPlugin } from "electron-vite";
+
+export default defineConfig({
+  main: { plugins: [externalizeDepsPlugin()] },
+  preload: { plugins: [externalizeDepsPlugin()] },
+  renderer: {
+    resolve: { alias: { "@": resolve("src/renderer/src") } },
+    plugins: [react(), tailwindcss()],
+  },
+});

package/templates/electron/apps/app/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@{{projectName}}/app",
+  "private": true,
+  "type": "module",
+  "main": "out/main/index.js",
+  "scripts": {
+    "dev": "electron-vite dev",
+    "build": "electron-vite build",
+    "check": "biome check ."
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.3.4",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tailwindcss": "^4.3.4"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.6",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.2.1",
+    "electron": "^45.2.2",
+    "electron-vite": "^6.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.5"
+  }
+}

package/templates/electron/apps/app/src/main/index.ts

@@ -0,0 +1,22 @@
+import { join } from "node:path";
+import { app, BrowserWindow } from "electron";
+
+function createWindow() {
+  const window = new BrowserWindow({
+    width: 1100,
+    height: 760,
+    webPreferences: {
+      preload: join(__dirname, "../preload/index.js"),
+      contextIsolation: true,
+      nodeIntegration: false,
+    },
+  });
+  if (process.env.ELECTRON_RENDERER_URL)
+    window.loadURL(process.env.ELECTRON_RENDERER_URL);
+  else window.loadFile(join(__dirname, "../renderer/index.html"));
+}
+
+app.whenReady().then(createWindow);
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") app.quit();
+});

package/templates/electron/apps/app/src/preload/index.ts

@@ -0,0 +1,3 @@
+import { contextBridge } from "electron";
+
+contextBridge.exposeInMainWorld("appInfo", { name: "{{projectName}}" });

package/templates/electron/apps/app/src/renderer/index.html

@@ -0,0 +1,2 @@
+<!doctype html>
+<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>{{projectName}}</title></head><body><div id="root"></div><script type="module" src="/src/main.tsx"></script></body></html>

package/templates/electron/apps/app/src/renderer/src/main.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import "./style.css";
+
+function App() {
+  return (
+    <main className="flex min-h-screen flex-col justify-center px-12">
+      <p className="text-sm font-bold uppercase tracking-widest text-cyan-300">
+        Presence-Net starter
+      </p>
+      <h1 className="mt-3 text-5xl font-bold">{"{{projectName}}"}</h1>
+      <p className="mt-5 text-lg text-slate-300">
+        Electron, React, Tailwind, and a Bun-powered Turborepo workspace.
+      </p>
+    </main>
+  );
+}
+
+const root = document.getElementById("root");
+if (!root) throw new Error("Root element not found");
+
+createRoot(root).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/templates/electron/apps/app/src/renderer/src/style.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+
+:root {
+  color-scheme: dark;
+  font-family: system-ui, sans-serif;
+  background: #020617;
+  color: white;
+}

package/templates/electron/biome.json

@@ -0,0 +1,7 @@
+{
+  "root": false,
+  "$schema": "https://biomejs.dev/schemas/2.6.5/schema.json",
+  "formatter": { "enabled": true, "indentStyle": "space", "indentWidth": 2 },
+  "linter": { "enabled": true, "rules": { "preset": "recommended" } },
+  "javascript": { "formatter": { "quoteStyle": "double" } }
+}

package/templates/electron/gitignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.turbo
+.env*
+!.env.example

package/templates/electron/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "packageManager": "bun@1.3.14",
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "dev": "turbo run dev",
+    "build": "turbo run build",
+    "check": "turbo run check"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.6.5",
+    "turbo": "^2.5.0"
+  }
+}

package/templates/electron/turbo.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": { "dependsOn": ["^build"], "outputs": ["out/**"] },
+    "dev": { "cache": false, "persistent": true },
+    "check": { "dependsOn": ["^check"] }
+  }
+}

package/templates/mobile/apps/app/app/_layout.tsx

@@ -0,0 +1,17 @@
+import "../global.css";
+import { Stack } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+
+export default function Layout() {
+  return (
+    <>
+      <StatusBar style="light" />
+      <Stack
+        screenOptions={{
+          contentStyle: { backgroundColor: "#020617" },
+          headerShown: false,
+        }}
+      />
+    </>
+  );
+}

package/templates/mobile/apps/app/app/index.tsx

@@ -0,0 +1,17 @@
+import { Text, View } from "react-native";
+
+export default function Home() {
+  return (
+    <View className="flex-1 items-center justify-center bg-slate-950 px-8">
+      <Text className="text-sm font-bold uppercase tracking-widest text-cyan-300">
+        Presence-Net starter
+      </Text>
+      <Text className="mt-3 text-4xl font-bold text-white">
+        {"{{projectName}}"}
+      </Text>
+      <Text className="mt-4 text-center text-lg text-slate-300">
+        React Native, NativeWind, and a Bun-powered Turborepo workspace.
+      </Text>
+    </View>
+  );
+}

package/templates/mobile/apps/app/app.json

@@ -0,0 +1,11 @@
+{
+  "expo": {
+    "name": "{{projectName}}",
+    "slug": "{{projectName}}",
+    "scheme": "{{projectName}}",
+    "plugins": ["expo-router"],
+    "experiments": { "typedRoutes": true },
+    "ios": { "supportsTablet": true },
+    "android": { "package": "net.presence.{{projectNameRust}}" }
+  }
+}

package/templates/mobile/apps/app/babel.config.js

@@ -0,0 +1,9 @@
+module.exports = (api) => {
+  api.cache(true);
+  return {
+    presets: [
+      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
+      "nativewind/babel",
+    ],
+  };
+};

package/templates/mobile/apps/app/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/mobile/apps/app/metro.config.js

@@ -0,0 +1,6 @@
+const { getDefaultConfig } = require("expo/metro-config");
+const { withNativeWind } = require("nativewind/metro");
+
+module.exports = withNativeWind(getDefaultConfig(__dirname), {
+  input: "./global.css",
+});

package/templates/mobile/apps/app/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

package/templates/mobile/apps/app/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@{{projectName}}/app",
+  "private": true,
+  "main": "expo-router/entry",
+  "scripts": {
+    "dev": "expo start",
+    "build": "expo export",
+    "check": "biome check ."
+  },
+  "dependencies": {
+    "expo": "~58.0.23",
+    "expo-constants": "~58.0.15",
+    "expo-linking": "~58.0.16",
+    "expo-router": "~58.0.30",
+    "expo-splash-screen": "~58.0.13",
+    "expo-status-bar": "~58.0.4",
+    "nativewind": "^4.2.7",
+    "react": "19.3.0",
+    "react-native": "0.88.1",
+    "react-native-reanimated": "4.7.1",
+    "react-native-gesture-handler": "~3.3.0",
+    "react-native-safe-area-context": "~5.11.1",
+    "react-native-screens": "~4.30.1",
+    "react-native-worklets": "0.13.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@types/react": "~19.3.0",
+    "babel-preset-expo": "~58.0.0",
+    "tailwindcss": "^3.4.17",
+    "typescript": "~6.0.3"
+  }
+}

package/templates/mobile/apps/app/tailwind.config.js

@@ -0,0 +1,7 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./app/**/*.{js,jsx,ts,tsx}"],
+  presets: [require("nativewind/preset")],
+  theme: { extend: {} },
+  plugins: [],
+};

package/templates/mobile/apps/app/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": { "strict": true, "paths": { "@/*": ["./*"] } },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".expo/types/**/*.ts",
+    "expo-env.d.ts",
+    "nativewind-env.d.ts"
+  ]
+}

package/templates/mobile/biome.json

@@ -0,0 +1,18 @@
+{
+  "root": false,
+  "$schema": "https://biomejs.dev/schemas/2.6.5/schema.json",
+  "formatter": { "enabled": true, "indentStyle": "space", "indentWidth": 2 },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "preset": "recommended",
+      "suspicious": {
+        "noUnknownAtRules": {
+          "level": "on",
+          "options": { "ignore": ["tailwind"] }
+        }
+      }
+    }
+  },
+  "javascript": { "formatter": { "quoteStyle": "double" } }
+}

package/templates/mobile/gitignore

@@ -0,0 +1,6 @@
+node_modules
+.expo
+dist
+.turbo
+.env*
+!.env.example

package/templates/mobile/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "packageManager": "bun@1.3.14",
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "dev": "turbo run dev",
+    "build": "turbo run build",
+    "check": "turbo run check"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.6.5",
+    "turbo": "^2.5.0"
+  }
+}

package/templates/mobile/turbo.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": { "dependsOn": ["^build"], "outputs": ["dist/**"] },
+    "dev": { "cache": false, "persistent": true },
+    "check": { "dependsOn": ["^check"] }
+  }
+}

package/templates/tauri/apps/app/index.html

@@ -0,0 +1,2 @@
+<!doctype html>
+<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>{{projectName}}</title></head><body><div id="root"></div><script type="module" src="/src/main.tsx"></script></body></html>

package/templates/tauri/apps/app/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@{{projectName}}/app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tauri dev",
+    "build": "tauri build",
+    "web:dev": "vite --host 0.0.0.0",
+    "web:build": "vite build",
+    "check": "biome check ."
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.3.4",
+    "@tauri-apps/api": "^2.12.4",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tailwindcss": "^4.3.4"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.6",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@tauri-apps/cli": "^2.12.4",
+    "@vitejs/plugin-react": "^6.2.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.5"
+  }
+}

package/templates/tauri/apps/app/src/main.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import "./style.css";
+
+function App() {
+  return (
+    <main className="flex min-h-screen flex-col justify-center px-12">
+      <p className="text-sm font-bold uppercase tracking-widest text-cyan-300">
+        Presence-Net starter
+      </p>
+      <h1 className="mt-3 text-5xl font-bold">{"{{projectName}}"}</h1>
+      <p className="mt-5 text-lg text-slate-300">
+        Tauri, React, Tailwind, and a Bun-powered Turborepo workspace.
+      </p>
+    </main>
+  );
+}
+
+const root = document.getElementById("root");
+if (!root) throw new Error("Root element not found");
+
+createRoot(root).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/templates/tauri/apps/app/src/style.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+
+:root {
+  color-scheme: dark;
+  font-family: system-ui, sans-serif;
+  background: #020617;
+  color: white;
+}

package/templates/tauri/apps/app/src-tauri/Cargo.toml

@@ -0,0 +1,20 @@
+[package]
+name = "{{projectName}}"
+version = "0.1.0"
+description = "A Presence-Net desktop app"
+authors = ["Presence-Net"]
+edition = "2021"
+
+[lib]
+name = "{{projectNameRust}}_lib"
+crate-type = ["staticlib", "cdylib", "rlib"]
+
+[build-dependencies]
+tauri-build = { version = "2", features = [] }
+
+[dependencies]
+tauri = { version = "2", features = [] }
+
+[features]
+default = ["custom-protocol"]
+custom-protocol = ["tauri/custom-protocol"]

package/templates/tauri/apps/app/src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}

package/templates/tauri/apps/app/src-tauri/src/lib.rs

@@ -0,0 +1,6 @@
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+    tauri::Builder::default()
+        .run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}

package/templates/tauri/apps/app/src-tauri/src/main.rs

@@ -0,0 +1,5 @@
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+    {{projectNameRust}}_lib::run()
+}

package/templates/tauri/apps/app/src-tauri/tauri.conf.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://schema.tauri.app/config/2",
+  "productName": "{{projectName}}",
+  "version": "0.1.0",
+  "identifier": "net.presence.{{projectName}}",
+  "build": {
+    "beforeDevCommand": "bun run web:dev",
+    "devUrl": "http://localhost:1420",
+    "beforeBuildCommand": "bun run web:build",
+    "frontendDist": "../dist"
+  },
+  "app": {
+    "windows": [{ "title": "{{projectName}}", "width": 1100, "height": 760 }],
+    "security": { "csp": null }
+  },
+  "bundle": { "active": true, "targets": "all" }
+}

package/templates/tauri/apps/app/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}

package/templates/tauri/apps/app/vite.config.ts

@@ -0,0 +1,18 @@
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  clearScreen: false,
+  server: {
+    host: process.env.TAURI_DEV_HOST || "0.0.0.0",
+    port: 1420,
+    strictPort: true,
+    watch: { ignored: ["**/src-tauri/**"] },
+  },
+  plugins: [react(), tailwindcss()],
+  build: {
+    target:
+      process.env.TAURI_ENV_PLATFORM === "windows" ? "chrome105" : "safari13",
+  },
+});

package/templates/tauri/biome.json

@@ -0,0 +1,7 @@
+{
+  "root": false,
+  "$schema": "https://biomejs.dev/schemas/2.6.5/schema.json",
+  "formatter": { "enabled": true, "indentStyle": "space", "indentWidth": 2 },
+  "linter": { "enabled": true, "rules": { "preset": "recommended" } },
+  "javascript": { "formatter": { "quoteStyle": "double" } }
+}

package/templates/tauri/gitignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.turbo
+src-tauri/target
+.env*
+!.env.example

package/templates/tauri/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "packageManager": "bun@1.3.14",
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "dev": "turbo run dev",
+    "build": "turbo run build",
+    "check": "turbo run check"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.6.5",
+    "turbo": "^2.5.0"
+  }
+}

package/templates/tauri/turbo.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": { "dependsOn": ["^build"], "cache": false },
+    "dev": { "cache": false, "persistent": true },
+    "check": { "dependsOn": ["^check"] }
+  }
+}

package/templates/web/apps/app/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@{{projectName}}/app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "check": "biome check ."
+  },
+  "dependencies": {
+    "@tanstack/react-router": "^1.170.46",
+    "@tanstack/react-start": "^1.169.4",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.3.4",
+    "@types/node": "^26.6.6",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.2.1",
+    "tailwindcss": "^4.3.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.5"
+  }
+}

package/templates/web/apps/app/src/router.tsx

@@ -0,0 +1,6 @@
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+
+export function getRouter() {
+  return createRouter({ routeTree, scrollRestoration: true });
+}

package/templates/web/apps/app/src/routes/__root.tsx

@@ -0,0 +1,29 @@
+import {
+  createRootRoute,
+  HeadContent,
+  Outlet,
+  Scripts,
+} from "@tanstack/react-router";
+import "../styles.css";
+
+export const Route = createRootRoute({
+  head: () => ({
+    meta: [
+      { charSet: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { title: "{{projectName}}" },
+      { name: "description", content: "A Presence-Net app" },
+    ],
+  }),
+  component: () => (
+    <html lang="en">
+      <head>
+        <HeadContent />
+      </head>
+      <body className="min-h-screen bg-slate-950 text-white antialiased">
+        <Outlet />
+        <Scripts />
+      </body>
+    </html>
+  ),
+});

package/templates/web/apps/app/src/routes/index.tsx

@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/")({
+  component: Home,
+});
+
+function Home() {
+  return (
+    <main className="mx-auto flex min-h-screen max-w-3xl flex-col justify-center px-8">
+      <p className="mb-3 text-sm font-semibold uppercase tracking-[0.2em] text-cyan-300">
+        Presence-Net starter
+      </p>
+      <h1 className="text-5xl font-bold tracking-tight">{"{{projectName}}"}</h1>
+      <p className="mt-5 max-w-xl text-lg text-slate-300">
+        TanStack Start, Tailwind CSS, and a Bun-powered Turborepo workspace.
+      </p>
+    </main>
+  );
+}

package/templates/web/apps/app/src/styles.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/templates/web/apps/app/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "types": ["vite/client"]
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates/web/apps/app/vite.config.ts

@@ -0,0 +1,8 @@
+import tailwindcss from "@tailwindcss/vite";
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [tanstackStart(), react(), tailwindcss()],
+});

package/templates/web/biome.json

@@ -0,0 +1,7 @@
+{
+  "root": false,
+  "$schema": "https://biomejs.dev/schemas/2.6.5/schema.json",
+  "formatter": { "enabled": true, "indentStyle": "space", "indentWidth": 2 },
+  "linter": { "enabled": true, "rules": { "preset": "recommended" } },
+  "javascript": { "formatter": { "quoteStyle": "double" } }
+}

package/templates/web/gitignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+.turbo
+.output
+.tanstack
+.env*
+!.env.example

package/templates/web/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "packageManager": "bun@1.3.14",
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "dev": "turbo run dev",
+    "build": "turbo run build",
+    "check": "turbo run check"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.6.5",
+    "turbo": "^2.5.0"
+  }
+}

package/templates/web/turbo.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**", ".output/**", ".tanstack/**"]
+    },
+    "dev": { "cache": false, "persistent": true },
+    "check": { "dependsOn": ["^check"] }
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.