create-instant-app 1.0.9 → 1.0.10

package/dist/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import{Command as Fe,Option as l}from"commander";import*as B from"@clack/prompts";import{spawn as Ce}from"child_process";import{execa as Oe}from"execa";async function $(){return new Promise(e=>{let t=process.env.SHELL||"/bin/bash",n=Ce(t,["-i","-c","which claude"],{stdio:["ignore","pipe","ignore"]}),r="";n.stdout.on("data",a=>{r+=a.toString()}),n.on("close",a=>{if(a===0){let o=r.trim();o.includes("aliased to ")?e(o.split("aliased to ")[1]||null):e(o)}else e(null)})})}var K=async(e,t)=>{let n=await $();if(!n)throw new Error("Claude not found in path");await Oe(n,[e],{stdio:"inherit",cwd:t})};import{version as Re}from"@instantdb/version";import H from"path";var Y=e=>(e.length>1&&e.endsWith("/")&&(e=e.slice(0,-1)),e),je=/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/,q=e=>{let n=Y(e).split("/"),r=n[n.length-1];if(r==="."){let i=H.resolve(process.cwd());r=H.basename(i)}let a=n.findIndex(i=>i.startsWith("@"));n.findIndex(i=>i.startsWith("@"))!==-1&&(r=n.slice(a).join("/"));let o=n.filter(i=>!i.startsWith("@")).join("/");return[r,o]},E=e=>e.trim(),D=e=>{let t=Y(e),n=t.split("/"),r=n.findIndex(o=>o.startsWith("@")),a=n[n.length-1];if(n.findIndex(o=>o.startsWith("@"))!==-1&&(a=n.slice(r).join("/")),!(t==="."||je.test(a??"")))return"App name must consist of only lowercase alphanumeric characters, '-', and '_'"};import{renderUnwrap as v,UI as f}from"instant-cli/ui";var C={base:"next-js-app-dir",appName:"Awesome Todos",ruleFiles:null,createRepo:!0,prompt:null,app:null,token:null,yes:!1},X=e=>e.base||e.vanilla&&"vite-vanilla"||e.next&&"next-js-app-dir"||e.expo&&"expo"||e.sv&&"sveltekit"||null,Z=e=>e.cursor&&"cursor"||e.claude&&"claude"||e.codex&&"codex"||e.gemini&&"gemini"||e.rules&&"codex"||null,Q=async()=>{let e=C,t=new Fe().name("Create Instant App").description("A CLI for creating web/mobile applications with InstantDB").argument("[dir]","The name of the application, as well as the name of the directory to create").addOption(new l("-b --base <template>","The base template to scaffold from").choices(["next-js-app-dir","vite-vanilla","expo","bun-react","tanstack-start","tanstack-start-with-tanstack-query","solidjs-vite","sveltekit","vercel-ai-sdk","ai-chat"])).addOption(new l("-g --git","Create a git repo in the new project").default(!0)).addOption(new l("--expo","Use the Expo starter template").default(!1)).addOption(new l("--next","Use the NextJS starter template").default(!1)).addOption(new l("--vanilla","Use the vanilla JS starter template").default(!1)).addOption(new l("--sv","Use the SvelteKit starter template").default(!1)).addOption(new l("--no-git","Don't create a git repo in the new project")).addOption(new l("--cursor","Include a Cursor rules file in the scaffold")).addOption(new l("--claude","Include a CLAUDE.md file in the scaffold")).addOption(new l("--codex","Include an AGENTS.md file in the scaffold")).addOption(new l("--gemini","Include a GEMINI.md file in the scaffold")).addOption(new l("--rules","Include an AGENTS.md file in the scaffold")).addOption(new l("--ai","Create a new InstantDB app based off of a prompt. (requires Claude Code)")).addOption(new l("-a --app <app-id>","Link to an existing InstantDB app by ID (requires login or --token)")).addOption(new l("-t --token <token>","Auth token override (use with --app when not logged in)")).addOption(new l("-y --yes","Use all defaults (requires project name as first argument)").default(!1)).version(Re).parse(process.argv),n=t.args[0]&&E(t.args[0]);if(n){let o=D(n);if(o)throw new Error("Invalid app name: "+o);e.appName=n}let r=t.opts();if(r.yes){if(r.ai)throw new Error("--yes is not supported with --ai");if(!n)throw new Error(`When using --yes, you must specify a project name as the first argument.
-Usage: npx create-instant-app my-app --yes`);return{...C,appName:n,base:X(r)??C.base,ruleFiles:Z(r)??"claude",createRepo:r.git??C.createRepo,app:r.app??null,token:r.token??null,yes:!0}}if(r.ai&&!await $())throw new Error("--ai only works with Claude Code, but we couldn't find it in your machine. Install it first, and run it again : ). Alternatively you can scaffold out a project without --ai");return{...await B.group({appName:async()=>{if(n)return n.trim();let o=await v(new f.TextInput({prompt:"What will your project/folder be called?",placeholder:"awesome-todos",defaultValue:"awesome-todos",validate:s=>D(E(s)),modifyOutput:f.ciaModifier()}));return E(o)},prompt:async()=>r.ai?await v(new f.TextInput({prompt:"What would you like to create?",placeholder:"Create an app that...",modifyOutput:f.modifiers.piped([f.ciaModifier()])})):null,base:async({results:o})=>{let i=X(r);return i||(o.prompt?v(new f.Select({promptText:"What framework would you like to use?",options:[{value:"next-js-app-dir",label:"Next.js"},{value:"expo",label:"Expo: React Native"}],defaultValue:"next-js-app-dir",modifyOutput:f.modifiers.piped([f.ciaModifier()])})):v(new f.Select({promptText:"What framework would you like to use?",options:[{value:"next-js-app-dir",label:"Web: Next.js"},{value:"expo",label:"Mobile: Expo"},{value:"vite-vanilla",label:"Vite: Vanilla TS",secondary:!0},{value:"tanstack-start",label:"Tanstack Start",secondary:!0},{value:"bun-react",label:"Bun + React",secondary:!0},{value:"solidjs-vite",label:"Vite: SolidJS",secondary:!0},{value:"sveltekit",label:"SvelteKit",secondary:!0},{value:"vercel-ai-sdk",label:"Vercel AI SDK App Builder + SSR",secondary:!0},{value:"ai-chat",label:"Vercel AI SDK Chat App",secondary:!0}],defaultValue:"next-js-app-dir",modifyOutput:f.modifiers.piped([f.ciaModifier()])})))},ruleFiles:async({results:o})=>{if(o.prompt)return"claude";let i=Z(r);return i||v(new f.Select({promptText:"Which AI tool would you like to add rule files for?",options:[{value:"claude",label:"Claude"},{value:"cursor",label:"Cursor"},{value:"codex",label:"Codex"},{value:"gemini",label:"Gemini"},{value:"zed",label:"Zed"},{value:"windsurf",label:"Windsurf"},{value:null,label:"None"}],defaultValue:"claude",modifyOutput:f.ciaModifier()}))},createRepo:async()=>r.git!==void 0?r.git:!0},{onCancel(){process.exit(1)}}),app:r.app??null,token:r.token??null,yes:!1}};import ve from"path";import Ae from"fs-extra";import{log as Ne,outro as _t}from"@clack/prompts";import{intro as Me}from"@clack/prompts";import ee from"chalk";var $e=`            _           _               _
+import{Command as Fe,Option as l}from"commander";import*as U from"@clack/prompts";import{spawn as Ce}from"child_process";import{execa as Oe}from"execa";async function $(){return new Promise(e=>{let t=process.env.SHELL||"/bin/bash",n=Ce(t,["-i","-c","which claude"],{stdio:["ignore","pipe","ignore"]}),r="";n.stdout.on("data",a=>{r+=a.toString()}),n.on("close",a=>{if(a===0){let o=r.trim();o.includes("aliased to ")?e(o.split("aliased to ")[1]||null):e(o)}else e(null)})})}var K=async(e,t)=>{let n=await $();if(!n)throw new Error("Claude not found in path");await Oe(n,[e],{stdio:"inherit",cwd:t})};import{version as Re}from"@instantdb/version";import H from"path";var Y=e=>(e.length>1&&e.endsWith("/")&&(e=e.slice(0,-1)),e),je=/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/,q=e=>{let n=Y(e).split("/"),r=n[n.length-1];if(r==="."){let i=H.resolve(process.cwd());r=H.basename(i)}let a=n.findIndex(i=>i.startsWith("@"));n.findIndex(i=>i.startsWith("@"))!==-1&&(r=n.slice(a).join("/"));let o=n.filter(i=>!i.startsWith("@")).join("/");return[r,o]},E=e=>e.trim(),D=e=>{let t=Y(e),n=t.split("/"),r=n.findIndex(o=>o.startsWith("@")),a=n[n.length-1];if(n.findIndex(o=>o.startsWith("@"))!==-1&&(a=n.slice(r).join("/")),!(t==="."||je.test(a??"")))return"App name must consist of only lowercase alphanumeric characters, '-', and '_'"};import{renderUnwrap as P,UI as f}from"instant-cli/ui";var C={base:"next-js-app-dir",appName:"Awesome Todos",ruleFiles:null,createRepo:!0,prompt:null,app:null,token:null,yes:!1},X=e=>e.base||e.viteReact&&"vite-react"||e.vanilla&&"vite-vanilla"||e.next&&"next-js-app-dir"||e.expo&&"expo"||e.sv&&"sveltekit"||null,Z=e=>e.cursor&&"cursor"||e.claude&&"claude"||e.codex&&"codex"||e.gemini&&"gemini"||e.rules&&"codex"||null,Q=async()=>{let e=C,t=new Fe().name("Create Instant App").description("A CLI for creating web/mobile applications with InstantDB").argument("[dir]","The name of the application, as well as the name of the directory to create").addOption(new l("-b --base <template>","The base template to scaffold from").choices(["next-js-app-dir","vite-react","vite-vanilla","expo","bun-react","tanstack-start","tanstack-start-with-tanstack-query","solidjs-vite","sveltekit","vercel-ai-sdk","ai-chat"])).addOption(new l("-g --git","Create a git repo in the new project").default(!0)).addOption(new l("--expo","Use the Expo starter template").default(!1)).addOption(new l("--next","Use the NextJS starter template").default(!1)).addOption(new l("--vanilla","Use the vanilla JS starter template").default(!1)).addOption(new l("--vite-react","Use the Vite + React starter template").default(!1)).addOption(new l("--sv","Use the SvelteKit starter template").default(!1)).addOption(new l("--no-git","Don't create a git repo in the new project")).addOption(new l("--cursor","Include a Cursor rules file in the scaffold")).addOption(new l("--claude","Include a CLAUDE.md file in the scaffold")).addOption(new l("--codex","Include an AGENTS.md file in the scaffold")).addOption(new l("--gemini","Include a GEMINI.md file in the scaffold")).addOption(new l("--rules","Include an AGENTS.md file in the scaffold")).addOption(new l("--ai","Create a new InstantDB app based off of a prompt. (requires Claude Code)")).addOption(new l("-a --app <app-id>","Link to an existing InstantDB app by ID (requires login or --token)")).addOption(new l("-t --token <token>","Auth token override (use with --app when not logged in)")).addOption(new l("-y --yes","Use all defaults (requires project name as first argument)").default(!1)).version(Re).parse(process.argv),n=t.args[0]&&E(t.args[0]);if(n){let o=D(n);if(o)throw new Error("Invalid app name: "+o);e.appName=n}let r=t.opts();if(r.yes){if(r.ai)throw new Error("--yes is not supported with --ai");if(!n)throw new Error(`When using --yes, you must specify a project name as the first argument.
+Usage: npx create-instant-app my-app --yes`);return{...C,appName:n,base:X(r)??C.base,ruleFiles:Z(r)??"claude",createRepo:r.git??C.createRepo,app:r.app??null,token:r.token??null,yes:!0}}if(r.ai&&!await $())throw new Error("--ai only works with Claude Code, but we couldn't find it in your machine. Install it first, and run it again : ). Alternatively you can scaffold out a project without --ai");return{...await U.group({appName:async()=>{if(n)return n.trim();let o=await P(new f.TextInput({prompt:"What will your project/folder be called?",placeholder:"awesome-todos",defaultValue:"awesome-todos",validate:s=>D(E(s)),modifyOutput:f.ciaModifier()}));return E(o)},prompt:async()=>r.ai?await P(new f.TextInput({prompt:"What would you like to create?",placeholder:"Create an app that...",modifyOutput:f.modifiers.piped([f.ciaModifier()])})):null,base:async({results:o})=>{let i=X(r);return i||(o.prompt?P(new f.Select({promptText:"What framework would you like to use?",options:[{value:"next-js-app-dir",label:"Web: Next.js"},{value:"vite-react",label:"Web: Vite React"},{value:"expo",label:"Mobile: Expo"}],defaultValue:"next-js-app-dir",modifyOutput:f.modifiers.piped([f.ciaModifier()])})):P(new f.Select({promptText:"What framework would you like to use?",options:[{value:"next-js-app-dir",label:"Web: Next.js"},{value:"expo",label:"Mobile: Expo"},{value:"vite-react",label:"Vite: React",secondary:!0},{value:"vite-vanilla",label:"Vite: Vanilla TS",secondary:!0},{value:"tanstack-start",label:"Tanstack Start",secondary:!0},{value:"bun-react",label:"Bun + React",secondary:!0},{value:"solidjs-vite",label:"Vite: SolidJS",secondary:!0},{value:"sveltekit",label:"SvelteKit",secondary:!0},{value:"vercel-ai-sdk",label:"Vercel AI SDK App Builder + SSR",secondary:!0},{value:"ai-chat",label:"Vercel AI SDK Chat App",secondary:!0}],defaultValue:"next-js-app-dir",modifyOutput:f.modifiers.piped([f.ciaModifier()])})))},ruleFiles:async({results:o})=>{if(o.prompt)return"claude";let i=Z(r);return i||P(new f.Select({promptText:"Which AI tool would you like to add rule files for?",options:[{value:"claude",label:"Claude"},{value:"cursor",label:"Cursor"},{value:"codex",label:"Codex"},{value:"gemini",label:"Gemini"},{value:"zed",label:"Zed"},{value:"windsurf",label:"Windsurf"},{value:null,label:"None"}],defaultValue:"claude",modifyOutput:f.ciaModifier()}))},createRepo:async()=>r.git!==void 0?r.git:!0},{onCancel(){process.exit(1)}}),app:r.app??null,token:r.token??null,yes:!1}};import Pe from"path";import Ae from"fs-extra";import{log as Ne,outro as xt}from"@clack/prompts";import{intro as Me}from"@clack/prompts";import ee from"chalk";var $e=`            _           _               _
  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588  (_)         | |             | |
  \u2588   \u2588\u2588\u2588\u2588   _ _ __  ___| |_ __ _ _ _  _| |_
  \u2588   \u2588\u2588\u2588\u2588  | | '_ \\/ __| __/ _\\\`| '_ \\| __|
@@ -8,27 +8,27 @@ Usage: npx create-instant-app my-app --yes`);return{...C,appName:n,base:X(r)??C.
  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588  |_|_| |_|___/\\__\\__,_|_| |_|\\__|`,te=()=>{Me(`
 `+$e.split(`
 `).map(e=>`${ee.gray("\u2502")}${ee.hex("#EA580D").bold(" "+e)}`).join(`
-`))};import d from"path";import Ge from"tiged";import c from"fs-extra";import ne from"path";import{fileURLToPath as De}from"url";var Be=De(import.meta.url),Ue=ne.dirname(Be),w=ne.join(Ue,"../");import _ from"chalk";var k=e=>{if(e==="bun-react")return"bun";let t=process.env.npm_config_user_agent;return t?t.startsWith("yarn")?"yarn":t.startsWith("pnpm")?"pnpm":t.startsWith("bun")?"bun":"npm":"npm"};import{renderUnwrap as re,UI as y}from"instant-cli/ui";import Le from"slugify";import Ve from"ignore";var oe=async(e,t)=>{let n=d.resolve(process.cwd(),t);if(c.existsSync(n))if(c.readdirSync(n).length===0)y.log(`${_.cyan.bold(e.appName)} exists but is empty, continuing...`,y.ciaModifier(null));else{let o=await re(new y.Select({promptText:_.redBright(`${_.bold("Warning:")} ${_.bold(e.appName)} already exists and isn't empty. How would you like to proceed?`),options:[{label:"Abort installation",value:"abort"},{label:"Clear the directory and continue installation",value:"clear"}],defaultValue:"abort",modifyOutput:y.ciaModifier()}));o==="abort"&&(y.log("Aborting installation..."),process.exit(1)),o==="clear"&&c.emptyDirSync(n)}let r=Je({projectDir:n,baseTemplateName:e.base}),a=e.appName==="."?"App":_.hex("#EA570B").bold(e.appName);if(await re(new y.Spinner({promise:r,workingText:"Scaffolding project files...",doneText:`Successfully scaffolded ${a}!`,errorText:"Error scaffolding project files",modifyOutput:y.ciaModifier(null)})),c.pathExistsSync(d.join(n,"pnpm-lock.yaml"))&&c.removeSync(d.join(n,"pnpm-lock.yaml")),c.pathExistsSync(d.join(n,"bun.lock"))&&c.removeSync(d.join(n,"bun.lock")),k(e.base)==="pnpm"&&e.base==="expo"&&await c.appendFile(d.join(n,".npmrc"),`node-linker=hoisted
-enable-pre-post-scripts=true`),e.base==="expo"){let o=Le.default(t);U(d.join(n,"app.json"),'"name": "expo-template"',`"name": "${t}"`),U(d.join(n,"app.json"),'"slug": "expo-template"',`"slug": "${o}"`),U(d.join(n,"app/_layout.tsx"),'"My Instant App"',`"${t}"`)}return n},U=(e,t,n)=>{let a=c.readFileSync(e,"utf8").replaceAll(t,n);c.writeFileSync(e,a)},We=async({projectDir:e,baseTemplateName:t})=>{let n=`instantdb/instant/examples/${t}`;await Ge(n,{mode:"tar",disableCache:!0}).clone(e)};async function ze(e,t){let n=Ve();n.add(".git");try{let r=d.join(e,".gitignore"),a=await c.readFile(r,"utf8");n.add(a)}catch{}await c.copy(e,t,{filter:r=>{let a=d.relative(e,r);return a===""?!0:!n.ignores(a)}})}var Je=async({projectDir:e,baseTemplateName:t})=>{let n=d.join(w,`template/base/${t}`),r=!!process.env.INSTANT_CLI_DEV&&!!process.env.INSTANT_REPO_FOLDER,a=c.pathExistsSync(n),o=r?"dev":a?"bundled-template":"tiged";if(o==="bundled-template"){c.copySync(n,e);let i=d.join(e,"_gitignore"),s=d.join(e,".gitignore");c.pathExistsSync(i)&&c.renameSync(i,s);return}if(o==="dev"){let i=process.env.INSTANT_REPO_FOLDER;if(!i)throw new Error("INSTANT_REPO_FOLDER is required when using repo-examples scaffolding.");let s=d.join(i,"examples",t);await ze(s,e);return}process.env.INSTANT_CLI_DEV&&!process.env.INSTANT_REPO_FOLDER&&y.log(_.bold.yellowBright(`WARNING: INSTANT_CLI_DEV is TRUE but no INSTANT_REPO_FOLDER is set. 
-Using git to clone from main...`),y.ciaModifier(null)),await We({projectDir:e,baseTemplateName:t})};import{execa as Ke}from"execa";import{renderUnwrap as He,UI as O}from"instant-cli/ui";var ae=async(e,t)=>{let n=Ke(e,["install"],{cwd:t}),r=await He(new O.Spinner({promise:n,workingText:`Installing dependencies with ${e}...`,doneText:"Successfully installed dependencies!",modifyOutput:O.ciaModifier(null)}));r.exitCode!==0&&(O.log(r.stderr,O.ciaModifier(null)),process.exit(1))};import It from"chalk";import T from"fs-extra";import u from"path";var ie=({projectDir:e,ruleFilesToAdd:t})=>{if(t!==null)switch(t){case"cursor":T.ensureDirSync(u.join(e,".cursor/rules")),T.copyFileSync(u.join(w,"template/rules/cursor-rules.md"),u.join(e,".cursor/rules/instant.mdc"));break;case"claude":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"CLAUDE.md"));break;case"codex":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"AGENTS.md"));break;case"gemini":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"GEMINI.md"));break;case"zed":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"AGENTS.md"));break;case"windsurf":T.ensureDirSync(u.join(e,".windsurf/rules")),T.copyFileSync(u.join(w,"template/rules/windsurf-rules.md"),u.join(e,".windsurf/rules/instant.md"));break}};import{execSync as L}from"child_process";import G from"path";import*as pe from"@clack/prompts";import j from"chalk";import{execa as S}from"execa";import le from"fs-extra";import{renderUnwrap as se,UI as I}from"instant-cli/ui";var Ye=e=>{try{return L("git --version",{cwd:e}),!0}catch{return!1}},qe=e=>le.existsSync(G.join(e,".git")),Xe=async e=>{try{return await S("git",["rev-parse","--is-inside-work-tree"],{cwd:e,stdout:"ignore"}),!0}catch{return!1}},Ze=()=>{let t=L("git --version").toString().trim().split(" ")[2],n=t?.split(".")[0],r=t?.split(".")[1];return{major:Number(n),minor:Number(r)}},Qe=()=>L("git config --global init.defaultBranch || echo main").toString().trim(),ce=async e=>{if(!Ye(e)){pe.log.warn("Git is not installed. Skipping Git initialization.");return}let t=qe(e),n=await Xe(e),r=G.parse(e).name;if(n&&t){if(!await se(new I.Confirmation({promptText:`${j.redBright.bold("Warning:")} Git is already initialized in "${r}". Initializing a new git repository would delete the previous history. Would you like to continue anyways?`,defaultValue:!1,modifyOutput:I.ciaModifier()})))return;le.removeSync(G.join(e,".git"))}else if(n&&!t&&!await se(new I.Confirmation({promptText:`${j.redBright.bold("Warning:")} "${r}" is already in a git worktree. 
+`))};import d from"path";import Ge from"tiged";import c from"fs-extra";import ne from"path";import{fileURLToPath as De}from"url";var Ue=De(import.meta.url),Be=ne.dirname(Ue),w=ne.join(Be,"../");import x from"chalk";var k=e=>{if(e==="bun-react")return"bun";let t=process.env.npm_config_user_agent;return t?t.startsWith("yarn")?"yarn":t.startsWith("pnpm")?"pnpm":t.startsWith("bun")?"bun":"npm":"npm"};import{renderUnwrap as re,UI as y}from"instant-cli/ui";import Ve from"slugify";import Le from"ignore";var oe=async(e,t)=>{let n=d.resolve(process.cwd(),t);if(c.existsSync(n))if(c.readdirSync(n).length===0)y.log(`${x.cyan.bold(e.appName)} exists but is empty, continuing...`,y.ciaModifier(null));else{let o=await re(new y.Select({promptText:x.redBright(`${x.bold("Warning:")} ${x.bold(e.appName)} already exists and isn't empty. How would you like to proceed?`),options:[{label:"Abort installation",value:"abort"},{label:"Clear the directory and continue installation",value:"clear"}],defaultValue:"abort",modifyOutput:y.ciaModifier()}));o==="abort"&&(y.log("Aborting installation..."),process.exit(1)),o==="clear"&&c.emptyDirSync(n)}let r=Je({projectDir:n,baseTemplateName:e.base}),a=e.appName==="."?"App":x.hex("#EA570B").bold(e.appName);if(await re(new y.Spinner({promise:r,workingText:"Scaffolding project files...",doneText:`Successfully scaffolded ${a}!`,errorText:"Error scaffolding project files",modifyOutput:y.ciaModifier(null)})),c.pathExistsSync(d.join(n,"pnpm-lock.yaml"))&&c.removeSync(d.join(n,"pnpm-lock.yaml")),c.pathExistsSync(d.join(n,"bun.lock"))&&c.removeSync(d.join(n,"bun.lock")),k(e.base)==="pnpm"&&e.base==="expo"&&await c.appendFile(d.join(n,".npmrc"),`node-linker=hoisted
+enable-pre-post-scripts=true`),e.base==="expo"){let o=Ve.default(t);B(d.join(n,"app.json"),'"name": "expo-template"',`"name": "${t}"`),B(d.join(n,"app.json"),'"slug": "expo-template"',`"slug": "${o}"`),B(d.join(n,"app/_layout.tsx"),'"My Instant App"',`"${t}"`)}return n},B=(e,t,n)=>{let a=c.readFileSync(e,"utf8").replaceAll(t,n);c.writeFileSync(e,a)},We=async({projectDir:e,baseTemplateName:t})=>{let n=`instantdb/instant/examples/${t}`;await Ge(n,{mode:"tar",disableCache:!0}).clone(e)};async function ze(e,t){let n=Le();n.add(".git");try{let r=d.join(e,".gitignore"),a=await c.readFile(r,"utf8");n.add(a)}catch{}await c.copy(e,t,{filter:r=>{let a=d.relative(e,r);return a===""?!0:!n.ignores(a)}})}var Je=async({projectDir:e,baseTemplateName:t})=>{let n=d.join(w,`template/base/${t}`),r=!!process.env.INSTANT_CLI_DEV&&!!process.env.INSTANT_REPO_FOLDER,a=c.pathExistsSync(n),o=r?"dev":a?"bundled-template":"tiged";if(o==="bundled-template"){c.copySync(n,e);let i=d.join(e,"_gitignore"),s=d.join(e,".gitignore");c.pathExistsSync(i)&&c.renameSync(i,s);return}if(o==="dev"){let i=process.env.INSTANT_REPO_FOLDER;if(!i)throw new Error("INSTANT_REPO_FOLDER is required when using repo-examples scaffolding.");let s=d.join(i,"examples",t);await ze(s,e);return}process.env.INSTANT_CLI_DEV&&!process.env.INSTANT_REPO_FOLDER&&y.log(x.bold.yellowBright(`WARNING: INSTANT_CLI_DEV is TRUE but no INSTANT_REPO_FOLDER is set. 
+Using git to clone from main...`),y.ciaModifier(null)),await We({projectDir:e,baseTemplateName:t})};import{execa as Ke}from"execa";import{renderUnwrap as He,UI as O}from"instant-cli/ui";var ae=async(e,t)=>{let n=Ke(e,["install"],{cwd:t}),r=await He(new O.Spinner({promise:n,workingText:`Installing dependencies with ${e}...`,doneText:"Successfully installed dependencies!",modifyOutput:O.ciaModifier(null)}));r.exitCode!==0&&(O.log(r.stderr,O.ciaModifier(null)),process.exit(1))};import It from"chalk";import T from"fs-extra";import u from"path";var ie=({projectDir:e,ruleFilesToAdd:t})=>{if(t!==null)switch(t){case"cursor":T.ensureDirSync(u.join(e,".cursor/rules")),T.copyFileSync(u.join(w,"template/rules/cursor-rules.md"),u.join(e,".cursor/rules/instant.mdc"));break;case"claude":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"CLAUDE.md"));break;case"codex":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"AGENTS.md"));break;case"gemini":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"GEMINI.md"));break;case"zed":T.copyFileSync(u.join(w,"template/rules/AGENTS.md"),u.join(e,"AGENTS.md"));break;case"windsurf":T.ensureDirSync(u.join(e,".windsurf/rules")),T.copyFileSync(u.join(w,"template/rules/windsurf-rules.md"),u.join(e,".windsurf/rules/instant.md"));break}};import{execSync as V}from"child_process";import G from"path";import*as pe from"@clack/prompts";import j from"chalk";import{execa as v}from"execa";import le from"fs-extra";import{renderUnwrap as se,UI as I}from"instant-cli/ui";var Ye=e=>{try{return V("git --version",{cwd:e}),!0}catch{return!1}},qe=e=>le.existsSync(G.join(e,".git")),Xe=async e=>{try{return await v("git",["rev-parse","--is-inside-work-tree"],{cwd:e,stdout:"ignore"}),!0}catch{return!1}},Ze=()=>{let t=V("git --version").toString().trim().split(" ")[2],n=t?.split(".")[0],r=t?.split(".")[1];return{major:Number(n),minor:Number(r)}},Qe=()=>V("git config --global init.defaultBranch || echo main").toString().trim(),ce=async e=>{if(!Ye(e)){pe.log.warn("Git is not installed. Skipping Git initialization.");return}let t=qe(e),n=await Xe(e),r=G.parse(e).name;if(n&&t){if(!await se(new I.Confirmation({promptText:`${j.redBright.bold("Warning:")} Git is already initialized in "${r}". Initializing a new git repository would delete the previous history. Would you like to continue anyways?`,defaultValue:!1,modifyOutput:I.ciaModifier()})))return;le.removeSync(G.join(e,".git"))}else if(n&&!t&&!await se(new I.Confirmation({promptText:`${j.redBright.bold("Warning:")} "${r}" is already in a git worktree. 
 Would you still like to initialize a new git repository in this directory?
-`,defaultValue:!1,modifyOutput:I.ciaModifier()})))return;try{let a=Qe(),{major:o,minor:i}=Ze();o<2||o==2&&i<28?(await S("git",["init"],{cwd:e}),await S("git",["symbolic-ref","HEAD",`refs/heads/${a}`],{cwd:e})):await S("git",["init",`--initial-branch=${a}`],{cwd:e}),await S("git",["add","."],{cwd:e}),await S("git",["commit","-m","Initial commit (create-instant-app)"],{cwd:e}),I.log(j.dim(`${j.green("\u2713")} Git repository initialized successfully.`),I.ciaModifier(null))}catch{}};import tt from"env-paths";import{mkdir as nt,readFile as rt,writeFile as ot}from"node:fs/promises";import at from"open";import{join as it}from"node:path";import{randomUUID as me}from"node:crypto";import{version as et}from"@instantdb/version";var de=!!process.env.INSTANT_CLI_DEV,ue=de?"http://localhost:3000":"https://instantdb.com",V=process.env.INSTANT_CLI_API_URI||(de?"http://localhost:8888":"https://api.instantdb.com");async function b({path:e,body:t,method:n="GET",authToken:r,metadata:a}){let i={"Content-Type":"application/json","X-Instant-Source":"create-instant-app","X-Instant-Version":et,"X-Instant-Command":"create"};r&&(i.Authorization=`Bearer ${r}`),a&&(i["X-Instant-Metadata"]=JSON.stringify(a));let s=await fetch(`${V}${e}`,{method:n??"GET",headers:i,body:t?JSON.stringify(t):void 0,signal:AbortSignal.timeout(3e5)}),p;try{p=await s.json()}catch{p=null}if(!s.ok){let g=p.message||p.hint?.errors?.[0]?.message||"There was an error";throw new Error(g)}return p}import{renderUnwrap as R,UI as m}from"instant-cli/ui";function F(e){return e.replace(/[-_]/g," ").replace(/\b\w/g,t=>t.toUpperCase())}var st=!!process.env.INSTANT_CLI_DEV,pt=!!process.env.INSTANT_CLI_FORCE_EPHEMERAL;function ge(){let e=`instantdb-${st?"dev":"prod"}`,{config:t}=tt(e);return{authConfigFilePath:it(t,"a"),appConfigDirPath:t}}var fe=async(e,t,n,r)=>{let a=me(),o=me(),i={id:a,title:e,admin_token:o,org_id:n};return r?.rules&&(i.rules=r.rules),r?.schema&&(i.schema=r.schema),await b({method:"POST",authToken:t,path:"/dash/apps",body:i,metadata:r}),{appID:a,adminToken:o,source:"created"}},W=(e,t,n)=>{b({method:"POST",path:`/dash/apps/${e}/track-import`,authToken:t,metadata:n}).catch(()=>{})},he=async e=>await b({method:"GET",path:"/dash",authToken:e}),we=async(e,t)=>await b({method:"GET",path:`/dash/orgs/${t}`,authToken:e});var lt=async(e,t)=>{try{let n=await he(e),r=n.apps.find(a=>a.id===t);if(r)return{appId:r.id,adminToken:r.admin_token};for(let a of n.orgs){let{apps:o}=await we(e,a.id),i=o.find(s=>s.id===t);if(i)return{appId:i.id,adminToken:i.admin_token}}return null}catch{return null}},ct=async(e,t)=>{try{return await b({method:"GET",path:`/dash/apps/${e}/schema/pull`,authToken:t}),!0}catch{return!1}},dt=async()=>pt?null:process.env.INSTANT_CLI_AUTH_TOKEN?process.env.INSTANT_CLI_AUTH_TOKEN:await rt(ge().authConfigFilePath,"utf-8").catch(()=>null),z=async(e,t)=>{let n=await b({authToken:null,method:"POST",path:"/dash/apps/ephemeral",body:{title:e,rules:{$users:{view:"true"},$files:{allow:{view:"true",create:"true",delete:"true"}}}},metadata:t});return{appId:n.app.id,adminToken:n.app["admin-token"]}},ye=async(e,t,n)=>{let r=await dt();if(t?.yes&&!t?.app)if(r){let{appID:s,adminToken:p}=await fe(F(e),r,void 0,n);return{appId:s,adminToken:p,approach:"create"}}else{let{appId:s,adminToken:p}=await z(F(e),n);return{appId:s,adminToken:p,approach:"ephemeral"}}if(t?.app){if(t.token){if(!await ct(t.app,t.token))throw new Error("Invalid app ID and token combination. Please verify both the app ID and token are correct.");return m.log(`Linking to app: ${t.app}`,m.ciaModifier(null)),W(t.app,t.token,n),{appId:t.app,adminToken:t.token,approach:"import"}}if(r){let s=await lt(r,t.app);if(!s)throw new Error(`You don't have access to app "${t.app}". Please check the app ID or use --token to provide a token.`);return m.log(`Linking to app: ${t.app}`,m.ciaModifier(null)),W(s.appId,r,n),{appId:s.appId,adminToken:s.adminToken,approach:"import"}}throw new Error(`You must be logged in or provide --token when using --app. Either run 'npx instant-cli login' first, or use: --app ${t.app} --token <token>`)}if(!r){let s=await R(new m.Select({promptText:"You are not logged in.",options:[{label:"Login to your Instant account",value:"login"},{label:"Create a temporary app",value:"ephemeral"},{label:"Create an app later",value:"skip"}],modifyOutput:m.ciaModifier()}));if(s==="login"){let p=await b({authToken:null,method:"POST",path:"/dash/cli/auth/register"}).catch(Ee=>{throw new Error("Failed to register",{cause:Ee})}),{secret:g,ticket:h}=p;at(`${ue}/dash?ticket=${h}`);let M=mt({secret:g}),J=await R(new m.Spinner({promise:M,workingText:"Waiting for login in browser",disappearWhenDone:!0,modifyOutput:m.ciaModifier(null)}));await ft(J.token),r=J.token}if(s==="skip")return m.log("Skipping app link step",m.ciaModifier(null)),null;if(s==="ephemeral"){let p=await R(new m.TextInput({defaultValue:"my-cool-app",prompt:"Enter a name for your temporary app:",placeholder:"my-cool-app",modifyOutput:m.ciaModifier()}));return{...await z(p,n),approach:"ephemeral"}}}if(!r)return null;let a=await he(r).catch(s=>{throw new Error("Failed to fetch dashboard",{cause:s})}),o=a.orgs.filter(s=>s.role!=="app-member");a.orgs=o;let i=await R(new m.AppSelector({startingMenuIndex:0,defaultAppName:F(e),allowCreate:!0,allowEphemeral:!0,api:{getDash(){return a},createEphemeralApp(s){return z(s,n)},getAppsForOrg:async s=>{let{apps:p}=await we(r,s);return{apps:p}},createApp:async(s,p)=>{let{appID:g,adminToken:h}=await fe(s,r,p,n);return{appId:g,adminToken:h}}},modifyOutput:m.ciaModifier()}));return i?.approach==="import"&&W(i.appId,r,n),i};function ut(e){return new Promise(t=>setTimeout(t,e))}async function mt({secret:e}){for(let t=1;t<=120;t++){await ut(1e3);let n=await fetch(`${V}/dash/cli/auth/check`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({secret:e})});if(!(!n.ok&&(await n.json()).hint.errors?.[0]?.issue==="waiting-for-user")&&n.ok)return n.json()}throw new Error("Timed out waiting for login")}async function ft(e){let t=ge();return await nt(t.appConfigDirPath,{recursive:!0}),ot(t.authConfigFilePath,e,"utf-8")}import gt from"fs-extra";import ht from"path";var wt={"next-js-app-dir":"NEXT_PUBLIC_INSTANT_APP_ID","vite-vanilla":"VITE_INSTANT_APP_ID",expo:"EXPO_PUBLIC_INSTANT_APP_ID","tanstack-start":"VITE_INSTANT_APP_ID","bun-react":"BUN_PUBLIC_INSTANT_APP_ID","solidjs-vite":"VITE_INSTANT_APP_ID",sveltekit:"VITE_INSTANT_APP_ID","tanstack-start-with-tanstack-query":"VITE_INSTANT_APP_ID","vercel-ai-sdk":"NEXT_PUBLIC_INSTANT_APP_ID","ai-chat":"NEXT_PUBLIC_INSTANT_APP_ID"},Te=(e,t,n,r)=>{let a=ht.join(t,".env"),i=`${wt[e.base]}=${n}
-INSTANT_APP_ADMIN_TOKEN=${r}`;gt.writeFileSync(a,i)};import{stdin as x,stdout as be}from"process";import{setRawModeWindowsFriendly as ke}from"instant-cli/ui";async function yt(){return new Promise(e=>{if(!be.isTTY||!x.isTTY){e(null);return}let t=x.isRaw;t||ke(x,!0);let n=setTimeout(()=>{a(),e(null)},100),r="",a=()=>{clearTimeout(n),x.removeListener("data",o),!t&&x.isTTY&&ke(x,!1)},o=i=>{let s=i.toString();r+=s;let p=r.match(/\x1b\]11;rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)(?:\x1b\\|\x07)/);if(p){a();let[,g,h,M]=p;e(`rgb:${g}/${h}/${M}`)}};x.on("data",o),be.write("\x1B]11;?\x1B\\")})}function Tt(e){let t=e.match(/rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)/);if(!t)return null;let[,n,r,a]=t,o=Math.round(parseInt(n,16)/257),i=Math.round(parseInt(r,16)/257),s=Math.round(parseInt(a,16)/257);return{r:o,g:i,b:s}}function bt(e){return(.299*e.r+.587*e.g+.114*e.b)/255>.5}async function xe(){try{let e=await yt();if(!e)return"unknown";let t=Tt(e);return t?bt(t)?"light":"dark":"unknown"}catch(e){return console.error("Error detecting terminal theme:",e),"unknown"}}import A from"chalk";var P=(e,t)=>e==="light"?A.bgYellowBright(t):A.bgBlackBright(t),_e=(e,t=console.log,n=!1)=>{let r=(process.stdout.columns||80)-4,a=e.split(`
-`),o=!0;a.forEach(i=>{if(i.length===0){o?(t(""),o=!1):console.log(A.gray("\u2502"));return}for(let s=0;s<i.length;s+=r){let p=i.slice(s,s+r);s+r<i.length&&p.length===r&&(p=p+"-"),o?(t(p),o=!1):console.log(A.gray("\u2502 ")+p)}}),n&&console.log(A.gray("\u2502"))};var N="\x1B[?25h";import{execa as St}from"execa";import Ie from"fs-extra";import{permsTypescriptFileToCode as kt,schemaTypescriptFileToInstantSchema as xt}from"@instantdb/platform";function Se(e){for(let t of["src/instant.perms.ts","instant.perms.ts"])try{let n=Ie.readFileSync(`${e}/${t}`,"utf8");return{code:kt(n,t)}}catch{}return null}function Pe(e){for(let t of["src/instant.schema.ts","instant.schema.ts"])try{let n=Ie.readFileSync(`${e}/${t}`,"utf8");return xt(n,t)}catch{}return null}var Pt=async()=>{process.argv.some(h=>["-h","--help","--version","-V"].includes(h))||te();let e=await xe(),t=await Q(),[n,r]=q(t.appName),a=k(t.base),o=await oe(t,r);ie({projectDir:o,ruleFilesToAdd:t.ruleFiles});let i={template:t.base,aiTool:t.ruleFiles??"none",usedAiPrompt:!!t.prompt,rules:Se(o),schema:Pe(o)},s=await ye(r==="."?n:r,t,i);s&&Te(t,o,s.appId,s.adminToken);let p=Ae.readJSONSync(ve.join(o,"package.json"));if(p.name=n,a!=="bun"){let{stdout:h}=await St(a,["-v"],{cwd:o});p.packageManager=`${a}@${h.trim()}`}Ae.writeJSONSync(ve.join(o,"package.json"),p,{spaces:2}),await ae(k(t.base),o),t.createRepo&&await ce(o),t.prompt&&(await K(t.prompt,o),process.stdout.write(N)),_t("Done!");let g=t.base==="expo"?"start":"dev";s?(console.log(`
+`,defaultValue:!1,modifyOutput:I.ciaModifier()})))return;try{let a=Qe(),{major:o,minor:i}=Ze();o<2||o==2&&i<28?(await v("git",["init"],{cwd:e}),await v("git",["symbolic-ref","HEAD",`refs/heads/${a}`],{cwd:e})):await v("git",["init",`--initial-branch=${a}`],{cwd:e}),await v("git",["add","."],{cwd:e}),await v("git",["commit","-m","Initial commit (create-instant-app)"],{cwd:e}),I.log(j.dim(`${j.green("\u2713")} Git repository initialized successfully.`),I.ciaModifier(null))}catch{}};import tt from"env-paths";import{mkdir as nt,readFile as rt,writeFile as ot}from"node:fs/promises";import at from"open";import{join as it}from"node:path";import{randomUUID as me}from"node:crypto";import{version as et}from"@instantdb/version";var de=!!process.env.INSTANT_CLI_DEV,ue=de?"http://localhost:3000":"https://instantdb.com",L=process.env.INSTANT_CLI_API_URI||(de?"http://localhost:8888":"https://api.instantdb.com");async function b({path:e,body:t,method:n="GET",authToken:r,metadata:a}){let i={"Content-Type":"application/json","X-Instant-Source":"create-instant-app","X-Instant-Version":et,"X-Instant-Command":"create"};r&&(i.Authorization=`Bearer ${r}`),a&&(i["X-Instant-Metadata"]=JSON.stringify(a));let s=await fetch(`${L}${e}`,{method:n??"GET",headers:i,body:t?JSON.stringify(t):void 0,signal:AbortSignal.timeout(3e5)}),p;try{p=await s.json()}catch{p=null}if(!s.ok){let g=p.message||p.hint?.errors?.[0]?.message||"There was an error";throw new Error(g)}return p}import{renderUnwrap as R,UI as m}from"instant-cli/ui";function F(e){return e.replace(/[-_]/g," ").replace(/\b\w/g,t=>t.toUpperCase())}var st=!!process.env.INSTANT_CLI_DEV,pt=!!process.env.INSTANT_CLI_FORCE_EPHEMERAL;function ge(){let e=`instantdb-${st?"dev":"prod"}`,{config:t}=tt(e);return{authConfigFilePath:it(t,"a"),appConfigDirPath:t}}var fe=async(e,t,n,r)=>{let a=me(),o=me(),i={id:a,title:e,admin_token:o,org_id:n};return r?.rules&&(i.rules=r.rules),r?.schema&&(i.schema=r.schema),await b({method:"POST",authToken:t,path:"/dash/apps",body:i,metadata:r}),{appID:a,adminToken:o,source:"created"}},W=(e,t,n)=>{b({method:"POST",path:`/dash/apps/${e}/track-import`,authToken:t,metadata:n}).catch(()=>{})},he=async e=>await b({method:"GET",path:"/dash",authToken:e}),we=async(e,t)=>await b({method:"GET",path:`/dash/orgs/${t}`,authToken:e});var lt=async(e,t)=>{try{let n=await he(e),r=n.apps.find(a=>a.id===t);if(r)return{appId:r.id,adminToken:r.admin_token};for(let a of n.orgs){let{apps:o}=await we(e,a.id),i=o.find(s=>s.id===t);if(i)return{appId:i.id,adminToken:i.admin_token}}return null}catch{return null}},ct=async(e,t)=>{try{return await b({method:"GET",path:`/dash/apps/${e}/schema/pull`,authToken:t}),!0}catch{return!1}},dt=async()=>pt?null:process.env.INSTANT_CLI_AUTH_TOKEN?process.env.INSTANT_CLI_AUTH_TOKEN:await rt(ge().authConfigFilePath,"utf-8").catch(()=>null),z=async(e,t)=>{let n=await b({authToken:null,method:"POST",path:"/dash/apps/ephemeral",body:{title:e,rules:{$users:{view:"true"},$files:{allow:{view:"true",create:"true",delete:"true"}}}},metadata:t});return{appId:n.app.id,adminToken:n.app["admin-token"]}},ye=async(e,t,n)=>{let r=await dt();if(t?.yes&&!t?.app)if(r){let{appID:s,adminToken:p}=await fe(F(e),r,void 0,n);return{appId:s,adminToken:p,approach:"create"}}else{let{appId:s,adminToken:p}=await z(F(e),n);return{appId:s,adminToken:p,approach:"ephemeral"}}if(t?.app){if(t.token){if(!await ct(t.app,t.token))throw new Error("Invalid app ID and token combination. Please verify both the app ID and token are correct.");return m.log(`Linking to app: ${t.app}`,m.ciaModifier(null)),W(t.app,t.token,n),{appId:t.app,adminToken:t.token,approach:"import"}}if(r){let s=await lt(r,t.app);if(!s)throw new Error(`You don't have access to app "${t.app}". Please check the app ID or use --token to provide a token.`);return m.log(`Linking to app: ${t.app}`,m.ciaModifier(null)),W(s.appId,r,n),{appId:s.appId,adminToken:s.adminToken,approach:"import"}}throw new Error(`You must be logged in or provide --token when using --app. Either run 'npx instant-cli login' first, or use: --app ${t.app} --token <token>`)}if(!r){let s=await R(new m.Select({promptText:"You are not logged in.",options:[{label:"Login to your Instant account",value:"login"},{label:"Create a temporary app",value:"ephemeral"},{label:"Create an app later",value:"skip"}],modifyOutput:m.ciaModifier()}));if(s==="login"){let p=await b({authToken:null,method:"POST",path:"/dash/cli/auth/register"}).catch(Ee=>{throw new Error("Failed to register",{cause:Ee})}),{secret:g,ticket:h}=p;at(`${ue}/dash?ticket=${h}`);let M=mt({secret:g}),J=await R(new m.Spinner({promise:M,workingText:"Waiting for login in browser",disappearWhenDone:!0,modifyOutput:m.ciaModifier(null)}));await ft(J.token),r=J.token}if(s==="skip")return m.log("Skipping app link step",m.ciaModifier(null)),null;if(s==="ephemeral"){let p=await R(new m.TextInput({defaultValue:"my-cool-app",prompt:"Enter a name for your temporary app:",placeholder:"my-cool-app",modifyOutput:m.ciaModifier()}));return{...await z(p,n),approach:"ephemeral"}}}if(!r)return null;let a=await he(r).catch(s=>{throw new Error("Failed to fetch dashboard",{cause:s})}),o=a.orgs.filter(s=>s.role!=="app-member");a.orgs=o;let i=await R(new m.AppSelector({startingMenuIndex:0,defaultAppName:F(e),allowCreate:!0,allowEphemeral:!0,api:{getDash(){return a},createEphemeralApp(s){return z(s,n)},getAppsForOrg:async s=>{let{apps:p}=await we(r,s);return{apps:p}},createApp:async(s,p)=>{let{appID:g,adminToken:h}=await fe(s,r,p,n);return{appId:g,adminToken:h}}},modifyOutput:m.ciaModifier()}));return i?.approach==="import"&&W(i.appId,r,n),i};function ut(e){return new Promise(t=>setTimeout(t,e))}async function mt({secret:e}){for(let t=1;t<=120;t++){await ut(1e3);let n=await fetch(`${L}/dash/cli/auth/check`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({secret:e})});if(!(!n.ok&&(await n.json()).hint.errors?.[0]?.issue==="waiting-for-user")&&n.ok)return n.json()}throw new Error("Timed out waiting for login")}async function ft(e){let t=ge();return await nt(t.appConfigDirPath,{recursive:!0}),ot(t.authConfigFilePath,e,"utf-8")}import gt from"fs-extra";import ht from"path";var wt={"next-js-app-dir":"NEXT_PUBLIC_INSTANT_APP_ID","vite-react":"VITE_INSTANT_APP_ID","vite-vanilla":"VITE_INSTANT_APP_ID",expo:"EXPO_PUBLIC_INSTANT_APP_ID","tanstack-start":"VITE_INSTANT_APP_ID","bun-react":"BUN_PUBLIC_INSTANT_APP_ID","solidjs-vite":"VITE_INSTANT_APP_ID",sveltekit:"VITE_INSTANT_APP_ID","tanstack-start-with-tanstack-query":"VITE_INSTANT_APP_ID","vercel-ai-sdk":"NEXT_PUBLIC_INSTANT_APP_ID","ai-chat":"NEXT_PUBLIC_INSTANT_APP_ID"},Te=(e,t,n,r)=>{let a=ht.join(t,".env"),i=`${wt[e.base]}=${n}
+INSTANT_APP_ADMIN_TOKEN=${r}`;gt.writeFileSync(a,i)};import{stdin as _,stdout as be}from"process";import{setRawModeWindowsFriendly as ke}from"instant-cli/ui";async function yt(){return new Promise(e=>{if(!be.isTTY||!_.isTTY){e(null);return}let t=_.isRaw;t||ke(_,!0);let n=setTimeout(()=>{a(),e(null)},100),r="",a=()=>{clearTimeout(n),_.removeListener("data",o),!t&&_.isTTY&&ke(_,!1)},o=i=>{let s=i.toString();r+=s;let p=r.match(/\x1b\]11;rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)(?:\x1b\\|\x07)/);if(p){a();let[,g,h,M]=p;e(`rgb:${g}/${h}/${M}`)}};_.on("data",o),be.write("\x1B]11;?\x1B\\")})}function Tt(e){let t=e.match(/rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)/);if(!t)return null;let[,n,r,a]=t,o=Math.round(parseInt(n,16)/257),i=Math.round(parseInt(r,16)/257),s=Math.round(parseInt(a,16)/257);return{r:o,g:i,b:s}}function bt(e){return(.299*e.r+.587*e.g+.114*e.b)/255>.5}async function _e(){try{let e=await yt();if(!e)return"unknown";let t=Tt(e);return t?bt(t)?"light":"dark":"unknown"}catch(e){return console.error("Error detecting terminal theme:",e),"unknown"}}import A from"chalk";var S=(e,t)=>e==="light"?A.bgYellowBright(t):A.bgBlackBright(t),xe=(e,t=console.log,n=!1)=>{let r=(process.stdout.columns||80)-4,a=e.split(`
+`),o=!0;a.forEach(i=>{if(i.length===0){o?(t(""),o=!1):console.log(A.gray("\u2502"));return}for(let s=0;s<i.length;s+=r){let p=i.slice(s,s+r);s+r<i.length&&p.length===r&&(p=p+"-"),o?(t(p),o=!1):console.log(A.gray("\u2502 ")+p)}}),n&&console.log(A.gray("\u2502"))};var N="\x1B[?25h";import{execa as vt}from"execa";import Ie from"fs-extra";import{permsTypescriptFileToCode as kt,schemaTypescriptFileToInstantSchema as _t}from"@instantdb/platform";function ve(e){for(let t of["src/instant.perms.ts","instant.perms.ts"])try{let n=Ie.readFileSync(`${e}/${t}`,"utf8");return{code:kt(n,t)}}catch{}return null}function Se(e){for(let t of["src/instant.schema.ts","instant.schema.ts"])try{let n=Ie.readFileSync(`${e}/${t}`,"utf8");return _t(n,t)}catch{}return null}var St=async()=>{process.argv.some(h=>["-h","--help","--version","-V"].includes(h))||te();let e=await _e(),t=await Q(),[n,r]=q(t.appName),a=k(t.base),o=await oe(t,r);ie({projectDir:o,ruleFilesToAdd:t.ruleFiles});let i={template:t.base,aiTool:t.ruleFiles??"none",usedAiPrompt:!!t.prompt,rules:ve(o),schema:Se(o)},s=await ye(r==="."?n:r,t,i);s&&Te(t,o,s.appId,s.adminToken);let p=Ae.readJSONSync(Pe.join(o,"package.json"));if(p.name=n,a!=="bun"){let{stdout:h}=await vt(a,["-v"],{cwd:o});p.packageManager=`${a}@${h.trim()}`}Ae.writeJSONSync(Pe.join(o,"package.json"),p,{spaces:2}),await ae(k(t.base),o),t.createRepo&&await ce(o),t.prompt&&(await K(t.prompt,o),process.stdout.write(N)),xt("Done!");let g=t.base==="expo"?"start":"dev";s?(console.log(`
   \u{1F389} Success! Your project is ready to go!
 
   To get started:
-    1. ${P(e,"cd "+r)}
-    2. ${P(e,k(t.base)+" run "+g)}
+    1. ${S(e,"cd "+r)}
+    2. ${S(e,k(t.base)+" run "+g)}
   `),s.approach==="ephemeral"&&console.log(`
   An ephemeral app has been created and added to your .env file.
-  It will expire in two weeks. For a permanent app, sign in and use ${P(e,"npx instant-cli claim")}
+  It will expire in two weeks. For a permanent app, sign in and use ${S(e,"npx instant-cli claim")}
 `)):console.log(`
   \u{1F389} Success! Your project is ready to go!
 
   To get started:
-    1. ${P(e,"cd "+r)}
+    1. ${S(e,"cd "+r)}
     2. Create a new app on ${It.underline("www.instantdb.com")}
     3. Add your APP_ID to the .env file
-    4. ${P(e,k(t.base)+" run "+g)}
-  `),process.stdout.write(N),process.exit(0)};Pt().catch(e=>{Ne.error("Aborting installation..."),_e(e.message,Ne.error),process.stdout.write(N),process.exit(1)});process.on("SIGINT",()=>{process.stdout.write(N),process.exit(0)});
+    4. ${S(e,k(t.base)+" run "+g)}
+  `),process.stdout.write(N),process.exit(0)};St().catch(e=>{Ne.error("Aborting installation..."),xe(e.message,Ne.error),process.stdout.write(N),process.exit(1)});process.on("SIGINT",()=>{process.stdout.write(N),process.exit(0)});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-instant-app",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Scaffold a new web/mobile app with InstantDB",
   "homepage": "https://github.com/instantdb/instant/tree/main/client/packages/create-instant-app",
   "repository": {
@@ -35,9 +35,9 @@
     "slugify": "^1.6.6",
     "sort-package-json": "^2.10.0",
     "tiged": "^2.12.7",
-    "@instantdb/platform": "1.0.9",
-    "@instantdb/version": "1.0.9",
-    "instant-cli": "1.0.9"
+    "@instantdb/version": "1.0.10",
+    "instant-cli": "1.0.10",
+    "@instantdb/platform": "1.0.10"
   },
   "devDependencies": {
     "@anthropic-ai/sdk": "^0.60.0",

package/template/base/vite-react/README.md

@@ -0,0 +1,16 @@
+# Welcome to your InstantDB Vite + React app 👋
+
+[InstantDB Docs](https://www.instantdb.com/docs)
+
+This is a Vite + React project scaffolded with create-instant-app.
+
+To run the development server:
+`npm run dev`
+
+To push schema changes:
+`npx instant-cli push`
+
+To pull schema changes:
+`npx instant-cli pull`
+
+Got any feedback or questions? Join our [Discord](https://discord.gg/hgVf9R6SBm)

package/template/base/vite-react/_gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.env

package/template/base/vite-react/eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

package/template/base/vite-react/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Create Instant App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/template/base/vite-react/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "vite-react-template",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@instantdb/react": "latest",
+    "@instantdb/admin": "latest",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@tailwindcss/vite": "^4.0.6",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "tailwindcss": "^4.0.6",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.4"
+  },
+  "packageManager": "pnpm@10.2.0"
+}

package/template/base/vite-react/public/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>

package/template/base/vite-react/src/App.tsx

@@ -0,0 +1,167 @@
+import { db } from "./lib/db";
+import { type AppSchema } from "./instant.schema";
+import { id, type InstaQLEntity } from "@instantdb/react";
+
+type Todo = InstaQLEntity<AppSchema, "todos">;
+
+const room = db.room("todos");
+
+function App() {
+  // Read Data
+  const { isLoading, error, data } = db.useQuery({ todos: {} });
+  const { peers } = db.rooms.usePresence(room);
+  const numUsers = 1 + Object.keys(peers).length;
+  if (isLoading) {
+    return null;
+  }
+  if (error) {
+    return <div className="text-red-500 p-4">Error: {error.message}</div>;
+  }
+  const { todos } = data;
+  return (
+    <div className="font-mono min-h-screen flex justify-center items-center flex-col space-y-4">
+      <div className="text-xs text-gray-500">
+        Number of users online: {numUsers}
+      </div>
+      <h2 className="tracking-wide text-5xl text-gray-300">todos</h2>
+      <div className="border border-gray-300 max-w-xs w-full">
+        <TodoForm todos={todos} />
+        <TodoList todos={todos} />
+        <ActionBar todos={todos} />
+      </div>
+      <div className="text-xs text-center">
+        Open another tab to see todos update in realtime!
+      </div>
+    </div>
+  );
+}
+
+// Write Data
+// ---------
+function addTodo(text: string) {
+  db.transact(
+    db.tx.todos[id()].update({
+      text,
+      done: false,
+      createdAt: Date.now(),
+    }),
+  );
+}
+
+function deleteTodo(todo: Todo) {
+  db.transact(db.tx.todos[todo.id].delete());
+}
+
+function toggleDone(todo: Todo) {
+  db.transact(db.tx.todos[todo.id].update({ done: !todo.done }));
+}
+
+function deleteCompleted(todos: Todo[]) {
+  const completed = todos.filter((todo) => todo.done);
+  const txs = completed.map((todo) => db.tx.todos[todo.id].delete());
+  db.transact(txs);
+}
+
+function toggleAll(todos: Todo[]) {
+  const newVal = !todos.every((todo) => todo.done);
+  db.transact(
+    todos.map((todo) => db.tx.todos[todo.id].update({ done: newVal })),
+  );
+}
+
+// Components
+// ----------
+function ChevronDownIcon() {
+  return (
+    <svg viewBox="0 0 20 20">
+      <path
+        d="M5 8 L10 13 L15 8"
+        stroke="currentColor"
+        fill="none"
+        strokeWidth="2"
+      />
+    </svg>
+  );
+}
+
+function TodoForm({ todos }: { todos: Todo[] }) {
+  return (
+    <div className="flex items-center h-10 border-b border-gray-300">
+      <button
+        className="h-full px-2 border-r border-gray-300 flex items-center justify-center"
+        onClick={() => toggleAll(todos)}
+      >
+        <div className="w-5 h-5">
+          <ChevronDownIcon />
+        </div>
+      </button>
+      <form
+        className="flex-1 h-full"
+        onSubmit={(e) => {
+          e.preventDefault();
+          const input = e.currentTarget.input as HTMLInputElement;
+          addTodo(input.value);
+          input.value = "";
+        }}
+      >
+        <input
+          className="w-full h-full px-2 outline-none bg-transparent"
+          autoFocus
+          placeholder="What needs to be done?"
+          type="text"
+          name="input"
+        />
+      </form>
+    </div>
+  );
+}
+
+function TodoList({ todos }: { todos: Todo[] }) {
+  return (
+    <div className="divide-y divide-gray-300">
+      {todos.map((todo) => (
+        <div key={todo.id} className="flex items-center h-10">
+          <div className="h-full px-2 flex items-center justify-center">
+            <div className="w-5 h-5 flex items-center justify-center">
+              <input
+                type="checkbox"
+                className="cursor-pointer"
+                checked={todo.done}
+                onChange={() => toggleDone(todo)}
+              />
+            </div>
+          </div>
+          <div className="flex-1 px-2 overflow-hidden flex items-center">
+            {todo.done ? (
+              <span className="line-through">{todo.text}</span>
+            ) : (
+              <span>{todo.text}</span>
+            )}
+          </div>
+          <button
+            className="h-full px-2 flex items-center justify-center text-gray-300 hover:text-gray-500"
+            onClick={() => deleteTodo(todo)}
+          >
+            X
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function ActionBar({ todos }: { todos: Todo[] }) {
+  return (
+    <div className="flex justify-between items-center h-10 px-2 text-xs border-t border-gray-300">
+      <div>Remaining todos: {todos.filter((todo) => !todo.done).length}</div>
+      <button
+        className=" text-gray-300 hover:text-gray-500"
+        onClick={() => deleteCompleted(todos)}
+      >
+        Delete Completed
+      </button>
+    </div>
+  );
+}
+
+export default App;

package/template/base/vite-react/src/index.css

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

package/template/base/vite-react/src/instant.perms.ts

@@ -0,0 +1,24 @@
+// Docs: https://www.instantdb.com/docs/permissions
+
+import type { InstantRules } from "@instantdb/react";
+
+const rules = {
+  /**
+   * Welcome to Instant's permission system!
+   * Right now your rules are empty. To start filling them in, check out the docs:
+   * https://www.instantdb.com/docs/permissions
+   *
+   * Here's an example to give you a feel:
+   * posts: {
+   *   allow: {
+   *     view: "true",
+   *     create: "isOwner",
+   *     update: "isOwner",
+   *     delete: "isOwner",
+   *   },
+   *   bind: ["isOwner", "auth.id != null && auth.id == data.ownerId"],
+   * },
+   */
+} satisfies InstantRules;
+
+export default rules;

package/template/base/vite-react/src/instant.schema.ts

@@ -0,0 +1,51 @@
+// Docs: https://www.instantdb.com/docs/modeling-data
+
+import { i } from "@instantdb/react";
+
+const _schema = i.schema({
+  entities: {
+    $files: i.entity({
+      path: i.string().unique().indexed(),
+      url: i.string(),
+    }),
+    $users: i.entity({
+      email: i.string().unique().indexed().optional(),
+      imageURL: i.string().optional(),
+      type: i.string().optional(),
+    }),
+    todos: i.entity({
+      text: i.string(),
+      done: i.boolean(),
+      createdAt: i.number(),
+    }),
+  },
+  links: {
+    $usersLinkedPrimaryUser: {
+      forward: {
+        on: "$users",
+        has: "one",
+        label: "linkedPrimaryUser",
+        onDelete: "cascade",
+      },
+      reverse: {
+        on: "$users",
+        has: "many",
+        label: "linkedGuestUsers",
+      },
+    },
+  },
+  rooms: {
+    todos: {
+      presence: i.entity({}),
+    },
+  },
+});
+
+// This helps TypeScript display nicer intellisense
+type _AppSchema = typeof _schema;
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+interface AppSchema extends _AppSchema {}
+const schema: AppSchema = _schema;
+
+export type { AppSchema };
+export default schema;

package/template/base/vite-react/src/lib/db.ts

@@ -0,0 +1,8 @@
+import { init } from "@instantdb/react";
+import schema from "../instant.schema";
+
+export const db = init({
+  appId: import.meta.env.VITE_INSTANT_APP_ID,
+  schema,
+  useDateObjects: true,
+});

package/template/base/vite-react/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/template/base/vite-react/tsconfig.app.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "esnext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

package/template/base/vite-react/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/template/base/vite-react/tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "module": "esnext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/base/vite-react/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+})