create-atom.io 0.0.1 → 0.0.2

package/dist/{create-atom-BV6WVRvY.js → create-atom-DOkiQlT8.js}

@@ -12,19 +12,35 @@ async function createAtom(argDir, options) {
 	const skipHint = options.skipHints ?? false;
 	const packageManager = options.packageManager ?? getPkgManager();
 	prompts.intro(pico.greenBright(`atom.io - Data Components for TypeScript`));
-	const { dir } = await prompts.group({ dir: () => argDir ? Promise.resolve(argDir) : prompts.text({
-		message: `Project directory:`,
-		placeholder: `my-preact-app`,
-		validate(value) {
-			if (value.length === 0) return `Directory name is required!`;
-			if (existsSync(value)) return `Refusing to overwrite existing directory or file! Please provide a non-clashing name.`;
-		}
-	}) }, { onCancel: () => {
+	const { dir, templateName } = await prompts.group({
+		templateName: () => prompts.select({
+			message: `Template:`,
+			initialValue: `preact-svg-editor`,
+			options: [{
+				label: `Preact SVG Editor`,
+				value: `preact-svg-editor`
+			}, {
+				label: `React Node Backend`,
+				value: `react-node-backend`
+			}]
+		}),
+		dir: () => argDir ? Promise.resolve(argDir) : prompts.text({
+			message: `Project directory:`,
+			placeholder: `my-app`,
+			validate(value) {
+				if (value.length === 0) return `Directory name is required!`;
+				if (existsSync(value)) return `Refusing to overwrite existing directory or file! Please provide a non-clashing name.`;
+			}
+		})
+	}, { onCancel: () => {
 		prompts.cancel(pico.yellow(`Cancelled`));
 		process.exit(0);
 	} });
 	const targetDir = resolve(process.cwd(), dir);
-	const opts = { packageManager };
+	const opts = {
+		packageManager,
+		templateName
+	};
 	await useSpinner(`Setting up your project directory...`, () => scaffold(targetDir, opts), `Set up project directory`);
 	await useSpinner(`Installing project dependencies...`, () => installDeps(targetDir, opts), `Installed project dependencies`);
 	if (skipHint === false) {
@@ -43,7 +59,7 @@ async function useSpinner(startMessage, fn, finishMessage) {
 }
 async function scaffold(to, opts) {
 	await promises.mkdir(to, { recursive: true });
-	await templateDir(resolve(dirname(fileURLToPath(import.meta.url)), `../templates`, `base`), to, opts);
+	await templateDir(resolve(dirname(fileURLToPath(import.meta.url)), `../templates`, opts.templateName), to, opts);
 }
 /**
 * Recursive fs copy, swiped from `create-wmr`:
@@ -99,4 +115,4 @@ function getPkgManager() {
 
 //#endregion
 export { pico as n, createAtom as t };
-//# sourceMappingURL=create-atom-BV6WVRvY.js.map
+//# sourceMappingURL=create-atom-DOkiQlT8.js.map

package/dist/create-atom-DOkiQlT8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-atom-DOkiQlT8.js","names":["pico: Colors","opts: CreateAtomOptions","fs","dependencies: string[]","devDependencies: string[]"],"sources":["../src/create-atom.ts"],"sourcesContent":["import { existsSync, promises as fs } from \"node:fs\"\nimport { dirname, resolve } from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\nimport * as prompts from \"@clack/prompts\"\nimport picocolors from \"picocolors\"\nimport type { Colors } from \"picocolors/types\"\nimport { x } from \"tinyexec\"\n\nexport const pico: Colors = picocolors.createColors(true)\n\nconst s = prompts.spinner()\n\nexport type PackageManager = `bun` | `npm` | `pnpm` | `yarn`\nexport type TemplateName = `preact-svg-editor` | `react-node-backend`\n\nexport type CreateAtomOptions = {\n\tpackageManager: PackageManager\n\ttemplateName: TemplateName\n}\n\nexport type CreateAtomOptionsPreloaded = {\n\t[K in keyof CreateAtomOptions]?: CreateAtomOptions[K] | undefined\n} & { skipHints?: boolean | undefined }\n\nexport async function createAtom(\n\targDir: string | undefined,\n\toptions: CreateAtomOptionsPreloaded,\n): Promise<void> {\n\tconst skipHint = options.skipHints ?? false\n\tconst packageManager = options.packageManager ?? getPkgManager()\n\n\tprompts.intro(pico.greenBright(`atom.io - Data Components for TypeScript`))\n\n\tconst { dir, templateName } = await prompts.group(\n\t\t{\n\t\t\ttemplateName: () =>\n\t\t\t\tprompts.select<TemplateName>({\n\t\t\t\t\tmessage: `Template:`,\n\t\t\t\t\tinitialValue: `preact-svg-editor`,\n\t\t\t\t\toptions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: `Preact SVG Editor`,\n\t\t\t\t\t\t\tvalue: `preact-svg-editor`,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: `React Node Backend`,\n\t\t\t\t\t\t\tvalue: `react-node-backend`,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}),\n\t\t\tdir: () =>\n\t\t\t\targDir\n\t\t\t\t\t? Promise.resolve(argDir)\n\t\t\t\t\t: prompts.text({\n\t\t\t\t\t\t\tmessage: `Project directory:`,\n\t\t\t\t\t\t\tplaceholder: `my-app`,\n\t\t\t\t\t\t\tvalidate(value) {\n\t\t\t\t\t\t\t\tif (value.length === 0) {\n\t\t\t\t\t\t\t\t\treturn `Directory name is required!`\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (existsSync(value)) {\n\t\t\t\t\t\t\t\t\treturn `Refusing to overwrite existing directory or file! Please provide a non-clashing name.`\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}),\n\t\t},\n\t\t{\n\t\t\tonCancel: () => {\n\t\t\t\tprompts.cancel(pico.yellow(`Cancelled`))\n\t\t\t\tprocess.exit(0)\n\t\t\t},\n\t\t},\n\t)\n\tconst targetDir = resolve(process.cwd(), dir)\n\tconst opts: CreateAtomOptions = { packageManager, templateName }\n\n\tawait useSpinner(\n\t\t`Setting up your project directory...`,\n\t\t() => scaffold(targetDir, opts),\n\t\t`Set up project directory`,\n\t)\n\n\tawait useSpinner(\n\t\t`Installing project dependencies...`,\n\t\t() => installDeps(targetDir, opts),\n\t\t`Installed project dependencies`,\n\t)\n\n\tif (skipHint === false) {\n\t\tconst gettingStarted = `\n\t\t\t${pico.dim(`$`)} ${pico.blueBright(`cd ${dir}`)}\n\t\t\t${pico.dim(`$`)} ${pico.blueBright(\n\t\t\t\t`${\n\t\t\t\t\tpackageManager === `npm`\n\t\t\t\t\t\t? `npm run`\n\t\t\t\t\t\t: packageManager === `bun`\n\t\t\t\t\t\t\t? `bun run`\n\t\t\t\t\t\t\t: packageManager\n\t\t\t\t} dev`,\n\t\t\t)}\n\t\t`\n\t\tprompts.note(\n\t\t\tgettingStarted.trim().replace(/^\\t\\t\\t/gm, ``),\n\t\t\t`Getting Started`,\n\t\t)\n\t}\n\n\tprompts.outro(pico.green(`You're all set!`))\n}\n\nasync function useSpinner(\n\tstartMessage: string,\n\tfn: () => Promise<void>,\n\tfinishMessage: string,\n): Promise<void> {\n\ts.start(startMessage)\n\tawait fn()\n\ts.stop(pico.green(finishMessage))\n}\n\nasync function scaffold(to: string, opts: CreateAtomOptions): Promise<void> {\n\tawait fs.mkdir(to, { recursive: true })\n\n\tconst __dirname = dirname(fileURLToPath(import.meta.url))\n\tawait templateDir(\n\t\tresolve(__dirname, `../templates`, opts.templateName),\n\t\tto,\n\t\topts,\n\t)\n}\n\n/**\n * Recursive fs copy, swiped from `create-wmr`:\n * https://github.com/preactjs/wmr/blob/3c5672ecd2f958c8eaf372d33c084dc69228ae3f/packages/create-wmr/src/index.js#L108-L124\n */\nasync function templateDir(\n\tfrom: string,\n\tto: string,\n\topts: CreateAtomOptions,\n): Promise<void[]> {\n\tconst files = await fs.readdir(from)\n\tconst results = await Promise.all(\n\t\tfiles.map(async (f) => {\n\t\t\tif (f === `.` || f === `..`) return\n\t\t\tconst filename = resolve(from, f)\n\t\t\tif ((await fs.stat(filename)).isDirectory()) {\n\t\t\t\tawait fs.mkdir(resolve(to, f), { recursive: true })\n\t\t\t\treturn templateDir(filename, resolve(to, f), opts)\n\t\t\t}\n\t\t\tif (opts.packageManager !== `npm` && f === `README.md`) {\n\t\t\t\tawait fs.writeFile(\n\t\t\t\t\tresolve(to, f),\n\t\t\t\t\t(await fs.readFile(filename, `utf-8`)).replace(\n\t\t\t\t\t\t/npm run/g,\n\t\t\t\t\t\topts.packageManager === `bun` ? `bun run` : opts.packageManager,\n\t\t\t\t\t),\n\t\t\t\t)\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Publishing to npm renames the .gitignore to .npmignore\n\t\t\t// https://github.com/npm/npm/issues/7252#issuecomment-253339460\n\t\t\tif (f === `_gitignore`) f = `.gitignore`\n\t\t\tawait fs.copyFile(filename, resolve(to, f))\n\t\t}),\n\t)\n\treturn results.flat(99)\n}\n\nasync function installDeps(to: string, opts: CreateAtomOptions) {\n\tconst dependencies: string[] = []\n\tconst devDependencies: string[] = []\n\n\tconst installOpts = {\n\t\tpackageManager: opts.packageManager,\n\t\tto,\n\t}\n\n\tawait installPackages(dependencies, { ...installOpts })\n\tdevDependencies.length &&\n\t\t(await installPackages(devDependencies, { ...installOpts, dev: true }))\n}\n\ntype InstallOptions = {\n\tpackageManager: `bun` | `npm` | `pnpm` | `yarn`\n\tto: string\n\tdev?: boolean\n}\n\nfunction installPackages(pkgs: string[], opts: InstallOptions) {\n\treturn x(\n\t\topts.packageManager,\n\t\t[\n\t\t\t// `yarn add` will fail if nothing is provided\n\t\t\topts.packageManager === `yarn` ? (pkgs.length ? `add` : ``) : `install`,\n\t\t\topts.dev ? `-D` : ``,\n\t\t\t...pkgs,\n\t\t].filter(Boolean),\n\t\t{\n\t\t\tnodeOptions: {\n\t\t\t\tstdio: `ignore`,\n\t\t\t\tcwd: opts.to,\n\t\t\t},\n\t\t},\n\t)\n}\n\nfunction getPkgManager(): `bun` | `npm` | `pnpm` | `yarn` {\n\tconst userAgent = process.env[`npm_config_user_agent`] ?? ``\n\tif (userAgent.startsWith(`yarn`)) return `yarn`\n\tif (userAgent.startsWith(`pnpm`)) return `pnpm`\n\tif (userAgent.startsWith(`bun`)) return `bun`\n\treturn `npm`\n}\n"],"mappings":"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"}

package/dist/create-atom.d.ts

@@ -2,13 +2,16 @@ import { Colors } from "picocolors/types";
 
 //#region src/create-atom.d.ts
 declare const pico: Colors;
+type PackageManager = `bun` | `npm` | `pnpm` | `yarn`;
+type TemplateName = `preact-svg-editor` | `react-node-backend`;
 type CreateAtomOptions = {
-  packageManager: `bun` | `npm` | `pnpm` | `yarn`;
+  packageManager: PackageManager;
+  templateName: TemplateName;
 };
 type CreateAtomOptionsPreloaded = { [K in keyof CreateAtomOptions]?: CreateAtomOptions[K] | undefined } & {
   skipHints?: boolean | undefined;
 };
 declare function createAtom(argDir: string | undefined, options: CreateAtomOptionsPreloaded): Promise<void>;
 //#endregion
-export { CreateAtomOptions, CreateAtomOptionsPreloaded, createAtom, pico };
+export { CreateAtomOptions, CreateAtomOptionsPreloaded, PackageManager, TemplateName, createAtom, pico };
 //# sourceMappingURL=create-atom.d.ts.map

package/dist/create-atom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-atom.d.ts","names":["pico: Colors"],"sources":["../src/create-atom.ts"],"sourcesContent":[],"mappings":";;;cASaA,MAAM;KAIP,iBAAA;EAJZ,cAAmB,EAAA,KAAA,GAAA,KAAA,GAAA,MAAA,GAAA,MAAA;AAInB,CAAA;AAIY,KAAA,0BAAA,GAAA,QAAA,MACC,iBADD,IACsB,iBADtB,CACwC,CADxC,CAAA,GAAA,SAAA,EAAA,GAAA;EACC,SAAA,CAAA,EAAA,OAAA,GAAA,SAAA;CAAqB;AAAkB,iBAG9B,UAAA,CAH8B,MAAA,EAAA,MAAA,GAAA,SAAA,EAAA,OAAA,EAK1C,0BAL0C,CAAA,EAMjD,OANiD,CAAA,IAAA,CAAA"}
+{"version":3,"file":"create-atom.d.ts","names":["pico: Colors"],"sources":["../src/create-atom.ts"],"sourcesContent":[],"mappings":";;;cASaA,MAAM;KAIP,cAAA;AAJCA,KAKD,YAAA,GALO,mBAAA,GAAA,oBAAA;AAIP,KAGA,iBAAA,GAHA;EACZ,cAAY,EAGK,cAHL;EAEZ,YAAY,EAEG,YAFH;AAKZ,CAAA;AACa,KADD,0BAAA,GACC,QAAA,MAAA,iBAAA,IAAqB,iBAArB,CAAuC,CAAvC,CAAA,GAAA,SAAA,EAAA,GAAA;EAAqB,SAAA,CAAA,EAAA,OAAA,GAAA,SAAA;CAAkB;AAAA,iBAG9B,UAAA,CAH8B,MAAA,EAAA,MAAA,GAAA,SAAA,EAAA,OAAA,EAK1C,0BAL0C,CAAA,EAMjD,OANiD,CAAA,IAAA,CAAA"}

package/dist/create-atom.js

@@ -1,3 +1,3 @@
-import { n as pico, t as createAtom } from "./create-atom-BV6WVRvY.js";
+import { n as pico, t as createAtom } from "./create-atom-DOkiQlT8.js";
 
 export { createAtom, pico };

package/dist/create-atom.x.js

@@ -1,11 +1,12 @@
 #!/usr/bin/env node
-import { t as createAtom } from "./create-atom-BV6WVRvY.js";
+import { t as createAtom } from "./create-atom-DOkiQlT8.js";
 import { type } from "arktype";
 import { cli, optional, options, parseBooleanOption } from "comline";
 
 //#region src/create-atom.x.ts
 const CREATE_ATOM_OPTS = options(`Create a new project with atom.io.`, type({
 	"packageManager?": `"bun" | "npm" | "pnpm" | "yarn"`,
+	"templateName?": `"preact-svg-editor" | "react-node-backend"`,
 	"skipHints?": `boolean`
 }), {
 	packageManager: {
@@ -14,6 +15,12 @@ const CREATE_ATOM_OPTS = options(`Create a new project with atom.io.`, type({
 		description: `The package manager to use.`,
 		example: `--packageManager="npm"`
 	},
+	templateName: {
+		flag: `t`,
+		required: false,
+		description: `The template to use.`,
+		example: `--templateName="preact-svg-editor"`
+	},
 	skipHints: {
 		flag: `k`,
 		required: false,

package/dist/create-atom.x.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-atom.x.js","names":[],"sources":["../src/create-atom.x.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { type } from \"arktype\"\nimport type { OptionsGroup } from \"comline\"\nimport { cli, optional, options, parseBooleanOption } from \"comline\"\n\nimport type { CreateAtomOptionsPreloaded } from \"./create-atom.ts\"\nimport { createAtom } from \"./create-atom.ts\"\n\nconst CREATE_ATOM_OPTS = options(\n\t`Create a new project with atom.io.`,\n\ttype({\n\t\t\"packageManager?\": `\"bun\" | \"npm\" | \"pnpm\" | \"yarn\"`,\n\t\t\"skipHints?\": `boolean`,\n\t}),\n\t{\n\t\tpackageManager: {\n\t\t\tflag: `m`,\n\t\t\trequired: false,\n\t\t\tdescription: `The package manager to use.`,\n\t\t\texample: `--packageManager=\"npm\"`,\n\t\t},\n\t\tskipHints: {\n\t\t\tflag: `k`,\n\t\t\trequired: false,\n\t\t\tdescription: `Silences the 'Getting Started' info, mainly for use in other initializers that may wrap this one but provide their own scripts/instructions.`,\n\t\t\texample: `--skipHints`,\n\t\t\tparse: parseBooleanOption,\n\t\t},\n\t},\n) satisfies OptionsGroup<CreateAtomOptionsPreloaded>\n\nconst parse = cli(\n\t{\n\t\tcliName: `create-atom`,\n\t\troutes: optional({ $projectName: null }),\n\t\trouteOptions: {\n\t\t\t\"\": CREATE_ATOM_OPTS,\n\t\t\t$projectName: CREATE_ATOM_OPTS,\n\t\t},\n\t},\n\t{\n\t\terror: console.error.bind(console),\n\t\tinfo: () => {},\n\t},\n)\nconst { inputs } = parse(process.argv)\n\nawait createAtom(inputs.path[0], inputs.opts)\n"],"mappings":";;;;;;AASA,MAAM,mBAAmB,QACxB,sCACA,KAAK;CACJ,mBAAmB;CACnB,cAAc;CACd,CAAC,EACF;CACC,gBAAgB;EACf,MAAM;EACN,UAAU;EACV,aAAa;EACb,SAAS;EACT;CACD,WAAW;EACV,MAAM;EACN,UAAU;EACV,aAAa;EACb,SAAS;EACT,OAAO;EACP;CACD,CACD;AAgBD,MAAM,EAAE,WAdM,IACb;CACC,SAAS;CACT,QAAQ,SAAS,EAAE,cAAc,MAAM,CAAC;CACxC,cAAc;EACb,IAAI;EACJ,cAAc;EACd;CACD,EACD;CACC,OAAO,QAAQ,MAAM,KAAK,QAAQ;CAClC,YAAY;CACZ,CACD,CACwB,QAAQ,KAAK;AAEtC,MAAM,WAAW,OAAO,KAAK,IAAI,OAAO,KAAK"}
+{"version":3,"file":"create-atom.x.js","names":[],"sources":["../src/create-atom.x.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { type } from \"arktype\"\nimport type { OptionsGroup } from \"comline\"\nimport { cli, optional, options, parseBooleanOption } from \"comline\"\n\nimport type { CreateAtomOptionsPreloaded } from \"./create-atom.ts\"\nimport { createAtom } from \"./create-atom.ts\"\n\nconst CREATE_ATOM_OPTS = options(\n\t`Create a new project with atom.io.`,\n\ttype({\n\t\t\"packageManager?\": `\"bun\" | \"npm\" | \"pnpm\" | \"yarn\"`,\n\t\t\"templateName?\": `\"preact-svg-editor\" | \"react-node-backend\"`,\n\t\t\"skipHints?\": `boolean`,\n\t}),\n\t{\n\t\tpackageManager: {\n\t\t\tflag: `m`,\n\t\t\trequired: false,\n\t\t\tdescription: `The package manager to use.`,\n\t\t\texample: `--packageManager=\"npm\"`,\n\t\t},\n\t\ttemplateName: {\n\t\t\tflag: `t`,\n\t\t\trequired: false,\n\t\t\tdescription: `The template to use.`,\n\t\t\texample: `--templateName=\"preact-svg-editor\"`,\n\t\t},\n\t\tskipHints: {\n\t\t\tflag: `k`,\n\t\t\trequired: false,\n\t\t\tdescription: `Silences the 'Getting Started' info, mainly for use in other initializers that may wrap this one but provide their own scripts/instructions.`,\n\t\t\texample: `--skipHints`,\n\t\t\tparse: parseBooleanOption,\n\t\t},\n\t},\n) satisfies OptionsGroup<CreateAtomOptionsPreloaded>\n\nconst parse = cli(\n\t{\n\t\tcliName: `create-atom`,\n\t\troutes: optional({ $projectName: null }),\n\t\trouteOptions: {\n\t\t\t\"\": CREATE_ATOM_OPTS,\n\t\t\t$projectName: CREATE_ATOM_OPTS,\n\t\t},\n\t},\n\t{\n\t\terror: console.error.bind(console),\n\t\tinfo: () => {},\n\t},\n)\nconst { inputs } = parse(process.argv)\n\nawait createAtom(inputs.path[0], inputs.opts)\n"],"mappings":";;;;;;AASA,MAAM,mBAAmB,QACxB,sCACA,KAAK;CACJ,mBAAmB;CACnB,iBAAiB;CACjB,cAAc;CACd,CAAC,EACF;CACC,gBAAgB;EACf,MAAM;EACN,UAAU;EACV,aAAa;EACb,SAAS;EACT;CACD,cAAc;EACb,MAAM;EACN,UAAU;EACV,aAAa;EACb,SAAS;EACT;CACD,WAAW;EACV,MAAM;EACN,UAAU;EACV,aAAa;EACb,SAAS;EACT,OAAO;EACP;CACD,CACD;AAgBD,MAAM,EAAE,WAdM,IACb;CACC,SAAS;CACT,QAAQ,SAAS,EAAE,cAAc,MAAM,CAAC;CACxC,cAAc;EACb,IAAI;EACJ,cAAc;EACd;CACD,EACD;CACC,OAAO,QAAQ,MAAM,KAAK,QAAQ;CAClC,YAAY;CACZ,CACD,CACwB,QAAQ,KAAK;AAEtC,MAAM,WAAW,OAAO,KAAK,IAAI,OAAO,KAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-atom.io",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
   "author": {
     "name": "Jeremy Banka",
@@ -49,8 +49,6 @@
     "lint:types": "tsgo --noEmit",
     "watch:types": "tsgo --watch --noEmit",
     "lint": "concurrently \"bun:lint:*\"",
-    "test": "bun test --watch -- **/*.test.ts",
-    "test:once": "bun test -- **/*.test.ts",
     "postversion": "biome format --write package.json"
   }
 }

package/src/create-atom.ts

@@ -11,8 +11,12 @@ export const pico: Colors = picocolors.createColors(true)
 
 const s = prompts.spinner()
 
+export type PackageManager = `bun` | `npm` | `pnpm` | `yarn`
+export type TemplateName = `preact-svg-editor` | `react-node-backend`
+
 export type CreateAtomOptions = {
-	packageManager: `bun` | `npm` | `pnpm` | `yarn`
+	packageManager: PackageManager
+	templateName: TemplateName
 }
 
 export type CreateAtomOptionsPreloaded = {
@@ -28,14 +32,29 @@ export async function createAtom(
 
 	prompts.intro(pico.greenBright(`atom.io - Data Components for TypeScript`))
 
-	const { dir } = await prompts.group(
+	const { dir, templateName } = await prompts.group(
 		{
+			templateName: () =>
+				prompts.select<TemplateName>({
+					message: `Template:`,
+					initialValue: `preact-svg-editor`,
+					options: [
+						{
+							label: `Preact SVG Editor`,
+							value: `preact-svg-editor`,
+						},
+						{
+							label: `React Node Backend`,
+							value: `react-node-backend`,
+						},
+					],
+				}),
 			dir: () =>
 				argDir
 					? Promise.resolve(argDir)
 					: prompts.text({
 							message: `Project directory:`,
-							placeholder: `my-preact-app`,
+							placeholder: `my-app`,
 							validate(value) {
 								if (value.length === 0) {
 									return `Directory name is required!`
@@ -54,7 +73,7 @@ export async function createAtom(
 		},
 	)
 	const targetDir = resolve(process.cwd(), dir)
-	const opts: CreateAtomOptions = { packageManager }
+	const opts: CreateAtomOptions = { packageManager, templateName }
 
 	await useSpinner(
 		`Setting up your project directory...`,
@@ -104,7 +123,11 @@ async function scaffold(to: string, opts: CreateAtomOptions): Promise<void> {
 	await fs.mkdir(to, { recursive: true })
 
 	const __dirname = dirname(fileURLToPath(import.meta.url))
-	await templateDir(resolve(__dirname, `../templates`, `base`), to, opts)
+	await templateDir(
+		resolve(__dirname, `../templates`, opts.templateName),
+		to,
+		opts,
+	)
 }
 
 /**

package/src/create-atom.x.ts

@@ -11,6 +11,7 @@ const CREATE_ATOM_OPTS = options(
 	`Create a new project with atom.io.`,
 	type({
 		"packageManager?": `"bun" | "npm" | "pnpm" | "yarn"`,
+		"templateName?": `"preact-svg-editor" | "react-node-backend"`,
 		"skipHints?": `boolean`,
 	}),
 	{
@@ -20,6 +21,12 @@ const CREATE_ATOM_OPTS = options(
 			description: `The package manager to use.`,
 			example: `--packageManager="npm"`,
 		},
+		templateName: {
+			flag: `t`,
+			required: false,
+			description: `The template to use.`,
+			example: `--templateName="preact-svg-editor"`,
+		},
 		skipHints: {
 			flag: `k`,
 			required: false,

package/templates/{base → preact-svg-editor}/eslint.config.ts

@@ -1,10 +1,10 @@
 import { default as TypeScriptPlugin } from "@typescript-eslint/eslint-plugin"
 import * as parser from "@typescript-eslint/parser"
+import AtomIOPlugin from "atom.io/eslint-plugin"
 import type { ESLint, Linter } from "eslint"
+import PreactConfig from "eslint-config-preact"
 import * as ImportPlugin from "eslint-plugin-import-x"
 import { default as SimpleImportSortPlugin } from "eslint-plugin-simple-import-sort"
-import AtomIOPlugin from "atom.io/eslint-plugin"
-import PreactConfig from "eslint-config-preact"
 
 const ERROR = 2
 
@@ -154,11 +154,12 @@ const commonRules = {
 	"simple-import-sort/exports": ERROR,
 
 	"no-mixed-spaces-and-tabs": 0,
+	"no-duplicate-imports": 0,
 	quotes: [ERROR, `backtick`],
 } satisfies Linter.Config[`rules`]
 
 const configs: Linter.Config[] = [
-	PreactConfig,
+	...PreactConfig,
 	{
 		ignores: [`**/dist/**`, `**/gen/**`, `**/node_modules/**`],
 	},

package/templates/preact-svg-editor/eslint.d.ts

@@ -0,0 +1,31 @@
+// eslint-disable-next-line quotes
+declare module "eslint-plugin-import-x" {
+	import type { ESLint } from "eslint"
+
+	const plugin: ESLint.Plugin
+	export = plugin
+}
+
+// eslint-disable-next-line quotes
+declare module "eslint-plugin-simple-import-sort" {
+	import type { ESLint } from "eslint"
+
+	const plugin: ESLint.Plugin
+	export = plugin
+}
+
+// eslint-disable-next-line quotes
+declare module "@typescript-eslint/eslint-plugin" {
+	import type { ESLint } from "eslint"
+
+	const plugin: ESLint.Plugin
+	export = plugin
+}
+
+// eslint-disable-next-line quotes
+declare module "eslint-config-preact" {
+	import type { Linter } from "eslint"
+
+	const configs: Linter.Config[]
+	export = configs
+}

package/templates/preact-svg-editor/node_modules/.bin/vite

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/wayforge/wayforge/node_modules/.pnpm/vite@7.1.12_@types+node@24.9.2_jiti@2.6.1_lightningcss@1.30.2_sass-embedded@1.93.3_sass@1.93.3_terser@5.44.0_yaml@2.8.1/node_modules/vite/bin/node_modules:/home/runner/work/wayforge/wayforge/node_modules/.pnpm/vite@7.1.12_@types+node@24.9.2_jiti@2.6.1_lightningcss@1.30.2_sass-embedded@1.93.3_sass@1.93.3_terser@5.44.0_yaml@2.8.1/node_modules/vite/node_modules:/home/runner/work/wayforge/wayforge/node_modules/.pnpm/vite@7.1.12_@types+node@24.9.2_jiti@2.6.1_lightningcss@1.30.2_sass-embedded@1.93.3_sass@1.93.3_terser@5.44.0_yaml@2.8.1/node_modules:/home/runner/work/wayforge/wayforge/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/wayforge/wayforge/node_modules/.pnpm/vite@7.1.12_@types+node@24.9.2_jiti@2.6.1_lightningcss@1.30.2_sass-embedded@1.93.3_sass@1.93.3_terser@5.44.0_yaml@2.8.1/node_modules/vite/bin/node_modules:/home/runner/work/wayforge/wayforge/node_modules/.pnpm/vite@7.1.12_@types+node@24.9.2_jiti@2.6.1_lightningcss@1.30.2_sass-embedded@1.93.3_sass@1.93.3_terser@5.44.0_yaml@2.8.1/node_modules/vite/node_modules:/home/runner/work/wayforge/wayforge/node_modules/.pnpm/vite@7.1.12_@types+node@24.9.2_jiti@2.6.1_lightningcss@1.30.2_sass-embedded@1.93.3_sass@1.93.3_terser@5.44.0_yaml@2.8.1/node_modules:/home/runner/work/wayforge/wayforge/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../vite/bin/vite.js" "$@"
+else
+  exec node  "$basedir/../vite/bin/vite.js" "$@"
+fi

package/templates/{base → preact-svg-editor}/package.json

@@ -7,7 +7,7 @@
 		"preview": "vite preview"
 	},
 	"dependencies": {
-		"atom.io": "0.44.0",
+		"atom.io": "0.44.1",
 		"preact": "10.27.2",
 		"react": "npm:@preact/compat@18.3.1",
 		"react-dom": "npm:@preact/compat@18.3.1"