create-backtick-app 0.0.0-stage → 0.1.0

package/templates/react/server/html.ts

@@ -0,0 +1,62 @@
+import { bundler } from "@backtickjs/bundler";
+import { cs } from "@backtickjs/core";
+import { createRoot } from "@backtickjs/react/client";
+import type { JSX } from "@backtickjs/react/jsx-runtime";
+
+// The versions of React the page loads, below: what each page is bundled for.
+const packageVersions = { react: "19.2.3", "react-dom": "19.2.3" };
+
+// Development is only what `npm start` runs, which sets NODE_ENV: any other
+// run, a deploy included, is production.
+export const development = process.env.NODE_ENV === "development";
+
+// In development, what reloads the page whenever the server restarts, as it
+// does when you save.
+const reload = `
+    <script type="module">
+      let run;
+      setInterval(async () => {
+        try {
+          const next = await (await fetch("/live")).text();
+          if (run !== undefined && next !== run) location.reload();
+          run = next;
+        } catch {}
+      }, 1000);
+    </script>`;
+
+// A page: the element, bundled for the browser, and React from a CDN.
+export async function toHtml(element: JSX.Element): Promise<string> {
+  const bundle = await bundler.build({
+    input: cs`$createRoot(document.getElementById("app")!).render($element)`,
+    packageVersions,
+  });
+  // In development, a map back to the files you wrote, for the browser's
+  // devtools.
+  const { code } = bundle.generate({
+    format: "es",
+    sourcemap: development ? "inline" : false,
+  });
+
+  return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Backtick</title>
+    <script type="importmap">
+      {
+        "imports": {
+          "react": "https://esm.sh/react@19.2.3",
+          "react/jsx-runtime": "https://esm.sh/react@19.2.3/jsx-runtime",
+          "react-dom/client": "https://esm.sh/react-dom@19.2.3/client?external=react"
+        }
+      }
+    </script>
+  </head>
+  <body style="margin: 0">
+    <div id="app"></div>
+    <script type="module" src="data:text/javascript,${encodeURIComponent(code)}"></script>
+    ${development ? reload : ""}
+  </body>
+</html>`;
+}

package/templates/react/server/index.tsx

@@ -0,0 +1,33 @@
+import { createServer } from "node:http";
+import { Home } from "./Home.js";
+import { development, toHtml } from "./html.js";
+
+// In development, this run of the server: `--watch` starts a new one whenever
+// you save, and the page, seeing a new one at `/live`, reloads.
+const run = crypto.randomUUID();
+
+const server = createServer(async (request, response) => {
+  if (development && request.url === "/live") {
+    response.end(run);
+    return;
+  }
+  if (request.url === "/") {
+    try {
+      const html = await toHtml(<Home />);
+      response.setHeader("content-type", "text/html");
+      response.end(html);
+    } catch (error) {
+      // Answered rather than crashed on, so the browser can show why.
+      console.error(error);
+      response.statusCode = 500;
+      response.end(String(error));
+    }
+    return;
+  }
+  response.statusCode = 404;
+  response.end();
+});
+
+server.listen(3000, () => {
+  console.log("Backtick server on http://localhost:3000");
+});

package/templates/react/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    // Imports kept as written: a name a page only splices, as `$useRef`, looks
+    // unused to TypeScript, which would otherwise drop its import.
+    "verbatimModuleSyntax": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "target": "esnext",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "lib": ["esnext", "dom"],
+    "types": ["node"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "@backtickjs/react"
+  },
+  "include": ["server"]
+}

package/templates/react-native/.prettierignore

@@ -0,0 +1,16 @@
+# Written by the package manager.
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+# Generated by Expo and its native builds.
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+/ios
+/android
+
+# Written the way VS Code writes them, one entry per line.
+.vscode/extensions.json

package/templates/react-native/.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["@backtickjs/prettier-plugin"]
+}

package/templates/react-native/.turbo/turbo-typecheck.log

@@ -0,0 +1 @@
+$ tsc --noEmit && backtick-tsc -p server --noEmit

package/templates/react-native/.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "backtickjs.backtick-vscode",
+    "esbenp.prettier-vscode"
+  ]
+}

package/templates/react-native/App.tsx

@@ -0,0 +1,117 @@
+import { evaluate } from "@backtickjs/react-native-client";
+import Constants from "expo-constants";
+import { StatusBar } from "expo-status-bar";
+import * as React from "react";
+import {
+  Component,
+  type ReactNode,
+  Suspense,
+  use,
+  useEffect,
+  useState,
+} from "react";
+import * as JSXRuntime from "react/jsx-runtime";
+import * as ReactNative from "react-native";
+import { ActivityIndicator, Text } from "react-native";
+
+// What a screen may require: the packages this app was built with.
+const modules = {
+  react: React,
+  "react/jsx-runtime": JSXRuntime,
+  "react-native": ReactNative,
+};
+
+// Your Backtick server runs on the computer Expo was started from.
+const host = Constants.expoConfig?.hostUri?.split(":")[0] ?? "localhost";
+const server = `http://${host}:3000`;
+
+// The screen at `path` on your server: its bundle, fetched and run with the
+// app's packages. Your fetch to shape: headers, auth, caching.
+async function fetchScreen(path: string): Promise<ReactNode> {
+  const response = await fetch(`${server}${path}`);
+  if (!response.ok) {
+    throw new Error(`${path} answered ${response.status}.`);
+  }
+  return evaluate(await response.text(), modules) as ReactNode;
+}
+
+export default function App() {
+  // Held here, which doesn't suspend, so the request outlives the render
+  // that waits for it. Each request is numbered, so a new one also clears an
+  // error the last one showed.
+  const [request, setRequest] = useState(() => ({
+    number: 0,
+    screen: fetchScreen("/home"),
+  }));
+  useEffect(() => {
+    // In development, the screen is fetched again each time the server
+    // restarts, so a change to server/ shows as soon as you save.
+    if (__DEV__) {
+      return onServerRestart(() =>
+        setRequest(({ number }) => ({
+          number: number + 1,
+          screen: fetchScreen("/home"),
+        })),
+      );
+    }
+  }, []);
+  // The whole screen, its layout included, comes from the server: see
+  // server/Home.tsx.
+  return (
+    <>
+      <Boundary key={request.number}>
+        <Suspense fallback={<ActivityIndicator style={{ flex: 1 }} />}>
+          <Screen screen={request.screen} />
+        </Suspense>
+      </Boundary>
+      <StatusBar style="auto" />
+    </>
+  );
+}
+
+// What the server sent, once it has: suspending until then, and throwing,
+// for the boundary, a screen that couldn't be fetched or run.
+function Screen({ screen }: { screen: Promise<ReactNode> }) {
+  return use(screen);
+}
+
+// Calls `restarted` when the server starts a new run: it names each run at
+// `/live`, and a new name is a new run.
+function onServerRestart(restarted: () => void): () => void {
+  let run: string | undefined;
+  const timer = setInterval(async () => {
+    try {
+      const next = await (await fetch(`${server}/live`)).text();
+      if (run !== undefined && next !== run) {
+        restarted();
+      }
+      run = next;
+    } catch {
+      // Restarting: the next tick finds the new run.
+    }
+  }, 1000);
+  return () => clearInterval(timer);
+}
+
+// Why the screen couldn't be drawn: the server unreachable, or a screen the
+// app can't run.
+class Boundary extends Component<{ children: ReactNode }, { error: unknown }> {
+  state = { error: null as unknown };
+
+  static getDerivedStateFromError(error: unknown) {
+    return { error };
+  }
+
+  render() {
+    if (this.state.error === null) {
+      return this.props.children;
+    }
+    return (
+      <Text style={{ margin: 24, marginTop: 96, color: "#b91c1c" }}>
+        {String((this.state.error as Error).message ?? this.state.error)}
+        {"\n\n"}Is your Backtick server running? npm start runs it alongside
+        Expo.
+      </Text>
+    );
+  }
+}

package/templates/react-native/app.json

@@ -0,0 +1,9 @@
+{
+  "expo": {
+    "name": "backtick-app",
+    "slug": "backtick-app",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "userInterfaceStyle": "light"
+  }
+}

package/templates/react-native/gitignore

@@ -0,0 +1,41 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# generated native folders
+/ios
+/android

package/templates/react-native/index.ts

@@ -0,0 +1,8 @@
+import { registerRootComponent } from "expo";
+
+import App from "./App";
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

package/templates/react-native/node_modules/.bin/backtick-tsc

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../@backtickjs/tsc/bin/backtick-tsc.js" "$@"
+else
+  exec node  "$basedir/../@backtickjs/tsc/bin/backtick-tsc.js" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/@backtickjs/tsc/bin/backtick-tsc.js

package/templates/react-native/node_modules/.bin/expo

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules/expo/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules/expo/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../expo/bin/cli" "$@"
+else
+  exec node  "$basedir/../expo/bin/cli" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/expo/bin/cli

package/templates/react-native/node_modules/.bin/expo-modules-autolinking

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules/expo/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules/expo/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../expo/bin/autolinking" "$@"
+else
+  exec node  "$basedir/../expo/bin/autolinking" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/expo/bin/autolinking

package/templates/react-native/node_modules/.bin/fingerprint

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules/expo/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules/expo/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/expo@57.0.26_@babel+core@7.29.7_@expo+dom-webview@57.0.1_react-dom@19.2.3_react@19.2.3__fdb828cd1453efd2ba420c405053d76e/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../expo/bin/fingerprint" "$@"
+else
+  exec node  "$basedir/../expo/bin/fingerprint" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/expo/bin/fingerprint

package/templates/react-native/node_modules/.bin/prettier

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/prettier@3.8.4/node_modules/prettier/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/prettier@3.8.4/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/prettier@3.8.4/node_modules/prettier/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/prettier@3.8.4/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../prettier/bin/prettier.cjs" "$@"
+else
+  exec node  "$basedir/../prettier/bin/prettier.cjs" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/prettier/bin/prettier.cjs

package/templates/react-native/node_modules/.bin/react-native

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/react-native@0.86.3_@babel+core@7.29.7_@types+react@19.2.18_react@19.2.3/node_modules/react-native/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/react-native@0.86.3_@babel+core@7.29.7_@types+react@19.2.18_react@19.2.3/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/react-native@0.86.3_@babel+core@7.29.7_@types+react@19.2.18_react@19.2.3/node_modules/react-native/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/react-native@0.86.3_@babel+core@7.29.7_@types+react@19.2.18_react@19.2.3/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../react-native/cli.js" "$@"
+else
+  exec node  "$basedir/../react-native/cli.js" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/react-native/cli.js

package/templates/react-native/node_modules/.bin/tsc

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/typescript/bin/tsc

package/templates/react-native/node_modules/.bin/tsserver

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/backtick/backtick/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi
+# cmd-shim-target=/home/runner/work/backtick/backtick/packages/create-backtick-app/templates/react-native/node_modules/typescript/bin/tsserver

package/templates/react-native/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "backtick-app-react-native",
+  "version": "1.0.0",
+  "private": true,
+  "main": "index.ts",
+  "scripts": {
+    "start": "node scripts/start.mjs",
+    "android": "node scripts/start.mjs --android",
+    "ios": "node scripts/start.mjs --ios",
+    "web": "node scripts/start.mjs --web",
+    "typecheck": "tsc --noEmit && backtick-tsc -p server --noEmit",
+    "reset-project": "node scripts/reset-project.mjs",
+    "format": "prettier --write --ignore-unknown .",
+    "format:check": "prettier --check --ignore-unknown ."
+  },
+  "dependencies": {
+    "@backtickjs/bundler": "^0.1.0",
+    "@backtickjs/core": "^0.1.0",
+    "@backtickjs/node-plugin": "^0.1.0",
+    "@backtickjs/react": "^19.2.3",
+    "@backtickjs/react-native": "^0.86.3",
+    "@backtickjs/react-native-client": "^0.1.0",
+    "expo": "~57.0.26",
+    "expo-constants": "~57.0.20",
+    "expo-status-bar": "~57.0.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-web": "^0.21.0",
+    "typescript": "^6.0.3"
+  },
+  "devDependencies": {
+    "@backtickjs/prettier-plugin": "^0.1.0",
+    "@backtickjs/tsc": "^0.1.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "19.2.18",
+    "prettier": "^3.6.2"
+  },
+  "backtick": {
+    "plugins": [
+      "@backtickjs/react/plugin"
+    ]
+  }
+}

package/templates/react-native/scripts/reset-project.mjs

@@ -0,0 +1,22 @@
+// Replaces the welcome screen with a blank one, so you start fresh.
+import { rmSync, writeFileSync } from "node:fs";
+
+writeFileSync(
+  "server/Home.tsx",
+  `import { cs } from "@backtickjs/core";
+import { Text, View } from "@backtickjs/react-native";
+
+export async function Home() {
+  return cs\`(
+    <$View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+      <$Text>Edit server/Home.tsx to edit this screen.</$Text>
+    </$View>
+  )\`;
+}
+`,
+);
+rmSync("server/HelloWave.tsx", { force: true });
+
+console.log(
+  "✅ Project reset. server/Home.tsx is now a blank screen, and the welcome example is gone.",
+);

package/templates/react-native/scripts/start.mjs

@@ -0,0 +1,31 @@
+// Starts your Backtick server in development, then Expo, both in this terminal:
+// Expo keeps its keys and QR code, and the server restarts whenever a file
+// under `server/` changes. Arguments are Expo's, as `npm run ios` passes
+// `--ios`.
+import { spawn } from "node:child_process";
+import { readFileSync } from "node:fs";
+
+// The runtime is the one package.json has a Backtick loader for: Bun's, or
+// else Node's.
+const { dependencies } = JSON.parse(readFileSync("package.json", "utf8"));
+const [runtime, ...loader] =
+  "@backtickjs/bun-plugin" in dependencies
+    ? ["bun", "--preload", "@backtickjs/bun-plugin"]
+    : ["node", "--enable-source-maps", "--import", "@backtickjs/node-plugin"];
+
+const server = spawn(runtime, ["--watch", ...loader, "server/index.tsx"], {
+  stdio: "inherit",
+  env: { ...process.env, NODE_ENV: process.env.NODE_ENV ?? "development" },
+});
+
+// `bunx` where Bun runs this script, as it does where Node isn't installed.
+const npx = process.versions.bun ? "bunx" : "npx";
+const expo = spawn(npx, ["expo", "start", ...process.argv.slice(2)], {
+  stdio: "inherit",
+  shell: process.platform === "win32",
+});
+
+expo.on("exit", (code) => {
+  server.kill();
+  process.exit(code ?? 0);
+});