create-openfort 0.1.7 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.1.8
+
+### Patch Changes
+
+- [#145](https://github.com/openfort-xyz/openfort-react/pull/145) [`fe5844b`](https://github.com/openfort-xyz/openfort-react/commit/fe5844b7fd877274d7e59634941c983679ff73ab) Thanks [@martimayoral](https://github.com/martimayoral)! - improve samples when no policy
+
+- [#145](https://github.com/openfort-xyz/openfort-react/pull/145) [`fe5844b`](https://github.com/openfort-xyz/openfort-react/commit/fe5844b7fd877274d7e59634941c983679ff73ab) Thanks [@martimayoral](https://github.com/martimayoral)! - improve wording and promps order
+
 ## 0.1.7
 
 ### Patch Changes

package/dist/index.js

@@ -3,14 +3,14 @@ import Oe from"node:path";import G from"fs-extra";import*as p from"@clack/prompt
   / _ \\| _ \\| __| \\| | __/ _ \\| _ \\_   _|
  | (_) |  _/| _||    | _| (_) |   / | |
   \\___/|_|  |___|_|\\_|_| \\___/|_|_\\ |_|
-`,b="openfort-project",L="create-openfort";var W=["openfort-ui","headless","firebase"],J=["auto","midnight","minimal","soft","web95","rounded","retro","nouns"];import Ne from"node:path";import ke from"fs-extra";var y=()=>{let e=Ne.join(_,"package.json");return ke.readJSONSync(e).version??"unknown"};var T=class extends Error{};var r={error:(...e)=>console.error(...e),warn:(...e)=>console.warn(...e),info:(...e)=>console.log(...e),success:(...e)=>console.log(...e),debug:(...e)=>console.log(...e)};import $e,{createHash as Z}from"node:crypto";import Ce from"node:https";import{hostname as Re,userInfo as Ae}from"node:os";var X="https://analytics.openfort.io",q="phc_HosujvcO5QzmU2MVvZo8AxWV0pplTZJLr3jEd8dRVPE",Le=()=>{let e=`${Re()}-${Ae().username}`;return Z("sha256").update(e).digest("hex").slice(0,16)},B=class{constructor(){this.enabled=!0;this.send=async({properties:o={},status:i})=>{if(r.debug("Sending telemetry...",{status:i,properties:o}),!this.enabled)return;if(!q||!X){r.warn("Telemetry is not configured properly. Please contact openfort developers at support@openfort.xyz.");return}let t={session_id:this.sessionId,cli_version:y(),node_version:process.version,platform:process.platform,cli_status:i,projectId:this.projectId,projectName:this.projectName,template:this.template,...o},n=JSON.stringify({api_key:q,event:"cli_tool_used",distinct_id:this.anonymousId,properties:t}),a=new URL(`${X}/capture/`),s={hostname:a.hostname,port:a.port||443,path:a.pathname,method:"POST",headers:{"Content-Type":"application/json","Content-Length":n.length}};return new Promise(c=>{let l=Ce.request(s,d=>{d.on("data",()=>{r.debug("Telemetry request response received",d.statusMessage)}),d.on("end",()=>{c()})});l.on("error",d=>{r.debug("Telemetry request error",d),c()}),l.write(n),l.end()})};this.anonymousId=Le(),this.sessionId=Z("sha256").update($e.randomBytes(16)).digest("hex").slice(0,15)}},g=new B;var x=e=>(e.length>1&&e.endsWith("/")&&(e=e.slice(0,-1)),e);var Be=/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/,Q=e=>{let o=x(e),i=o.split("/"),t=i.findIndex(a=>a.startsWith("@")),n=i[i.length-1];if(i.findIndex(a=>a.startsWith("@"))!==-1&&(n=i.slice(t).join("/")),!(o==="."||Be.test(n??"")))return"App name must consist of only lowercase alphanumeric characters, '-', and '_'"};var ee="[\\da-f]{8}-[\\da-f]{4}-[\\da-f]{4}-[\\da-f]{4}-[\\da-f]{12}",te=`(test|live)_${ee}`,Ke=new RegExp(`^sk_${te}$`),Ve=new RegExp(`^pk_${te}$`),He=new RegExp(`^${ee}$`),je=/^.{44}$/,S=({label:e,required:o=!0,regex:i,formatHint:t,customCheck:n})=>a=>{if(a!=="-"){if(o&&!a)return`${e} is required`;if(i&&a&&!i.test(a))return`${e} is invalid${t?` (${t})`:""}`;if(n)return n(a)}},ne=S({label:"Openfort Publishable Key",regex:Ve,formatHint:"expected format: pk_test_... or pk_live_..."}),oe=S({label:"Openfort Secret Key",regex:Ke,formatHint:"expected format: sk_test_... or sk_live_..."}),ie=S({label:"Shield Publishable Key",regex:He,formatHint:"expected UUID format"}),re=S({label:"Shield Secret",required:!0}),ae=S({label:"Shield Encryption Share",regex:je,formatHint:"expected 44 characters"}),se=S({label:"API endpoint",customCheck:e=>{try{new URL(e);return}catch{return"API endpoint must be a valid URL"}}}),le=async e=>{try{return!!(await(await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}})).json()).session}catch{return!1}};var Ge={appName:b,template:"openfort-ui",createBackend:!0},pe=async()=>{let e=new Fe().name(L).description("A CLI for creating Openfort applications with embedded wallets").argument("[dir]","The name of the application, as well as the name of the directory to create").option("--noGit","Explicitly tell the CLI to not initialize a new git repo in the project",!1).option("--noInstall","Explicitly tell the CLI to not run the package manager's install command",!1).option("-y, --default","Bypass the CLI and use all default options to bootstrap a new Openfort app",!1).option("--CI","Boolean value if we're running in CI",!1).option("--template [string]","Specify the template to use").option("--theme [string]","Specify the theme to use (for openfort-ui template)").option("--noTelemetry","Disable sending anonymous usage data",!1).addOption(new Ue("--debug").hideHelp(!0)).version(y(),"-v, --version","Display the version number").addHelpText("afterAll",`
+`,b="openfort-project",L="create-openfort";var W=["openfort-ui","headless","firebase"],J=["auto","midnight","minimal","soft","web95","rounded","retro","nouns"];import Ne from"node:path";import ke from"fs-extra";var y=()=>{let e=Ne.join(_,"package.json");return ke.readJSONSync(e).version??"unknown"};var T=class extends Error{};var r={error:(...e)=>console.error(...e),warn:(...e)=>console.warn(...e),info:(...e)=>console.log(...e),success:(...e)=>console.log(...e),debug:(...e)=>console.log(...e)};import $e,{createHash as Z}from"node:crypto";import Ce from"node:https";import{hostname as Re,userInfo as Ae}from"node:os";var X="https://analytics.openfort.io",q="phc_HosujvcO5QzmU2MVvZo8AxWV0pplTZJLr3jEd8dRVPE",Le=()=>{let e=`${Re()}-${Ae().username}`;return Z("sha256").update(e).digest("hex").slice(0,16)},B=class{constructor(){this.enabled=!0;this.send=async({properties:o={},status:i})=>{if(r.debug("Sending telemetry...",{status:i,properties:o}),!this.enabled)return;if(!q||!X){r.warn("Telemetry is not configured properly. Please contact openfort developers at support@openfort.xyz.");return}let t={session_id:this.sessionId,cli_version:y(),node_version:process.version,platform:process.platform,cli_status:i,projectId:this.projectId,projectName:this.projectName,template:this.template,...o},n=JSON.stringify({api_key:q,event:"cli_tool_used",distinct_id:this.anonymousId,properties:t}),a=new URL(`${X}/capture/`),s={hostname:a.hostname,port:a.port||443,path:a.pathname,method:"POST",headers:{"Content-Type":"application/json","Content-Length":n.length}};return new Promise(c=>{let l=Ce.request(s,d=>{d.on("data",()=>{r.debug("Telemetry request response received",d.statusMessage)}),d.on("end",()=>{c()})});l.on("error",d=>{r.debug("Telemetry request error",d),c()}),l.write(n),l.end()})};this.anonymousId=Le(),this.sessionId=Z("sha256").update($e.randomBytes(16)).digest("hex").slice(0,15)}},g=new B;var x=e=>(e.length>1&&e.endsWith("/")&&(e=e.slice(0,-1)),e);var Be=/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/,Q=e=>{let o=x(e),i=o.split("/"),t=i.findIndex(a=>a.startsWith("@")),n=i[i.length-1];if(i.findIndex(a=>a.startsWith("@"))!==-1&&(n=i.slice(t).join("/")),!(o==="."||Be.test(n??"")))return"App name must consist of only lowercase alphanumeric characters, '-', and '_'"};var ee="[\\da-f]{8}-[\\da-f]{4}-[\\da-f]{4}-[\\da-f]{4}-[\\da-f]{12}",te=`(test|live)_${ee}`,Ke=new RegExp(`^sk_${te}$`),Ve=new RegExp(`^pk_${te}$`),He=new RegExp(`^${ee}$`),je=/^.{44}$/,P=({label:e,required:o=!0,regex:i,formatHint:t,customCheck:n})=>a=>{if(a!=="-"){if(o&&!a)return`${e} is required`;if(i&&a&&!i.test(a))return`${e} is invalid${t?` (${t})`:""}`;if(n)return n(a)}},ne=P({label:"Openfort Publishable Key",regex:Ve,formatHint:"expected format: pk_test_... or pk_live_..."}),oe=P({label:"Openfort Secret Key",regex:Ke,formatHint:"expected format: sk_test_... or sk_live_..."}),ie=P({label:"Shield Publishable Key",regex:He,formatHint:"expected UUID format"}),re=P({label:"Shield Secret",required:!0}),ae=P({label:"Shield Encryption Share",regex:je,formatHint:"expected 44 characters"}),se=P({label:"API endpoint",customCheck:e=>{try{new URL(e);return}catch{return"API endpoint must be a valid URL"}}}),le=async e=>{try{return!!(await(await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}})).json()).session}catch{return!1}};var Ge={appName:b,template:"openfort-ui",createBackend:!0},pe=async()=>{let e=new Fe().name(L).description("A CLI for creating Openfort applications with embedded wallets").argument("[dir]","The name of the application, as well as the name of the directory to create").option("--noGit","Explicitly tell the CLI to not initialize a new git repo in the project",!1).option("--noInstall","Explicitly tell the CLI to not run the package manager's install command",!1).option("-y, --default","Bypass the CLI and use all default options to bootstrap a new Openfort app",!1).option("--CI","Boolean value if we're running in CI",!1).option("--template [string]","Specify the template to use").option("--theme [string]","Specify the theme to use (for openfort-ui template)").option("--noTelemetry","Disable sending anonymous usage data",!1).addOption(new Ue("--debug").hideHelp(!0)).version(y(),"-v, --version","Display the version number").addHelpText("afterAll",`
  Learn more about Openfort at ${De.hex("#5B87F5").bold("https://www.openfort.xyz")} 
 `).parse(process.argv),o=e.args[0],i=e.opts();i.debug||(r.debug=()=>{}),g.enabled=!i.noTelemetry,r.debug("Telemetry enabled:",g.enabled),g.send({status:"started"});let t={...Ge,appName:o||b,flags:{noGit:i.noGit||!1,noInstall:i.noInstall||!1,default:i.default||!1,CI:i.CI||!1,template:i.template,theme:i.theme}};if(t.flags.CI)return t.template=i.template||"openfort-ui",t.theme=i.theme,t.createBackend=!1,t.openfortPublishableKey="pk_test_00000000-0000-0000-0000-000000000000",t.shieldPublishableKey="00000000-0000-0000-0000-000000000000",t;if(t.flags.default)return t.template="openfort-ui",t.createBackend=!1,t.openfortPublishableKey="",t.shieldPublishableKey="",t;try{if(process.env.TERM_PROGRAM?.toLowerCase().includes("mintty"))throw r.warn(`  WARNING: It looks like you are using MinTTY, which is non-interactive. This is most likely because you are
-  using Git Bash. If that's that case, please use Git Bash from another terminal, such as Windows Terminal.`),new T("Non-interactive environment");let n=await p.group({...!o&&{name:()=>p.text({message:"What will your project be called?",defaultValue:b,validate:Q})},template:()=>p.select({message:"Select an Openfort template:",options:W.map(a=>({value:a,label:a==="openfort-ui"?"Openfort UI (default)":a,hint:Ye(a)})),initialValue:"openfort-ui"}),createBackend:()=>p.confirm({message:"Do you want to create a backend for automatic account recovery?",initialValue:!0}),apiEndpoint:async({results:a})=>{if(!a.createBackend){let s=await p.confirm({message:"Do you have an existing API endpoint for account recovery?",initialValue:!1});if(p.isCancel(s)&&process.exit(1),s){let c=!1,l="";for(;!c;){let d=await p.text({message:"Enter your API endpoint for creating encryption sessions:",placeholder:"http://localhost:3110/api/protected-create-encryption-session",validate:se});p.isCancel(d)&&process.exit(1),l=d;let u=p.spinner();if(u.start("Testing API endpoint..."),await le(l))u.stop("API endpoint validated!"),c=!0;else{u.stop("API endpoint validation failed"),r.error("The endpoint did not return a valid session response");let h=await p.confirm({message:"Would you like to try another endpoint?",initialValue:!0});(p.isCancel(h)||!h)&&process.exit(1)}}return l}}},theme:({results:a})=>{if(a.template==="openfort-ui")return p.select({message:"Select a theme:",options:J.map(s=>({value:s,label:s==="auto"?"Auto (default)":s})),initialValue:"auto"})},openfortPublishableKey:()=>p.text({message:"Enter your Openfort Publishable Key:",placeholder:"pk_test_...",validate:ne}),openfortSecretKey:({results:a})=>{if(a.createBackend)return p.text({message:"Enter your Openfort Secret Key:",placeholder:"sk_test_...",validate:oe})},shieldPublishableKey:()=>p.text({message:"Enter your Shield Publishable Key:",placeholder:"00000000-0000-0000-0000-000000000000",validate:ie}),shieldEncryptionShare:({results:a})=>{if(a.createBackend)return p.text({message:"Enter your Shield Encryption Share:",placeholder:"Your 44-character encryption share",validate:ae})},shieldSecretKey:({results:a})=>{if(a.createBackend)return p.text({message:"Enter your Shield Secret Key:",placeholder:"Your Shield Secret",validate:re})},...!t.flags.noGit&&{git:()=>p.confirm({message:"Should we initialize a Git repository and stage the changes?",initialValue:!0})}},{onCancel(){process.exit(1)}});return g.template=n.template,g.projectId=n.openfortPublishableKey,{appName:n.name||t.appName,template:n.template,theme:n.theme,createBackend:n.createBackend,apiEndpoint:n.apiEndpoint,openfortPublishableKey:n.openfortPublishableKey,openfortSecretKey:n.openfortSecretKey,shieldPublishableKey:n.shieldPublishableKey,shieldSecretKey:n.shieldSecretKey,shieldEncryptionShare:n.shieldEncryptionShare,flags:{...t.flags,noGit:!n.git||t.flags.noGit}}}catch(n){if(n instanceof T)return r.warn(`
-  ${L} needs an interactive terminal to provide options`),await p.confirm({message:"Continue scaffolding a default Openfort app?",initialValue:!0})||(r.info("Exiting..."),process.exit(0)),r.info(`Bootstrapping a default Openfort app in ./${t.appName}`),{...t,template:"openfort-ui",createBackend:!1,openfortPublishableKey:"",shieldPublishableKey:""};throw n}};function Ye(e){switch(e){case"openfort-ui":return"Pre-built UI components";case"headless":return"Custom, unstyled components";case"firebase":return"With Firebase authentication";default:return""}}import ge from"node:path";import N from"node:path";import k from"fs-extra";import Me from"ora";var ce=async({projectDir:e,openfortSecretKey:o,shieldSecretKey:i,shieldApiKey:t,shieldEncryptionShare:n,port:a=3110})=>{let s=Me("Creating backend...").start();try{let c=N.join(_,"template/backend"),l=N.join(e,"backend");k.copySync(c,l);let d=N.join(l,".env.example"),u=N.join(l,".env");if(k.existsSync(d)){let h=k.readFileSync(d,"utf-8").replace(/OPENFORT_SECRET_KEY=.*/g,`OPENFORT_SECRET_KEY=${o}`).replace(/SHIELD_SECRET_KEY=.*/g,`SHIELD_SECRET_KEY=${i}`).replace(/SHIELD_API_KEY=.*/g,`SHIELD_API_KEY=${t}`).replace(/SHIELD_ENCRYPTION_SHARE=.*/g,`SHIELD_ENCRYPTION_SHARE=${n}`).replace(/PORT=.*/g,`PORT=${a}`);k.writeFileSync(u,h)}await new Promise(m=>setTimeout(m,250)),s.succeed("Backend created successfully!")}catch(c){throw s.fail("Failed to create backend"),r.error(c instanceof Error?c.message:String(c)),c}};import de from"node:path";import*as E from"@clack/prompts";import P from"chalk";import w from"fs-extra";import ze from"ora";var fe=async({projectName:e,projectDir:o,template:i,createBackend:t})=>{r.info("");let n=ze(`Scaffolding in: ${o}...
-`).start();if(w.existsSync(o))if(w.readdirSync(o).length===0)e!=="."&&n.info(`${P.cyan.bold(e)} exists but is empty, continuing...
-`);else{n.stopAndPersist();let l=await E.select({message:`${P.redBright.bold("Warning:")} ${P.cyan.bold(e)} already exists and isn't empty. How would you like to proceed?`,options:[{label:"Abort installation (recommended)",value:"abort"},{label:"Clear the directory and continue installation",value:"clear"},{label:"Continue installation and overwrite conflicting files",value:"overwrite"}],initialValue:"abort"});(E.isCancel(l)||l==="abort")&&(n.fail("Aborting installation..."),process.exit(1));let d=await E.confirm({message:`Are you sure you want to ${l==="clear"?"clear the directory":"overwrite conflicting files"}?`,initialValue:!1});(E.isCancel(d)||!d)&&(n.fail("Aborting installation..."),process.exit(1)),l==="clear"&&(n.info(`Emptying ${P.cyan.bold(e)} and creating Openfort app..
-`),w.emptyDirSync(o))}n.start(),w.mkdirSync(o,{recursive:!0});let a=de.join(_,"template/openfort-templates",i),s=t?de.join(o,"frontend"):o;w.copySync(a,s);let c=e==="."?"App":P.cyan.bold(e);await new Promise(l=>setTimeout(l,250)),n.succeed(`${c} ${P.green("scaffolded successfully!")}
+  using Git Bash. If that's that case, please use Git Bash from another terminal, such as Windows Terminal.`),new T("Non-interactive environment");let n=await p.group({...!o&&{name:()=>p.text({message:"What will your project be called?",defaultValue:b,validate:Q})},template:()=>p.select({message:"Select an Openfort template:",options:W.map(a=>({value:a,label:a==="openfort-ui"?"Openfort UI (default)":a,hint:Ye(a)})),initialValue:"openfort-ui"}),createBackend:()=>p.confirm({message:"Do you want to create a backend for automatic account recovery?",initialValue:!0}),apiEndpoint:async({results:a})=>{if(!a.createBackend){let s=await p.confirm({message:"Do you have an existing API endpoint for account recovery?",initialValue:!1});if(p.isCancel(s)&&process.exit(1),s){let c=!1,l="";for(;!c;){let d=await p.text({message:"Enter your API endpoint for creating encryption sessions:",placeholder:"http://localhost:3110/api/protected-create-encryption-session",validate:se});p.isCancel(d)&&process.exit(1),l=d;let u=p.spinner();if(u.start("Testing API endpoint..."),await le(l))u.stop("API endpoint validated!"),c=!0;else{u.stop("API endpoint validation failed"),r.error("The endpoint did not return a valid session response");let h=await p.confirm({message:"Would you like to try another endpoint?",initialValue:!0});(p.isCancel(h)||!h)&&process.exit(1)}}return l}}},theme:({results:a})=>{if(a.template==="openfort-ui")return p.select({message:"Select a theme:",options:J.map(s=>({value:s,label:s==="auto"?"Auto (default)":s})),initialValue:"auto"})},openfortPublishableKey:()=>p.text({message:"Enter your Project Publishable Key:",placeholder:"pk_test_...",validate:ne}),openfortSecretKey:({results:a})=>{if(a.createBackend)return p.text({message:"Enter your Project Secret Key:",placeholder:"sk_test_...",validate:oe})},shieldEncryptionShare:({results:a})=>{if(a.createBackend)return p.text({message:"Enter your Shield Encryption Share:",placeholder:"Your 44-character encryption share",validate:ae})},shieldPublishableKey:()=>p.text({message:"Enter your Shield Publishable Key:",placeholder:"00000000-0000-0000-0000-000000000000",validate:ie}),shieldSecretKey:({results:a})=>{if(a.createBackend)return p.text({message:"Enter your Shield Secret Key:",placeholder:"Your Shield Secret",validate:re})},...!t.flags.noGit&&{git:()=>p.confirm({message:"Should we initialize a Git repository and stage the changes?",initialValue:!0})}},{onCancel(){process.exit(1)}});return g.template=n.template,g.projectId=n.openfortPublishableKey,{appName:n.name||t.appName,template:n.template,theme:n.theme,createBackend:n.createBackend,apiEndpoint:n.apiEndpoint,openfortPublishableKey:n.openfortPublishableKey,openfortSecretKey:n.openfortSecretKey,shieldPublishableKey:n.shieldPublishableKey,shieldSecretKey:n.shieldSecretKey,shieldEncryptionShare:n.shieldEncryptionShare,flags:{...t.flags,noGit:!n.git||t.flags.noGit}}}catch(n){if(n instanceof T)return r.warn(`
+  ${L} needs an interactive terminal to provide options`),await p.confirm({message:"Continue scaffolding a default Openfort app?",initialValue:!0})||(r.info("Exiting..."),process.exit(0)),r.info(`Bootstrapping a default Openfort app in ./${t.appName}`),{...t,template:"openfort-ui",createBackend:!1,openfortPublishableKey:"",shieldPublishableKey:""};throw n}};function Ye(e){switch(e){case"openfort-ui":return"Pre-built UI components";case"headless":return"Custom, unstyled components";case"firebase":return"With Firebase authentication";default:return""}}import ge from"node:path";import N from"node:path";import k from"fs-extra";import Me from"ora";var ce=async({projectDir:e,openfortSecretKey:o,shieldSecretKey:i,shieldApiKey:t,shieldEncryptionShare:n,port:a=3110})=>{let s=Me("Creating backend...").start();try{let c=N.join(_,"template/backend"),l=N.join(e,"backend");k.copySync(c,l);let d=N.join(l,".env.example"),u=N.join(l,".env");if(k.existsSync(d)){let h=k.readFileSync(d,"utf-8").replace(/OPENFORT_SECRET_KEY=.*/g,`OPENFORT_SECRET_KEY=${o}`).replace(/SHIELD_SECRET_KEY=.*/g,`SHIELD_SECRET_KEY=${i}`).replace(/SHIELD_API_KEY=.*/g,`SHIELD_API_KEY=${t}`).replace(/SHIELD_ENCRYPTION_SHARE=.*/g,`SHIELD_ENCRYPTION_SHARE=${n}`).replace(/PORT=.*/g,`PORT=${a}`);k.writeFileSync(u,h)}await new Promise(m=>setTimeout(m,250)),s.succeed("Backend created successfully!")}catch(c){throw s.fail("Failed to create backend"),r.error(c instanceof Error?c.message:String(c)),c}};import de from"node:path";import*as E from"@clack/prompts";import S from"chalk";import w from"fs-extra";import ze from"ora";var fe=async({projectName:e,projectDir:o,template:i,createBackend:t})=>{r.info("");let n=ze(`Scaffolding in: ${o}...
+`).start();if(w.existsSync(o))if(w.readdirSync(o).length===0)e!=="."&&n.info(`${S.cyan.bold(e)} exists but is empty, continuing...
+`);else{n.stopAndPersist();let l=await E.select({message:`${S.redBright.bold("Warning:")} ${S.cyan.bold(e)} already exists and isn't empty. How would you like to proceed?`,options:[{label:"Abort installation (recommended)",value:"abort"},{label:"Clear the directory and continue installation",value:"clear"},{label:"Continue installation and overwrite conflicting files",value:"overwrite"}],initialValue:"abort"});(E.isCancel(l)||l==="abort")&&(n.fail("Aborting installation..."),process.exit(1));let d=await E.confirm({message:`Are you sure you want to ${l==="clear"?"clear the directory":"overwrite conflicting files"}?`,initialValue:!1});(E.isCancel(d)||!d)&&(n.fail("Aborting installation..."),process.exit(1)),l==="clear"&&(n.info(`Emptying ${S.cyan.bold(e)} and creating Openfort app..
+`),w.emptyDirSync(o))}n.start(),w.mkdirSync(o,{recursive:!0});let a=de.join(_,"template/openfort-templates",i),s=t?de.join(o,"frontend"):o;w.copySync(a,s);let c=e==="."?"App":S.cyan.bold(e);await new Promise(l=>setTimeout(l,250)),n.succeed(`${c} ${S.green("scaffolded successfully!")}
 `)};import me from"node:path";import $ from"fs-extra";var ue=({projectDir:e,openfortPublishableKey:o,shieldPublishableKey:i,apiEndpoint:t,theme:n})=>{let a=me.join(e,".env.example"),s=me.join(e,".env");if(!$.existsSync(a)){let d=We({openfortPublishableKey:o,shieldPublishableKey:i,apiEndpoint:t,theme:n});$.writeFileSync(s,d);return}let l=$.readFileSync(a,"utf-8");l=l.replace(/VITE_OPENFORT_PUBLISHABLE_KEY=.*/g,`VITE_OPENFORT_PUBLISHABLE_KEY=${o}`).replace(/NEXT_PUBLIC_OPENFORT_PUBLISHABLE_KEY=.*/g,`NEXT_PUBLIC_OPENFORT_PUBLISHABLE_KEY=${o}`).replace(/OPENFORT_PUBLISHABLE_KEY=.*/g,`OPENFORT_PUBLISHABLE_KEY=${o}`),l=l.replace(/VITE_SHIELD_PUBLISHABLE_KEY=.*/g,`VITE_SHIELD_PUBLISHABLE_KEY=${i}`).replace(/NEXT_PUBLIC_SHIELD_PUBLISHABLE_KEY=.*/g,`NEXT_PUBLIC_SHIELD_PUBLISHABLE_KEY=${i}`).replace(/SHIELD_PUBLISHABLE_KEY=.*/g,`SHIELD_PUBLISHABLE_KEY=${i}`),t&&(l=l.replace(/VITE_CREATE_ENCRYPTED_SESSION_ENDPOINT=.*/g,`VITE_CREATE_ENCRYPTED_SESSION_ENDPOINT=${t}`).replace(/NEXT_PUBLIC_CREATE_ENCRYPTED_SESSION_ENDPOINT=.*/g,`NEXT_PUBLIC_CREATE_ENCRYPTED_SESSION_ENDPOINT=${t}`).replace(/CREATE_ENCRYPTED_SESSION_ENDPOINT=.*/g,`CREATE_ENCRYPTED_SESSION_ENDPOINT=${t}`)),n&&(l=l.replace(/VITE_OPENFORT_THEME=.*/g,`VITE_OPENFORT_THEME=${n}`).replace(/NEXT_PUBLIC_OPENFORT_THEME=.*/g,`NEXT_PUBLIC_OPENFORT_THEME=${n}`).replace(/OPENFORT_THEME=.*/g,`OPENFORT_THEME=${n}`)),$.writeFileSync(s,l)},We=({openfortPublishableKey:e,shieldPublishableKey:o,apiEndpoint:i,theme:t})=>{let n=`# Openfort Configuration
 VITE_OPENFORT_PUBLISHABLE_KEY=${e}
 VITE_SHIELD_PUBLISHABLE_KEY=${o}
@@ -25,4 +25,4 @@ Next steps:`),e!=="."&&r.info(`  ${f.cyan(`cd ${e}`)}`),i){let n=F.join(o,"backe
 ${f.yellow("For the backend:")}`),r.info(`  ${f.cyan("cd backend")}`),s&&(t==="yarn"?r.info(`  ${f.cyan(t)}`):r.info(`  ${f.cyan(`${t} install`)}`)),["npm","bun"].includes(t)?r.info(`  ${f.cyan(`${t} run dev`)}`):r.info(`  ${f.cyan(`${t} dev`)}`),r.info(`
 ${f.yellow("For the frontend (in a new terminal):")}`),r.info(`  ${f.cyan("cd frontend")}`),s&&(t==="yarn"?r.info(`  ${f.cyan(t)}`):r.info(`  ${f.cyan(`${t} install`)}`)),["npm","bun"].includes(t)?r.info(`  ${f.cyan(`${t} run dev`)}`):r.info(`  ${f.cyan(`${t} dev`)}`)}else{let n=F.join(o,"node_modules");!U.existsSync(n)&&(t==="yarn"?r.info(`  ${f.cyan(t)}`):r.info(`  ${f.cyan(`${t} install`)}`)),["npm","bun"].includes(t)?r.info(`  ${f.cyan(`${t} run dev`)}`):r.info(`  ${f.cyan(`${t} dev`)}`)}!await D(o)&&!j(o)&&(r.info(`
   ${f.cyan("git init")}`),r.info(`  ${f.cyan('git commit -m "initial commit"')}`)),r.info(`
-${f.blue("Learn more at https://www.openfort.xyz/docs")}`)};import be from"node:path";var Se=e=>{let i=x(e).split("/"),t=i[i.length-1];if(t==="."){let s=be.resolve(process.cwd());t=be.basename(s)}let n=i.findIndex(s=>s.startsWith("@"));i.findIndex(s=>s.startsWith("@"))!==-1&&(t=i.slice(n).join("/"));let a=i.filter(s=>!s.startsWith("@")).join("/");return[t,a]};import Qe from"gradient-string";var et=["#c3c3c3ff","#ff3b30"],Pe=async()=>{let e=Qe(et),o=C();(o==="yarn"||o==="pnpm")&&console.log(""),console.log(e.multiline(z))};import{execSync as tt}from"node:child_process";import nt from"node:https";var Te=e=>{let o=y();o.includes("beta")?(r.warn("  You are using a beta version of create-openfort."),r.warn("  Please report any bugs you encounter.")):o.includes("next")?(r.warn("  You are running create-openfort with the @next tag which is no longer maintained."),r.warn("  Please run the CLI with @latest instead.")):o!==e&&(r.warn("  You are using an outdated version of create-openfort."),r.warn("  Your version:",`${o}.`,"Latest version in the npm registry:",e),r.warn("  Please run the CLI with @latest to get the latest updates."))};function ot(){return new Promise((e,o)=>{nt.get("https://registry.npmjs.org/-/package/create-openfort/dist-tags",i=>{if(i.statusCode===200){let t="";i.on("data",n=>{t+=n}),i.on("end",()=>{e(JSON.parse(t).latest)})}else o()}).on("error",()=>{o()})})}var we=()=>ot().catch(()=>{try{return tt("npm view create-openfort version").toString().trim()}catch{return null}});var it=async()=>{let e=await we();await Pe(),e&&Te(e);let{appName:o,template:i,theme:t,createBackend:n,apiEndpoint:a,openfortPublishableKey:s,openfortSecretKey:c,shieldPublishableKey:l,shieldSecretKey:d,shieldEncryptionShare:u,flags:{noGit:m}}=await pe(),[h,Y]=Se(o);g.projectName=h;let v=await he({projectName:Y,template:i,openfortPublishableKey:s,shieldPublishableKey:l,apiEndpoint:a||(n?"http://localhost:3110/api/protected-create-encryption-session":void 0),theme:t,createBackendOption:n,openfortSecretKey:c,shieldSecretKey:d,shieldApiKey:l,shieldEncryptionShare:u}),R=n?Oe.join(v,"frontend","package.json"):Oe.join(v,"package.json");if(G.existsSync(R)){let A=G.readJSONSync(R);A.name=h,A.openfortMetadata={initVersion:y(),template:i},G.writeJSONSync(R,A,{spaces:2})}m||await Ee(v),await _e({projectName:Y,projectDir:v,createBackend:n}),g.send({status:"completed"}),process.exit(0)};it().catch(e=>{r.error("Aborting installation..."),e instanceof Error?r.error(e):r.error("An unknown error has occurred. Please open an issue on GitHub with the below:"),g.send({status:"error",properties:{error:e instanceof Error?e.message:String(e)}}),process.exit(1)});
+${f.blue("Learn more at https://www.openfort.xyz/docs")}`)};import be from"node:path";var Pe=e=>{let i=x(e).split("/"),t=i[i.length-1];if(t==="."){let s=be.resolve(process.cwd());t=be.basename(s)}let n=i.findIndex(s=>s.startsWith("@"));i.findIndex(s=>s.startsWith("@"))!==-1&&(t=i.slice(n).join("/"));let a=i.filter(s=>!s.startsWith("@")).join("/");return[t,a]};import Qe from"gradient-string";var et=["#c3c3c3ff","#ff3b30"],Se=async()=>{let e=Qe(et),o=C();(o==="yarn"||o==="pnpm")&&console.log(""),console.log(e.multiline(z))};import{execSync as tt}from"node:child_process";import nt from"node:https";var Te=e=>{let o=y();o.includes("beta")?(r.warn("  You are using a beta version of create-openfort."),r.warn("  Please report any bugs you encounter.")):o.includes("next")?(r.warn("  You are running create-openfort with the @next tag which is no longer maintained."),r.warn("  Please run the CLI with @latest instead.")):o!==e&&(r.warn("  You are using an outdated version of create-openfort."),r.warn("  Your version:",`${o}.`,"Latest version in the npm registry:",e),r.warn("  Please run the CLI with @latest to get the latest updates."))};function ot(){return new Promise((e,o)=>{nt.get("https://registry.npmjs.org/-/package/create-openfort/dist-tags",i=>{if(i.statusCode===200){let t="";i.on("data",n=>{t+=n}),i.on("end",()=>{e(JSON.parse(t).latest)})}else o()}).on("error",()=>{o()})})}var we=()=>ot().catch(()=>{try{return tt("npm view create-openfort version").toString().trim()}catch{return null}});var it=async()=>{let e=await we();await Se(),e&&Te(e);let{appName:o,template:i,theme:t,createBackend:n,apiEndpoint:a,openfortPublishableKey:s,openfortSecretKey:c,shieldPublishableKey:l,shieldSecretKey:d,shieldEncryptionShare:u,flags:{noGit:m}}=await pe(),[h,Y]=Pe(o);g.projectName=h;let v=await he({projectName:Y,template:i,openfortPublishableKey:s,shieldPublishableKey:l,apiEndpoint:a||(n?"http://localhost:3110/api/protected-create-encryption-session":void 0),theme:t,createBackendOption:n,openfortSecretKey:c,shieldSecretKey:d,shieldApiKey:l,shieldEncryptionShare:u}),R=n?Oe.join(v,"frontend","package.json"):Oe.join(v,"package.json");if(G.existsSync(R)){let A=G.readJSONSync(R);A.name=h,A.openfortMetadata={initVersion:y(),template:i},G.writeJSONSync(R,A,{spaces:2})}m||await Ee(v),await _e({projectName:Y,projectDir:v,createBackend:n}),g.send({status:"completed"}),process.exit(0)};it().catch(e=>{r.error("Aborting installation..."),e instanceof Error?r.error(e):r.error("An unknown error has occurred. Please open an issue on GitHub with the below:"),g.send({status:"error",properties:{error:e instanceof Error?e.message:String(e)}}),process.exit(1)});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-openfort",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Create Openfort applications with embedded wallets",
   "license": "MIT",
   "author": "Openfort (https://www.openfort.xyz)",
@@ -49,7 +49,7 @@
     "@types/fs-extra": "^11.0.4",
     "@types/gradient-string": "^1.1.6",
     "@types/node": "^20.14.10",
-    "tsup": "^6.7.0",
+    "tsup": "^8.3.5",
     "type-fest": "^3.13.1",
     "typescript": "^5.8.2"
   },

package/template/openfort-templates/firebase/src/components/cards/head.tsx

@@ -286,7 +286,6 @@ const GlowCanvas = ({ accentColor, backgroundColor }: { accentColor: string, bac
       document.removeEventListener("mousemove", handleMouseMove);
     if (animationRef.current) cancelAnimationFrame(animationRef.current);
   };
-  // biome-ignore lint/correctness/useExhaustiveDependencies: animation effect depends on dimensions only
 }, [dimensions]);
 
   return (

package/template/openfort-templates/headless/src/App.tsx

@@ -1,9 +1,7 @@
 import { Main } from './components/cards/main'
 
 function App() {
-  return (
-    <Main />
-  )
+  return <Main />
 }
 
 export default App

package/template/openfort-templates/headless/src/components/cards/actions.tsx

@@ -1,16 +1,21 @@
-import { getAddress, parseAbi } from "viem";
-import { useAccount, useReadContract, useWriteContract } from "wagmi";
-import { TruncateData } from "../ui/TruncateData";
-import { useWallets } from "@openfort/react";
+import { useMemo } from 'react'
+import { getAddress, parseAbi } from 'viem'
+import {
+  useAccount,
+  useChains,
+  useReadContract,
+  useWriteContract
+} from 'wagmi'
+import { TruncateData } from '../ui/TruncateData'
 
 const MintContract = () => {
-
   const { address } = useAccount()
-  const wallWallets = useWallets()
-  console.log({ wallWallets })
-
 
-  const { data: balance, refetch, error: balanceError } = useReadContract({
+  const {
+    data: balance,
+    refetch,
+    error: balanceError,
+  } = useReadContract({
     address: '0xef147ed8bb07a2a0e7df4c1ac09e96dec459ffac',
     abi: [
       {
@@ -38,17 +43,22 @@ const MintContract = () => {
     functionName: 'symbol',
   })
 
-  const { data: hash, isPending, writeContract, error } = useWriteContract({
+  const {
+    data: hash,
+    isPending,
+    writeContract,
+    error,
+  } = useWriteContract({
     mutation: {
       onSuccess: () => {
         setTimeout(() => {
           refetch()
-        }, 100);
+        }, 100)
       },
       onSettled: (data: unknown, error: Error | null) => {
-        console.log('Settled', { data, error });
-      }
-    }
+        console.log('Settled', { data, error })
+      },
+    },
   })
 
   async function submit({ amount }: { amount: string }) {
@@ -63,7 +73,9 @@ const MintContract = () => {
   return (
     <div>
       <h2>Mint contract</h2>
-      <p className="mb-2 text-zinc-400 text-sm">Current balance: {balance?.toString()} {tokenSymbol as string || ""}</p>
+      <p className="mb-2 text-zinc-400 text-sm">
+        Current balance: {balance?.toString()} {(tokenSymbol as string) || ''}
+      </p>
       <form
         className="space-y-4"
         onSubmit={(e) => {
@@ -78,13 +90,8 @@ const MintContract = () => {
           className="grow peer"
           name="amount"
         />
-        <button
-          className='btn'
-          disabled={isPending || !address}
-        >
-          {
-            isPending ? 'Minting...' : 'Mint Tokens'
-          }
+        <button className="btn" disabled={isPending || !address}>
+          {isPending ? 'Minting...' : 'Mint Tokens'}
         </button>
       </form>
       <TruncateData data={hash} />
@@ -95,14 +102,33 @@ const MintContract = () => {
 }
 
 export const Actions = () => {
-
+  const hasSponsorPolicy = useMemo(() => !!import.meta.env.VITE_POLICY_ID, [])
+  const chains = useChains()
   return (
     <div className="flex flex-col w-full">
       <h1>Actions</h1>
       <span className="mb-4 text-zinc-400 text-sm">
         Interact with smart contracts on the blockchain.
       </span>
+      {!hasSponsorPolicy && (
+        <div className="mb-3 p-3 bg-red-800 text-white rounded text-sm">
+          <strong>Warning: Transactions are not sponsored.</strong> Minting may
+          fail because transactions are not being sponsored. To sponsor
+          transactions, go to the{' '}
+          <a
+            href="https://dashboard.openfort.xyz/policies"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="underline"
+          >
+            Openfort Dashboard
+          </a>{' '}
+          and <b>create a policy</b> sponsoring transactions in{' '}
+          <b>{chains[0].name}</b>. Set the <code>VITE_POLICY_ID</code>{' '}
+          environment variable with the policy ID.
+        </div>
+      )}
       <MintContract />
     </div>
-  );
-}
+  )
+}

package/template/openfort-templates/headless/src/components/cards/auth.tsx

@@ -1,62 +1,73 @@
-import { OAuthProvider, useAuthCallback, useEmailAuth, useGuestAuth, useOAuth } from "@openfort/react";
-import React, { useState } from "react";
+import {
+  OAuthProvider,
+  useAuthCallback,
+  useEmailAuth,
+  useGuestAuth,
+  useOAuth,
+} from '@openfort/react'
+import type React from 'react'
+import { useState } from 'react'
 
 const GoogleSignInButton: React.FC = () => {
   // Sign in with Google
-  const { initOAuth, isLoading } = useOAuth();
+  const { initOAuth, isLoading } = useOAuth()
 
   return (
     <button
       onClick={() => initOAuth({ provider: OAuthProvider.GOOGLE })}
       className="w-full py-2 px-4 border border-zinc-700 text-white rounded cursor-pointer transition-colors hover:bg-zinc-900/60"
     >
-      {isLoading ? "Loading..." : "Continue with Google"}
+      {isLoading ? 'Loading...' : 'Continue with Google'}
     </button>
-  );
-};
+  )
+}
 
 const GuestSignInButton: React.FC = () => {
   // Sign in with Google
-  const { signUpGuest, isLoading } = useGuestAuth();
+  const { signUpGuest, isLoading } = useGuestAuth()
 
   return (
     <button
       onClick={() => signUpGuest()}
       className="w-full py-2 px-4 border border-zinc-700 text-white rounded cursor-pointer transition-colors hover:bg-zinc-900/60"
     >
-      {isLoading ? "Loading..." : "Continue as Guest"}
+      {isLoading ? 'Loading...' : 'Continue as Guest'}
     </button>
-  );
-};
+  )
+}
 
 const EmailForm = ({ isLogin }: { isLogin: boolean }) => {
-  const { signInEmail, signUpEmail, error, isLoading } = useEmailAuth();
+  const { signInEmail, signUpEmail, error, isLoading } = useEmailAuth()
 
   const handleSubmit = async (event: React.FormEvent) => {
-    event.preventDefault();
-    const form = event.target as HTMLFormElement;
-    const email = (form.elements[0] as HTMLInputElement).value;
-    const password = (form.elements[1] as HTMLInputElement).value;
+    event.preventDefault()
+    const form = event.target as HTMLFormElement
+    const email = (form.elements[0] as HTMLInputElement).value
+    const password = (form.elements[1] as HTMLInputElement).value
     if (isLogin) {
       const { requiresEmailVerification } = await signInEmail({
         email,
-        password
-      });
+        password,
+      })
 
       if (requiresEmailVerification) {
-        alert("User is not verified. Please check your email to verify your account.");
+        alert(
+          'User is not verified. Please check your email to verify your account.',
+        )
       }
     } else {
       const { requiresEmailVerification } = await signUpEmail({
         email,
         password,
-      });
+      })
 
       if (requiresEmailVerification) {
-        alert("Registration successful! Please check your email to verify your account.");
+        alert(
+          'Registration successful! Please check your email to verify your account.',
+        )
       }
     }
-  };
+  }
 
   return (
     <form onSubmit={handleSubmit} className="space-y-4 mb-4">
@@ -88,32 +99,33 @@ const EmailForm = ({ isLogin }: { isLogin: boolean }) => {
       </div>
       {error && <p className="text-red-500 text-sm">{error.message}</p>}
 
-      <button
-        type="submit"
-        className="btn mt-2"
-      >
-        {isLoading ? "Loading..." : isLogin ? "Sign In" : "Sign Up"}
+      <button type="submit" className="btn mt-2">
+        {isLoading ? 'Loading...' : isLogin ? 'Sign In' : 'Sign Up'}
       </button>
     </form>
   )
 }
 
 const AuthForm = () => {
-  const [isLogin, setIsLogin] = useState(true);
+  const [isLogin, setIsLogin] = useState(true)
   const { isLoading } = useAuthCallback({
-    onSuccess: () => { alert("Authentication verified!") },
-    onError: (e) => { alert("Authentication verification failed!" + e.message) },
-  });
+    onSuccess: () => {
+      alert('Authentication verified!')
+    },
+    onError: (e) => {
+      alert(`Authentication verification failed!${e.message}`)
+    },
+  })
 
   if (isLoading) {
-    return <div>Verifying authentication...</div>;
+    return <div>Verifying authentication...</div>
   }
 
   return (
     <div className="space-y-6">
       <div className="relative">
         <h1 className="text-left text-2xl font-semibold tracking-tight">
-          {isLogin ? "Sign in to account" : "Create an account"}
+          {isLogin ? 'Sign in to account' : 'Create an account'}
         </h1>
       </div>
 
@@ -124,9 +136,7 @@ const AuthForm = () => {
           <div className="w-full border-t border-gray-300" />
         </div>
         <div className="relative flex justify-center text-sm">
-          <span className="bg-zinc-800 px-2">
-            or
-          </span>
+          <span className="bg-zinc-800 px-2">or</span>
         </div>
       </div>
 
@@ -136,20 +146,19 @@ const AuthForm = () => {
       </div>
 
       <div className="text-left text-sm">
-        {isLogin ? "Already have an account? " : "Don't have an account? "}
+        {isLogin ? 'Already have an account? ' : "Don't have an account? "}
         <button
           onClick={() => setIsLogin(!isLogin)}
           className="text-primary hover:underline cursor-pointer font-medium"
         >
-          {isLogin ? "Sign Up" : "Sign In"}
+          {isLogin ? 'Sign Up' : 'Sign In'}
         </button>
       </div>
     </div>
-  );
+  )
 }
 
 export const Auth = () => {
-
   return (
     <div className="card relative">
       <AuthForm />