create-backtick-app 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jean-François Bisson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,85 @@
-# Temporary Holding Version
+# create-backtick-app
 
-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.
+Creates an app whose screens come from your server, with [Backtick](https://backtickjs.com). Pick React Native and you get an Expo app with a Backtick server beside it; pick React or Solid and you get a web page served by one. Each starts with a welcome screen written as a server component, a small client component, and a development setup that redraws the screen when you save.
+
+## Usage
+
+```sh
+npx create-backtick-app@latest
+```
+
+Or with your package manager's `create`:
+
+```sh
+npm create backtick-app@latest
+pnpm create backtick-app
+yarn create backtick-app
+bun create backtick-app
+```
+
+It asks only what the command line didn't say:
+
+1. What is your app named? (default `my-app`)
+2. Which framework? `react-native` (an Expo app), `react` or `solid-js` (a web page)
+3. Which runtime? `node` or `bun`: Bun is the default when you ran it with Bun (`bun create`), Node otherwise
+
+It then copies the template into a new directory, installs with the package manager you ran it with (npm, pnpm, Yarn or Bun), and prints the commands to start. Requires Node 22.15 or later.
+
+## Options
+
+```sh
+npx create-backtick-app@latest [name] [options]
+```
+
+| Option                  | Description                                                                     |
+| ----------------------- | ------------------------------------------------------------------------------- |
+| `name`                  | The directory to create, and the app's name. It must be new or empty.           |
+| `-t, --template <name>` | `react-native`, `react` or `solid-js`.                                          |
+| `-r, --runtime <name>`  | What runs your Backtick server: `node` or `bun`.                                |
+| `-y, --yes`             | Ask nothing: `my-app`, `react-native`, and Bun if run with Bun, Node otherwise. |
+| `--no-install`          | Copy the files without installing dependencies.                                 |
+
+With `npm create`, pass options after `--`: `npm create backtick-app@latest my-app -- -t react`.
+
+## Templates
+
+Every template has:
+
+- `server/Home.tsx`: the welcome screen, a server component. It reads values on the server and splices them into a client script.
+- `server/HelloWave.tsx`: a client component, a waving hand animated where the screen runs. Tap or click it.
+- `server/index.tsx`: the Backtick server on http://localhost:3000.
+- `scripts/start.mjs`: starts the server in development, restarting it whenever you save. The client polls `/live`, which exists only in development, and redraws when the server restarts.
+- `npm run reset-project`: replaces `server/Home.tsx` with a blank screen and removes `HelloWave.tsx`.
+- `npm run typecheck`: runs `backtick-tsc` over the server, scripts and splices included. In `react-native`, it also runs `tsc` over the Expo app.
+- Prettier with `@backtickjs/prettier-plugin`, which formats client scripts too, and VS Code recommendations for the Backtick and Prettier extensions.
+
+### `react-native`
+
+An Expo app (SDK 57) with the Backtick server beside it in `server/`. `App.tsx` fetches the screen at `/home` and runs it with [`@backtickjs/react-native-client`](https://github.com/backtickjs/backtick/tree/main/packages/react-native-client). The app and the server share a `package.json`, so the server bundles for the React and React Native versions installed there.
+
+```sh
+npm run ios      # or android, or web
+```
+
+Each starts your Backtick server alongside Expo, in one terminal. Edit `server/Home.tsx` and save: the app fetches the screen again, without rebuilding.
+
+### `react` and `solid-js`
+
+A web page: the server bundles `server/Home.tsx` into an HTML page at `/`, with the framework loaded from a CDN by an import map.
+
+```sh
+npm run start
+```
+
+Then open http://localhost:3000. Edit `server/Home.tsx` and save to see the page change.
+
+## Related
+
+- [`@backtickjs/core`](https://github.com/backtickjs/backtick/tree/main/packages/core): the `cs` tag
+- [`@backtickjs/bundler`](https://github.com/backtickjs/backtick/tree/main/packages/bundler): runs server components and writes the bundle
+- [`@backtickjs/react-native-client`](https://github.com/backtickjs/backtick/tree/main/packages/react-native-client): runs a bundle in a React Native app
+- [Documentation](https://backtickjs.com/docs)
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -0,0 +1,150 @@
+#!/usr/bin/env node
+import { spawnSync } from "node:child_process";
+import { cpSync, existsSync, readdirSync, readFileSync, renameSync, writeFileSync, } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { parseArgs } from "node:util";
+import prompts from "prompts";
+const TEMPLATES = {
+    "react-native": {
+        title: "React Native",
+        description: "An Expo app, its screens from your server",
+        scripts: ["android", "ios", "web"],
+        then: "Each starts your Backtick server alongside Expo. Edit server/Home.tsx and save to see the screen change.",
+    },
+    react: {
+        title: "React",
+        description: "A web page, rendered by React",
+        scripts: ["start"],
+        then: "Then open http://localhost:3000. Edit server/Home.tsx and save to see the page change.",
+    },
+    "solid-js": {
+        title: "solid-js",
+        description: "A web page, rendered by Solid",
+        scripts: ["start"],
+        then: "Then open http://localhost:3000. Edit server/Home.tsx and save to see the page change.",
+    },
+};
+const { values, positionals } = parseArgs({
+    allowPositionals: true,
+    options: {
+        template: { type: "string", short: "t" },
+        runtime: { type: "string", short: "r" },
+        yes: { type: "boolean", short: "y" },
+        "no-install": { type: "boolean" },
+    },
+});
+if (values.template !== undefined && !(values.template in TEMPLATES)) {
+    console.error(`There's no template named ${values.template}. Pick one of: ${Object.keys(TEMPLATES).join(", ")}.`);
+    process.exit(1);
+}
+// What runs your Backtick server, and the loader that compiles it for that
+// runtime.
+const RUNTIMES = {
+    node: { title: "Node", loader: "@backtickjs/node-plugin" },
+    bun: { title: "Bun", loader: "@backtickjs/bun-plugin" },
+};
+if (values.runtime !== undefined && !(values.runtime in RUNTIMES)) {
+    console.error(`There's no runtime named ${values.runtime}. Pick one of: ${Object.keys(RUNTIMES).join(", ")}.`);
+    process.exit(1);
+}
+// The package manager this was run with, as `npm create` and its peers say,
+// which is also the runtime to suggest: `bun create` suggests Bun.
+const manager = (process.env.npm_config_user_agent ?? "npm").split("/")[0];
+const run = ["npm", "pnpm", "yarn", "bun"].includes(manager) ? manager : "npm";
+const suggestedRuntime = run === "bun" ? "bun" : "node";
+// Asked only what the command line didn't say, as `create-expo-app` asks.
+const answers = await prompts([
+    {
+        type: positionals[0] !== undefined || values.yes ? null : "text",
+        name: "name",
+        message: "What is your app named?",
+        initial: "my-app",
+    },
+    {
+        type: values.template !== undefined || values.yes ? null : "select",
+        name: "template",
+        message: "Which framework?",
+        choices: Object.entries(TEMPLATES).map(([value, template]) => ({
+            title: template.title,
+            description: template.description,
+            value,
+        })),
+    },
+    {
+        type: values.runtime !== undefined || values.yes ? null : "select",
+        name: "runtime",
+        message: "Which runtime?",
+        choices: Object.entries(RUNTIMES).map(([value, runtime]) => ({
+            title: runtime.title,
+            value,
+        })),
+        initial: Object.keys(RUNTIMES).indexOf(suggestedRuntime),
+    },
+], { onCancel: () => process.exit(1) });
+const name = positionals[0] ?? answers.name ?? "my-app";
+const templateName = values.template ?? answers.template ?? "react-native";
+const template = TEMPLATES[templateName];
+const runtimeName = values.runtime ?? answers.runtime ?? suggestedRuntime;
+const target = path.resolve(name);
+const slug = path.basename(target);
+if (existsSync(target) && readdirSync(target).length > 0) {
+    console.error(`The directory ${slug} has files that might be overwritten. Try using a new directory name.`);
+    process.exit(1);
+}
+// The templates beside this file once built: `dist/../templates`.
+const templateFolder = fileURLToPath(new URL(`../templates/${templateName}/`, import.meta.url));
+cpSync(templateFolder, target, {
+    recursive: true,
+    // What running a template inside the Backtick repository leaves behind,
+    // matched within the template: the CLI itself runs from a `node_modules`
+    // when installed, and a path from the root would match every file.
+    filter: (source) => !/(^|[\\/])(node_modules|\.expo|\.turbo)([\\/]|$)/.test(path.relative(templateFolder, source)),
+});
+// npm drops a `.gitignore` from a published package, so it ships unnamed.
+renameSync(path.join(target, "gitignore"), path.join(target, ".gitignore"));
+rewriteJson(path.join(target, "package.json"), (json) => {
+    json.name = slug;
+    // The templates ship Node's loader; another runtime gets its own, which is
+    // how `scripts/start.mjs` knows what to run.
+    const loader = RUNTIMES[runtimeName].loader;
+    if (!(loader in json.dependencies)) {
+        const version = json.dependencies["@backtickjs/node-plugin"];
+        delete json.dependencies["@backtickjs/node-plugin"];
+        json.dependencies = Object.fromEntries(Object.entries({ ...json.dependencies, [loader]: version }).sort());
+    }
+});
+if (existsSync(path.join(target, "app.json"))) {
+    rewriteJson(path.join(target, "app.json"), (json) => {
+        json.expo.name = slug;
+        json.expo.slug = slug;
+    });
+}
+console.log("✔ Created project files.");
+if (!values["no-install"]) {
+    console.log(`> ${run} install`);
+    const { status } = spawnSync(run, ["install"], {
+        cwd: target,
+        stdio: "inherit",
+        shell: process.platform === "win32",
+    });
+    if (status !== 0) {
+        console.error(`${run} install failed. Run it again in ${slug}.`);
+        process.exit(status ?? 1);
+    }
+}
+console.log(`
+✅ Your project is ready!
+
+To run your project, navigate to the directory and run one of the following ${run} commands.
+
+- cd ${slug}
+${template.scripts.map((script) => `- ${run} run ${script}`).join("\n")}
+
+${template.then}
+`);
+function rewriteJson(file, change) {
+    const json = JSON.parse(readFileSync(file, "utf8"));
+    change(json);
+    writeFileSync(file, `${JSON.stringify(json, null, 2)}\n`);
+}

package/package.json

@@ -1,6 +1,59 @@
 {
   "name": "create-backtick-app",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "Creates a Backtick app: React Native, React or Solid, with screens from your server on Node or Bun",
+  "keywords": [
+    "backtick",
+    "react-native",
+    "server-driven-ui",
+    "server-components",
+    "create",
+    "starter",
+    "template",
+    "expo",
+    "react",
+    "solid"
+  ],
+  "homepage": "https://backtickjs.com",
+  "bugs": {
+    "url": "https://github.com/backtickjs/backtick/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/backtickjs/backtick.git",
+    "directory": "packages/create-backtick-app"
+  },
+  "license": "MIT",
+  "author": "Jean-François Bisson <jf@backtickjs.com>",
+  "type": "module",
+  "bin": {
+    "create-backtick-app": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates",
+    "!templates/*/node_modules",
+    "!templates/*/.expo",
+    "!templates/*/.turbo"
+  ],
+  "engines": {
+    "node": ">=22.15"
+  },
+  "devDependencies": {
+    "@types/node": "^25.9.1",
+    "@types/prompts": "^2.4.9",
+    "prettier": "^3.6.2",
+    "typescript": "^6.0.3"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "dev": "tsc -b --watch",
+    "format": "prettier --write --ignore-unknown .",
+    "format:check": "prettier --check --ignore-unknown .",
+    "test": "node --test \"test/**/*.test.ts\"",
+    "clean": "rm -rf node_modules dist .turbo"
+  }
 }

package/templates/react/.prettierignore

@@ -0,0 +1,8 @@
+# Written by the package manager.
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+bun.lock
+
+# Written the way VS Code writes them, one entry per line.
+.vscode/extensions.json

package/templates/react/.prettierrc

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

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

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

package/templates/react/gitignore

@@ -0,0 +1,16 @@
+# dependencies
+node_modules/
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

package/templates/react/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "backtick-app-react",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "start": "node scripts/start.mjs",
+    "reset-project": "node scripts/reset-project.mjs",
+    "typecheck": "backtick-tsc --noEmit",
+    "format": "prettier --write --ignore-unknown .",
+    "format:check": "prettier --check --ignore-unknown ."
+  },
+  "dependencies": {
+    "@backtickjs/bundler": "^0.1.1",
+    "@backtickjs/core": "^0.1.1",
+    "@backtickjs/node-plugin": "^0.1.1",
+    "@backtickjs/react": "^19.2.3",
+    "typescript": "^6.0.3"
+  },
+  "devDependencies": {
+    "@backtickjs/prettier-plugin": "^0.1.1",
+    "@backtickjs/tsc": "^0.1.1",
+    "@types/node": "^25.9.1",
+    "prettier": "^3.6.2"
+  },
+  "backtick": {
+    "plugins": [
+      "@backtickjs/react/plugin"
+    ]
+  }
+}

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

@@ -0,0 +1,21 @@
+// Replaces the welcome page with a blank one, so you start fresh.
+import { rmSync, writeFileSync } from "node:fs";
+
+writeFileSync(
+  "server/Home.tsx",
+  `import { cs } from "@backtickjs/core";
+
+export async function Home() {
+  return cs\`(
+    <main style={{ padding: 24, fontFamily: "system-ui, sans-serif" }}>
+      <p>Edit server/Home.tsx to edit this page.</p>
+    </main>
+  )\`;
+}
+`,
+);
+rmSync("server/HelloWave.tsx", { force: true });
+
+console.log(
+  "✅ Project reset. server/Home.tsx is now a blank page, and the welcome example is gone.",
+);

package/templates/react/scripts/start.mjs

@@ -0,0 +1,20 @@
+// Starts your Backtick server in development: it restarts whenever a file
+// under `server/` changes, and the page reloads with it. Any other way of
+// running the server, a deploy included, is production.
+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" },
+});
+
+server.on("exit", (code) => process.exit(code ?? 0));

package/templates/react/server/HelloWave.tsx

@@ -0,0 +1,30 @@
+import { cs } from "@backtickjs/core";
+import { useEffect, useRef } from "@backtickjs/react";
+
+// A client component: it runs in the browser, so its animation does too. It
+// waves when it appears, and again when you click it.
+export const HelloWave = cs`() => {
+  const hand = $useRef<HTMLSpanElement>(null);
+  const wave = () => {
+    hand.current?.animate(
+      [
+        { transform: "rotate(0deg)" },
+        { transform: "rotate(25deg)" },
+        { transform: "rotate(0deg)" },
+      ],
+      { duration: 300, iterations: 4 },
+    );
+  };
+
+  $useEffect(wave, []);
+
+  return (
+    <span
+      ref={hand}
+      onClick={wave}
+      style={{ display: "inline-block", cursor: "pointer", fontSize: 28 }}
+    >
+      👋
+    </span>
+  );
+}`;

package/templates/react/server/Home.tsx

@@ -0,0 +1,65 @@
+import { cs } from "@backtickjs/core";
+import { HelloWave } from "./HelloWave.js";
+
+// A server component: it runs on your server for every request, and hands the
+// browser its data and its client components.
+export async function Home() {
+  // Read here, on your server, and sent to the browser as plain values.
+  const node = process.version;
+  const assembledAt = new Date().toLocaleTimeString();
+
+  return cs`{
+    const styles = {
+      page: {
+        maxWidth: 640,
+        padding: 24,
+        fontFamily: "system-ui, sans-serif",
+        display: "grid",
+        gap: 24,
+      },
+      titleRow: { display: "flex", alignItems: "center", gap: 8 },
+      title: { margin: 0, fontSize: 32, lineHeight: 1 },
+      step: { display: "grid", gap: 8 },
+      subtitle: { margin: 0, fontSize: 20 },
+      body: { margin: 0, fontSize: 16, lineHeight: 1.5 },
+      link: { fontSize: 16, color: "#0a7ea4" },
+    };
+
+    return (
+      <main style={styles.page}>
+        <div style={styles.titleRow}>
+          <h1 style={styles.title}>Welcome!</h1>
+          <$HelloWave />
+        </div>
+
+        <section style={styles.step}>
+          <h2 style={styles.subtitle}>Step 1: Try it</h2>
+          <p style={styles.body}>
+            Edit <b>server/Home.tsx</b> and save. This page redraws on its own.
+          </p>
+        </section>
+
+        <section style={styles.step}>
+          <h2 style={styles.subtitle}>Step 2: Server and client</h2>
+          <p style={styles.body}>
+            Your server assembled this page with Node {$node} at {$assembledAt}.
+            The waving hand is a client component: its animation runs in your
+            browser. Click it.
+          </p>
+        </section>
+
+        <section style={styles.step}>
+          <h2 style={styles.subtitle}>Step 3: Get a fresh start</h2>
+          <p style={styles.body}>
+            When you're ready, run <b>npm run reset-project</b> for a blank{" "}
+            <b>server/Home.tsx</b>.
+          </p>
+        </section>
+
+        <a style={styles.link} href="https://backtickjs.com/docs">
+          Read the docs →
+        </a>
+      </main>
+    );
+  }`;
+}

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