@legendapp/create-spark 0.0.0-stage → 0.0.1-next.5

package/templates/universal/desktop.config.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "./node_modules/@legendapp/spark/schema.json",
+  "name": "HelloWorld",
+  "version": "0.0.1",
+  "window": {
+    "size": {
+      "width": 1000,
+      "height": 700
+    },
+    "restoreBounds": true
+  },
+  "macos": {
+    "bundleIdentifier": "so.legend.spark.prototype.helloworld"
+  },
+  "platforms": [
+    "ios",
+    "android",
+    "web",
+    "macos",
+    "windows"
+  ],
+  "expo": {
+    "web": {
+      "bundler": "metro"
+    },
+    "icon": "./assets/icon.png"
+  },
+  "expoByPlatform": {
+    "macos": {
+      "autolinking": {
+        "exclude": [
+          "@expo/ui",
+          "expo-clipboard",
+          "expo-linking",
+          "expo-secure-store",
+          "expo-dev-client",
+          "expo-dev-launcher",
+          "expo-dev-menu",
+          "expo-dev-menu-interface",
+          "expo-manifests",
+          "expo-updates-interface",
+          "react-native-windows"
+        ]
+      }
+    },
+    "windows": {
+      "autolinking": {
+        "exclude": [
+          "@expo/ui",
+          "expo-clipboard",
+          "expo-linking",
+          "expo-secure-store",
+          "expo-dev-client",
+          "expo-dev-launcher",
+          "expo-dev-menu",
+          "expo-dev-menu-interface",
+          "expo-manifests",
+          "expo-updates-interface",
+          "react-native-macos"
+        ]
+      }
+    }
+  }
+}

package/templates/universal/gitignore

@@ -0,0 +1,10 @@
+node_modules/
+.threaded-runtime/
+.spark/
+macos/
+dist/
+app.json
+windows/
+.expo/
+ios/
+android/

package/templates/universal/global.css

@@ -0,0 +1,31 @@
+/* RN Web supplies its reset. Keep browser-native form control chrome. */
+@layer theme, base, components, utilities;
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'tailwindcss/utilities.css' layer(utilities);
+@import 'uniwind';
+
+/* Keep tokens in the application, as in legend-apps. */
+@layer theme {
+  :root {
+    @variant light {
+      --color-background: #f5f6f8;
+      --color-foreground: #111827;
+      --color-muted: #6b7280;
+      --color-surface: #ffffff;
+      --color-border: #d1d5db;
+    }
+    @variant dark {
+      --color-background: #191a1b;
+      --color-foreground: #f5f5f5;
+      --color-muted: #a3a3a3;
+      --color-surface: #242526;
+      --color-border: #3e4042;
+    }
+  }
+}
+
+/* Browser-native controls follow the same theme as the surrounding RN views. */
+@layer base {
+  :root.light { color-scheme: light; }
+  :root.dark { color-scheme: dark; }
+}

package/templates/universal/index.ts

@@ -0,0 +1,4 @@
+import "./global.css";
+import { registerRootComponent } from "expo";
+import App from "./App";
+registerRootComponent(App);

package/templates/universal/metro.config.js

@@ -0,0 +1,7 @@
+const { withUniwindConfig } = require("uniwind/metro");
+const { metroConfig } = require("@legendapp/spark/metro");
+
+module.exports = withUniwindConfig(metroConfig(__dirname), {
+  cssEntryFile: "./global.css",
+  dtsFile: "./uniwind-types.d.ts",
+});

package/templates/universal/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "spark-template-universal",
+  "version": "0.0.1",
+  "private": true,
+  "main": "index.ts",
+  "scripts": {
+    "start": "spark dev",
+    "macos": "spark dev --platform macos",
+    "dev": "spark dev",
+    "build": "spark build",
+    "package": "spark package",
+    "doctor": "spark doctor",
+    "windows": "spark dev --platform windows",
+    "ios": "spark dev --platform ios",
+    "android": "spark dev --platform android",
+    "web": "spark dev --platform web",
+    "postinstall": "node node_modules/@legendapp/spark/init-template.cjs"
+  },
+  "dependencies": {
+    "expo": "54.0.37",
+    "expo-desktop": "1.0.0",
+    "expo-desktop-prebuild-config": "1.1.0",
+    "expo-desktop-config-plugins": "1.2.0",
+    "expo-desktop-metro-config": "54.81.0",
+    "expo-desktop-template-bare-minimum": "54.81.1",
+    "react": "19.1.4",
+    "react-native": "0.81.6",
+    "react-native-macos": "0.81.7",
+    "@react-native-community/cli": "20.1.3",
+    "typescript": "5.9.3",
+    "@types/react": "19.1.10",
+    "react-native-windows": "0.81.35",
+    "expo-desktop-modules-core": "54.0.14",
+    "expo-desktop-stubs": "54.0.14",
+    "@expo/ui": "0.2.0-beta.9",
+    "expo-dev-client": "6.0.21",
+    "expo-clipboard": "8.0.8",
+    "expo-secure-store": "15.0.8",
+    "expo-linking": "8.0.12",
+    "react-dom": "19.1.4",
+    "react-native-web": "0.21.0",
+    "uniwind": "1.6.3",
+    "tailwindcss": "4.2.4",
+    "@legendapp/spark": "0.0.1-next.5"
+  },
+  "overrides": {
+    "@expo/cli": "54.0.27",
+    "react-native-nitro-modules": "0.37.0",
+    "react-native-webview": "16.0.0",
+    "@op-engineering/op-sqlite": "18.2.1",
+    "expo-asset": "12.0.13",
+    "expo-constants": "18.0.14",
+    "expo-file-system": "19.0.24",
+    "expo-font": "14.0.12",
+    "expo-keep-awake": "15.0.8",
+    "expo-modules-core": "3.0.30",
+    "expo-desktop-modules-core": "54.0.14",
+    "expo-desktop-stubs": "54.0.14",
+    "react": "19.1.4",
+    "react-native": "0.81.6",
+    "react-native-macos": "0.81.7",
+    "react-native-windows": "0.81.35",
+    "postcss": "8.5.31",
+    "dompurify": "3.4.17",
+    "@tiptap/core": "3.32.0",
+    "@tiptap/extension-blockquote": "3.32.0",
+    "@tiptap/extension-bold": "3.32.0",
+    "@tiptap/extension-code": "3.32.0",
+    "@tiptap/extension-document": "3.32.0",
+    "@tiptap/extension-heading": "3.32.0",
+    "@tiptap/extension-history": "3.32.0",
+    "@tiptap/extension-image": "3.32.0",
+    "@tiptap/extension-italic": "3.32.0",
+    "@tiptap/extension-link": "3.32.0",
+    "@tiptap/extension-list": "3.32.0",
+    "@tiptap/extension-paragraph": "3.32.0",
+    "@tiptap/extension-strike": "3.32.0",
+    "@tiptap/extension-text": "3.32.0",
+    "@tiptap/extension-text-align": "3.32.0",
+    "@tiptap/extension-underline": "3.32.0",
+    "@tiptap/extensions": "3.32.0",
+    "@tiptap/pm": "3.32.0",
+    "@tiptap/react": "3.32.0",
+    "@tiptap/extension-bubble-menu": "3.32.0",
+    "@tiptap/extension-floating-menu": "3.32.0",
+    "fast-xml-parser": "5.11.2",
+    "react-dom": "19.1.4"
+  },
+  "expo": {
+    "install": {
+      "exclude": [
+        "react",
+        "react-dom",
+        "react-native"
+      ]
+    }
+  },
+  "allowScripts": {
+    "@legendapp/spark": true,
+    "react-native-enriched-markdown": true,
+    "fsevents": true
+  },
+  "trustedDependencies": [
+    "@legendapp/spark",
+    "react-native-enriched-markdown",
+    "fsevents"
+  ],
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@legendapp/spark",
+      "react-native-enriched-markdown",
+      "fsevents"
+    ]
+  }
+}

package/templates/universal/react-native.config.js

@@ -0,0 +1,2 @@
+// Generated by spark; extend with configuration plugins.
+module.exports = require("@legendapp/spark/native").nativeConfig(__dirname);

package/templates/universal/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ]
+}

package/templates/universal/uniwind-types.d.ts

@@ -0,0 +1,10 @@
+// NOTE: This file is generated by uniwind and it should not be edited manually.
+/// <reference types="uniwind/types" />
+
+declare module 'uniwind' {
+    export interface UniwindConfig {
+        themes: readonly ['light', 'dark']
+    }
+}
+
+export {}

package/templates/windows/.claude/skills/spark/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: spark
+description: Develop, build, diagnose, or upgrade a Legend Spark desktop app.
+---
+
+<!-- spark:skill:start -->
+From the app root, read [Spark's app development skill](node_modules/@legendapp/spark/skills/spark/SKILL.md) before working on this app.
+The installed Spark version owns these instructions; do not copy them here.
+<!-- spark:skill:end -->

package/templates/windows/AGENTS.md

@@ -0,0 +1,4 @@
+<!-- spark:skill:start -->
+From the app root, read [Spark's app development skill](node_modules/@legendapp/spark/skills/spark/SKILL.md) before working on this app.
+The installed Spark version owns these instructions; do not copy them here.
+<!-- spark:skill:end -->

package/templates/windows/App.tsx

@@ -0,0 +1,16 @@
+import React, { useState } from "react";
+import { Button, StyleSheet, Text, TurboModuleRegistry, View } from "react-native";
+import type { TurboModule } from "react-native";
+interface Host extends TurboModule { describe(): string; }
+const host = TurboModuleRegistry.getEnforcing<Host>("NativeSparkRuntime");
+const runtime = JSON.parse(host.describe());
+export default function App() {
+  const [clicks, setClicks] = useState(0);
+  return <View style={styles.root}>
+    <Text style={styles.title}>Hello, Spark on Windows</Text>
+    <Text>Runtime: {runtime.mode}</Text>
+    <Button title={`Clicked ${clicks} times`} onPress={() => setClicks(value => value + 1)} />
+    <Text>Edit App.tsx to test Fast Refresh.</Text>
+  </View>;
+}
+const styles = StyleSheet.create({ root: { flex: 1, justifyContent: "center", alignItems: "center", gap: 16, padding: 24 }, title: { fontSize: 28, fontWeight: "600" } });

package/templates/windows/CLAUDE.md

@@ -0,0 +1,4 @@
+<!-- spark:skill:start -->
+From the app root, read [Spark's app development skill](node_modules/@legendapp/spark/skills/spark/SKILL.md) before working on this app.
+The installed Spark version owns these instructions; do not copy them here.
+<!-- spark:skill:end -->

package/templates/windows/README.md

@@ -0,0 +1,15 @@
+# Spark app
+
+Run the app with `windows` using your chosen package manager:
+
+```sh
+npm run windows
+```
+
+macOS opens in Spark Runner. Windows requires a custom development build and is
+an unverified preview. JavaScript edits use Fast Refresh. Use `npm run build` for
+a standalone macOS app; native builds require Xcode and CocoaPods.
+
+Use the equivalent `bun run`, `pnpm run`, or `yarn` commands for those managers.
+See [Spark documentation](https://legend.so/spark) for configuration, upgrades,
+platform prerequisites, and distribution.

package/templates/windows/app.json

@@ -0,0 +1,11 @@
+{
+  "expo": {
+    "name": "HelloWorld",
+    "slug": "helloworld",
+    "version": "0.0.1",
+    "platforms": [
+      "windows"
+    ],
+    "icon": "./assets/icon.png"
+  }
+}

package/templates/windows/desktop.config.json

@@ -0,0 +1,10 @@
+{
+  "name": "HelloWorld",
+  "version": "0.0.1",
+  "platforms": [
+    "windows"
+  ],
+  "expo": {
+    "icon": "./assets/icon.png"
+  }
+}

package/templates/windows/gitignore

@@ -0,0 +1,8 @@
+node_modules/
+.threaded-runtime/
+.spark/
+macos/
+dist/
+app.json
+windows/
+.expo/

package/templates/windows/index.ts

@@ -0,0 +1,3 @@
+import { registerRootComponent } from "expo";
+import App from "./App";
+registerRootComponent(App);

package/templates/windows/metro.config.js

@@ -0,0 +1,3 @@
+const { makeMetroConfig } = require("expo-desktop-metro-config");
+const { withDesktop } = require("@legendapp/spark/metro");
+module.exports = withDesktop(makeMetroConfig(__dirname));

package/templates/windows/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "spark-template-windows",
+  "version": "0.0.1",
+  "private": true,
+  "main": "index.ts",
+  "scripts": {
+    "start": "spark dev",
+    "dev": "spark dev",
+    "build": "spark build",
+    "package": "spark package",
+    "doctor": "spark doctor",
+    "windows": "spark dev",
+    "postinstall": "node node_modules/@legendapp/spark/init-template.cjs"
+  },
+  "dependencies": {
+    "expo": "54.0.37",
+    "expo-desktop": "1.0.0",
+    "expo-desktop-prebuild-config": "1.1.0",
+    "expo-desktop-config-plugins": "1.2.0",
+    "expo-desktop-metro-config": "54.81.0",
+    "expo-desktop-template-bare-minimum": "54.81.1",
+    "react": "19.1.4",
+    "react-dom": "19.1.4",
+    "react-native": "0.81.6",
+    "@react-native-community/cli": "20.1.3",
+    "typescript": "5.9.3",
+    "@types/react": "19.1.10",
+    "react-native-windows": "0.81.35",
+    "expo-desktop-modules-core": "54.0.14",
+    "expo-desktop-stubs": "54.0.14",
+    "@legendapp/spark": "0.0.1-next.5"
+  },
+  "overrides": {
+    "@expo/cli": "54.0.27",
+    "react-native-nitro-modules": "0.37.0",
+    "react-native-webview": "16.0.0",
+    "@op-engineering/op-sqlite": "18.2.1",
+    "expo-asset": "12.0.13",
+    "expo-constants": "18.0.14",
+    "expo-file-system": "19.0.24",
+    "expo-font": "14.0.12",
+    "expo-keep-awake": "15.0.8",
+    "expo-modules-core": "3.0.30",
+    "expo-desktop-modules-core": "54.0.14",
+    "expo-desktop-stubs": "54.0.14",
+    "react": "19.1.4",
+    "react-native": "0.81.6",
+    "react-native-macos": "0.81.7",
+    "react-native-windows": "0.81.35",
+    "postcss": "8.5.31",
+    "dompurify": "3.4.17",
+    "@tiptap/core": "3.32.0",
+    "@tiptap/extension-blockquote": "3.32.0",
+    "@tiptap/extension-bold": "3.32.0",
+    "@tiptap/extension-code": "3.32.0",
+    "@tiptap/extension-document": "3.32.0",
+    "@tiptap/extension-heading": "3.32.0",
+    "@tiptap/extension-history": "3.32.0",
+    "@tiptap/extension-image": "3.32.0",
+    "@tiptap/extension-italic": "3.32.0",
+    "@tiptap/extension-link": "3.32.0",
+    "@tiptap/extension-list": "3.32.0",
+    "@tiptap/extension-paragraph": "3.32.0",
+    "@tiptap/extension-strike": "3.32.0",
+    "@tiptap/extension-text": "3.32.0",
+    "@tiptap/extension-text-align": "3.32.0",
+    "@tiptap/extension-underline": "3.32.0",
+    "@tiptap/extensions": "3.32.0",
+    "@tiptap/pm": "3.32.0",
+    "@tiptap/react": "3.32.0",
+    "@tiptap/extension-bubble-menu": "3.32.0",
+    "@tiptap/extension-floating-menu": "3.32.0",
+    "fast-xml-parser": "5.11.2",
+    "react-dom": "19.1.4"
+  },
+  "expo": {
+    "install": {
+      "exclude": [
+        "react",
+        "react-dom",
+        "react-native"
+      ]
+    }
+  },
+  "allowScripts": {
+    "@legendapp/spark": true,
+    "react-native-enriched-markdown": true,
+    "fsevents": true
+  },
+  "trustedDependencies": [
+    "@legendapp/spark",
+    "react-native-enriched-markdown",
+    "fsevents"
+  ],
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@legendapp/spark",
+      "react-native-enriched-markdown",
+      "fsevents"
+    ]
+  }
+}

package/templates/windows/react-native.config.js

@@ -0,0 +1,2 @@
+// Generated by spark; extend with configuration plugins.
+module.exports = require("@legendapp/spark/native").nativeConfig(__dirname);

package/templates/windows/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ]
+}