jsrepo 1.4.1 → 1.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/index.ts
 import fs12 from "node:fs";
 import { fileURLToPath } from "node:url";
-import { program as program6 } from "commander";
+import { program as program7 } from "commander";
 import path12 from "pathe";
 
 // src/commands/add.ts
@@ -25,6 +25,7 @@ var TOP_LEFT_CORNER = color.gray("\u250C");
 var BOTTOM_LEFT_CORNER = color.gray("\u2514");
 var WARN = color.bgRgb(245, 149, 66).white("WARN");
 var INFO = color.bgBlueBright.white("INFO");
+var JSREPO = color.hex("#f7df1e")("jsrepo");
 
 // src/utils/blocks.ts
 import fs4 from "node:fs";
@@ -981,11 +982,17 @@ var buildBlocksDirectory = (blocksPath, { cwd, excludeDeps }) => {
         const devDepsSet = /* @__PURE__ */ new Set();
         for (const f of blockFiles) {
           if (isTestFile(f)) continue;
+          if (fs3.statSync(path3.join(blockDir, f)).isDirectory()) {
+            console.warn(
+              `${VERTICAL_LINE}  ${WARN} Skipped \`${color3.bold(path3.join(blockDir, f))}\` subdirectories are not currently supported!`
+            );
+            continue;
+          }
           const lang = languages.find((resolver) => resolver.matches(f));
           if (!lang) {
             console.warn(
-              `${WARN} Skipped \`${color3.bold(path3.join(blockDir, f))}\` \`${color3.bold(
-                path3.parse(file).ext
+              `${VERTICAL_LINE}  ${WARN} Skipped \`${color3.bold(path3.join(blockDir, f))}\` \`*${color3.bold(
+                path3.parse(f).ext
               )}\` files are not currently supported!`
             );
             continue;
@@ -1455,7 +1462,7 @@ var _add = async (blockNames, options) => {
     (val) => val,
     program2.error
   );
-  const pm = (await detect({ cwd: process.cwd() }))?.agent ?? "npm";
+  const pm = (await detect({ cwd: options.cwd }))?.agent ?? "npm";
   const tasks = [];
   const devDeps = /* @__PURE__ */ new Set();
   const deps = /* @__PURE__ */ new Set();
@@ -2001,9 +2008,10 @@ ${prefix?.() ?? ""}
 
 // src/commands/init.ts
 import fs9 from "node:fs";
-import { cancel as cancel3, confirm as confirm3, isCancel as isCancel3, outro as outro4, spinner as spinner5, text } from "@clack/prompts";
+import { cancel as cancel3, confirm as confirm3, isCancel as isCancel3, outro as outro4, select, spinner as spinner5, text } from "@clack/prompts";
 import color11 from "chalk";
-import { Command as Command4 } from "commander";
+import { Command as Command4, program as program4 } from "commander";
+import { detect as detect2, resolveCommand as resolveCommand3 } from "package-manager-detector";
 import path9 from "pathe";
 import * as v8 from "valibot";
 var schema5 = v8.object({
@@ -2011,18 +2019,48 @@ var schema5 = v8.object({
   repos: v8.optional(v8.array(v8.string())),
   watermark: v8.boolean(),
   tests: v8.optional(v8.boolean()),
+  project: v8.optional(v8.boolean()),
+  registry: v8.optional(v8.boolean()),
+  script: v8.string(),
+  yes: v8.boolean(),
   cwd: v8.string()
 });
-var init = new Command4("init").description("Initializes your project with a configuration file.").option("--path <path>", "Path to install the blocks.").option("--repos [repos...]", "Repository to install the blocks from.").option(
+var init = new Command4("init").description("Initializes your project with a configuration file.").option("--path <path>", "Path to install the blocks / Path to build the blocks from.").option("--repos [repos...]", "Repository to install the blocks from.").option(
   "--no-watermark",
   "Will not add a watermark to each file upon adding it to your project."
-).option("--tests", "Will include tests with the blocks.").option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
+).option("--tests", "Will include tests with the blocks.").option("-P, --project", "Takes you through the steps to initialize a project.").option("-R, --registry", "Takes you through the steps to initialize a registry.").option("--script <name>", "The name of the build script. (For Registry setup)", "build").option("-y, --yes", "Skip confirmation prompt.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
   const options = v8.parse(schema5, opts);
   _intro(context.package.version);
-  await _init(options);
+  if (options.registry !== void 0 && options.project !== void 0) {
+    program4.error(
+      color11.red(
+        `You cannot provide both ${color11.bold("--project")} and ${color11.bold("--registry")} at the same time.`
+      )
+    );
+  }
+  if (options.registry === void 0 && options.project === void 0) {
+    const response = await select({
+      message: "Initialize a project or registry?",
+      options: [
+        { value: "project", label: "project" },
+        { value: "registry", label: "registry" }
+      ],
+      initialValue: "project"
+    });
+    if (isCancel3(response)) {
+      cancel3("Canceled!");
+      process.exit(0);
+    }
+    options.registry = response === "registry";
+  }
+  if (options.registry) {
+    await _initRegistry(options);
+  } else {
+    await _initProject(options);
+  }
   outro4(color11.green("All done!"));
 });
-var _init = async (options) => {
+var _initProject = async (options) => {
   const initialConfig = getConfig(options.cwd);
   const loading = spinner5();
   if (!options.path) {
@@ -2084,15 +2122,146 @@ var _init = async (options) => {
   fs9.mkdirSync(path9.join(options.cwd, config.path), { recursive: true });
   loading.stop(`Wrote config to \`${CONFIG_NAME}\`.`);
 };
+var _initRegistry = async (options) => {
+  const loading = spinner5();
+  if (!options.path) {
+    const response = await text({
+      message: "Where are your blocks located?",
+      defaultValue: "./blocks",
+      initialValue: "./blocks",
+      placeholder: "./blocks"
+    });
+    if (isCancel3(response)) {
+      cancel3("Canceled!");
+      process.exit(0);
+    }
+    options.path = response;
+  }
+  const packagePath = path9.join(options.cwd, "package.json");
+  if (!fs9.existsSync(packagePath)) {
+    program4.error(color11.red(`Couldn't find your ${color11.bold("package.json")}!`));
+  }
+  const pkg = JSON.parse(fs9.readFileSync(packagePath).toString());
+  const scriptAlreadyExists = pkg.scripts !== void 0 && pkg.scripts[options.script] !== void 0;
+  if (!options.yes && scriptAlreadyExists) {
+    const response = await confirm3({
+      message: `The \`${color11.cyan(options.script)}\` already exists overwrite?`,
+      initialValue: false
+    });
+    if (isCancel3(response)) {
+      cancel3("Canceled!");
+      process.exit(0);
+    }
+    if (!response) {
+      const response2 = await text({
+        message: "What would you like to call the script?",
+        defaultValue: "build:registry",
+        placeholder: "build:registry",
+        initialValue: "build:registry",
+        validate: (val) => {
+          if (val.trim().length === 0) return "Please provide a value!";
+        }
+      });
+      if (isCancel3(response2)) {
+        cancel3("Canceled!");
+        process.exit(0);
+      }
+      options.script = response2;
+    }
+  }
+  const alreadyInstalled = pkg.devDependencies && pkg.devDependencies.jsrepo !== void 0;
+  let installAsDevDependency = options.yes || alreadyInstalled;
+  if (!options.yes && !alreadyInstalled) {
+    const response = await confirm3({
+      message: `Add ${JSREPO} as a dev dependency?`,
+      initialValue: true
+    });
+    if (isCancel3(response)) {
+      cancel3("Canceled!");
+      process.exit(0);
+    }
+    installAsDevDependency = response;
+  }
+  const pm = (await detect2({ cwd: "cwd" }))?.agent ?? "npm";
+  let buildScript = "";
+  if (installAsDevDependency) {
+    buildScript += "jsrepo build ";
+  } else {
+    const command = resolveCommand3(pm, "execute", ["jsrepo", "build"]);
+    if (!command) program4.error(color11.red(`Error resolving execute command for ${pm}`));
+    buildScript += `${command.command} ${command.args.join(" ")} `;
+  }
+  if (options.path !== "./build") {
+    buildScript += `--dirs ${options.path}`;
+  }
+  if (pkg.scripts === void 0) {
+    pkg.scripts = {};
+  }
+  pkg.scripts[options.script] = buildScript;
+  loading.start(`Adding \`${color11.cyan(options.script)}\` to scripts in package.json`);
+  try {
+    fs9.writeFileSync(packagePath, JSON.stringify(pkg, null, "	"));
+  } catch (err) {
+    program4.error(color11.red(`Error writing to \`${color11.bold(packagePath)}\`. Error: ${err}`));
+  }
+  loading.stop(`Added \`${color11.cyan(options.script)}\` to scripts in package.json`);
+  let installed = alreadyInstalled;
+  if (installAsDevDependency && !alreadyInstalled) {
+    let shouldInstall = options.yes;
+    if (!options.yes) {
+      const response = await confirm3({
+        message: "Install dependencies?",
+        initialValue: true
+      });
+      if (isCancel3(response)) {
+        cancel3("Canceled!");
+        process.exit(0);
+      }
+      shouldInstall = response;
+    }
+    if (shouldInstall) {
+      loading.start(`Installing ${JSREPO}`);
+      const installedResult = await installDependencies({
+        pm,
+        deps: ["jsrepo"],
+        dev: true,
+        cwd: options.cwd
+      });
+      installedResult.match(
+        () => loading.stop(`Installed ${JSREPO}.`),
+        (err) => {
+          loading.stop(`Failed to install ${JSREPO}.`);
+          program4.error(err);
+        }
+      );
+      installed = true;
+    }
+  }
+  let steps = [];
+  if (!installed && installAsDevDependency) {
+    const cmd = resolveCommand3(pm, "install", ["jsrepo", "-D"]);
+    steps.push(
+      `Install ${JSREPO} as a dev dependency \`${color11.cyan(`${cmd?.command} ${cmd?.args.join(" ")}`)}\``
+    );
+  }
+  steps.push(`Add blocks to \`${color11.cyan(options.path)}\`.`);
+  const runScript = resolveCommand3(pm, "run", [options.script]);
+  steps.push(
+    `Run \`${color11.cyan(`${runScript?.command} ${runScript?.args.join(" ")}`)}\` to build the registry.`
+  );
+  steps = steps.map((step, i) => `${i + 1}. ${step}`);
+  const next = nextSteps(steps);
+  process.stdout.write(next);
+};
 
 // src/commands/test.ts
 import fs10 from "node:fs";
 import { cancel as cancel4, confirm as confirm4, isCancel as isCancel4, outro as outro5, spinner as spinner6 } from "@clack/prompts";
 import color12 from "chalk";
-import { Argument, Command as Command5, program as program4 } from "commander";
+import { Argument, Command as Command5, program as program5 } from "commander";
 import { execa as execa2 } from "execa";
-import { resolveCommand as resolveCommand3 } from "package-manager-detector/commands";
-import { detect as detect2 } from "package-manager-detector/detect";
+import { resolveCommand as resolveCommand4 } from "package-manager-detector/commands";
+import { detect as detect3 } from "package-manager-detector/detect";
 import path10 from "pathe";
 import { Project as Project2 } from "ts-morph";
 import * as v9 from "valibot";
@@ -2118,7 +2287,7 @@ var _test = async (blockNames, options) => {
   verbose(`Attempting to test ${JSON.stringify(blockNames)}`);
   const config = getConfig(options.cwd).match(
     (val) => val,
-    (err) => program4.error(color12.red(err))
+    (err) => program5.error(color12.red(err))
   );
   const loading = spinner6();
   const blocksMap = /* @__PURE__ */ new Map();
@@ -2139,14 +2308,14 @@ var _test = async (blockNames, options) => {
   for (const repo of repoPaths) {
     const providerInfo = (await getProviderInfo(repo)).match(
       (info) => info,
-      (err) => program4.error(color12.red(err))
+      (err) => program5.error(color12.red(err))
     );
     const manifestUrl = await providerInfo.provider.resolveRaw(providerInfo, OUTPUT_FILE);
     verbose(`Got info for provider ${color12.cyan(providerInfo.name)}`);
     const response = await fetch(manifestUrl);
     if (!response.ok) {
       if (!options.verbose) loading.stop(`Error fetching ${color12.cyan(manifestUrl.href)}`);
-      program4.error(
+      program5.error(
         color12.red(
           `There was an error fetching the \`${OUTPUT_FILE}\` from the repository ${color12.cyan(
             repo
@@ -2186,7 +2355,7 @@ var _test = async (blockNames, options) => {
   }
   if (testingBlocks.length === 0) {
     cleanUp();
-    program4.error(color12.red("There were no blocks found in your project!"));
+    program5.error(color12.red("There were no blocks found in your project!"));
   }
   const testingBlocksMapped = [];
   for (const blockSpecifier of testingBlocks) {
@@ -2212,7 +2381,7 @@ var _test = async (blockNames, options) => {
         }
         const providerInfo = (await getProviderInfo(repo)).match(
           (val) => val,
-          (err) => program4.error(color12.red(err))
+          (err) => program5.error(color12.red(err))
         );
         const manifestUrl = await providerInfo.provider.resolveRaw(
           providerInfo,
@@ -2220,7 +2389,7 @@ var _test = async (blockNames, options) => {
         );
         const categories = (await getManifest(manifestUrl)).match(
           (val) => val,
-          (err) => program4.error(color12.red(err))
+          (err) => program5.error(color12.red(err))
         );
         for (const category of categories) {
           for (const block2 of category.blocks) {
@@ -2237,7 +2406,7 @@ var _test = async (blockNames, options) => {
       block = blocksMap.get(blockSpecifier);
     }
     if (!block) {
-      program4.error(
+      program5.error(
         color12.red(`Invalid block! ${color12.bold(blockSpecifier)} does not exist!`)
       );
     }
@@ -2257,7 +2426,7 @@ var _test = async (blockNames, options) => {
       const response = await fetch(rawUrl);
       if (!response.ok) {
         loading.stop(color12.red(`Error fetching ${color12.bold(rawUrl.href)}`));
-        program4.error(color12.red(`There was an error trying to get ${specifier}`));
+        program5.error(color12.red(`There was an error trying to get ${specifier}`));
       }
       return await response.text();
     };
@@ -2306,13 +2475,13 @@ var _test = async (blockNames, options) => {
     }
   }
   verbose("Beginning testing");
-  const pm = await detect2({ cwd: options.cwd });
+  const pm = await detect3({ cwd: options.cwd });
   if (pm == null) {
-    program4.error(color12.red("Could not detect package manager"));
+    program5.error(color12.red("Could not detect package manager"));
   }
-  const resolved = resolveCommand3(pm.agent, "execute", ["vitest", "run", tempTestDirectory]);
+  const resolved = resolveCommand4(pm.agent, "execute", ["vitest", "run", tempTestDirectory]);
   if (resolved == null) {
-    program4.error(color12.red(`Could not resolve add command for '${pm.agent}'.`));
+    program5.error(color12.red(`Could not resolve add command for '${pm.agent}'.`));
   }
   const { command, args } = resolved;
   const testCommand = `${command} ${args.join(" ")}`;
@@ -2337,7 +2506,7 @@ var _test = async (blockNames, options) => {
     } else {
       cleanUp();
     }
-    program4.error(color12.red(`Tests failed! Error ${err}`));
+    program5.error(color12.red(`Tests failed! Error ${err}`));
   }
 };
 
@@ -2345,10 +2514,10 @@ var _test = async (blockNames, options) => {
 import fs11 from "node:fs";
 import { cancel as cancel5, confirm as confirm5, isCancel as isCancel5, multiselect as multiselect2, outro as outro6, spinner as spinner7 } from "@clack/prompts";
 import color13 from "chalk";
-import { Command as Command6, program as program5 } from "commander";
+import { Command as Command6, program as program6 } from "commander";
 import { diffLines as diffLines2 } from "diff";
-import { resolveCommand as resolveCommand4 } from "package-manager-detector/commands";
-import { detect as detect3 } from "package-manager-detector/detect";
+import { resolveCommand as resolveCommand5 } from "package-manager-detector/commands";
+import { detect as detect4 } from "package-manager-detector/detect";
 import path11 from "pathe";
 import * as v10 from "valibot";
 var schema7 = v10.object({
@@ -2383,13 +2552,13 @@ var _update = async (blockNames, options) => {
   const loading = spinner7();
   const config = getConfig(options.cwd).match(
     (val) => val,
-    (err) => program5.error(color13.red(err))
+    (err) => program6.error(color13.red(err))
   );
   let repoPaths = config.repos;
   if (options.repo) repoPaths = [options.repo];
   for (const blockSpecifier of blockNames) {
     if (blockSpecifier.startsWith("github")) {
-      program5.error(
+      program6.error(
         color13.red(
           `Invalid value provided for block names \`${color13.bold(blockSpecifier)}\`. Block names are expected to be provided in the format of \`${color13.bold("<category>/<name>")}\``
         )
@@ -2412,7 +2581,7 @@ var _update = async (blockNames, options) => {
     (val) => val,
     ({ repo, message }) => {
       loading.stop(`Failed fetching blocks from ${color13.cyan(repo)}`);
-      program5.error(color13.red(message));
+      program6.error(color13.red(message));
     }
   );
   if (!options.verbose) loading.stop(`Retrieved blocks from ${color13.cyan(repoPaths.join(", "))}`);
@@ -2442,9 +2611,9 @@ var _update = async (blockNames, options) => {
   verbose(`Preparing to update ${color13.cyan(updatingBlockNames.join(", "))}`);
   const updatingBlocks = (await resolveTree(updatingBlockNames, blocksMap, repoPaths)).match(
     (val) => val,
-    program5.error
+    program6.error
   );
-  const pm = (await detect3({ cwd: process.cwd() }))?.agent ?? "npm";
+  const pm = (await detect4({ cwd: options.cwd }))?.agent ?? "npm";
   const tasks = [];
   const devDeps = /* @__PURE__ */ new Set();
   const deps = /* @__PURE__ */ new Set();
@@ -2460,7 +2629,7 @@ var _update = async (blockNames, options) => {
       const response = await fetch(rawUrl);
       if (!response.ok) {
         loading.stop(color13.red(`Error fetching ${color13.bold(rawUrl.href)}`));
-        program5.error(color13.red(`There was an error trying to get ${fullSpecifier}`));
+        program6.error(color13.red(`There was an error trying to get ${fullSpecifier}`));
       }
       return await response.text();
     };
@@ -2603,7 +2772,7 @@ ${prefix?.() ?? ""}
           },
           (err) => {
             if (!options.verbose) loading.stop("Failed to install dependencies");
-            program5.error(err);
+            program6.error(err);
           }
         );
       }
@@ -2622,7 +2791,7 @@ ${prefix?.() ?? ""}
           },
           (err) => {
             if (!options.verbose) loading.stop("Failed to install dev dependencies");
-            program5.error(err);
+            program6.error(err);
           }
         );
       }
@@ -2630,13 +2799,13 @@ ${prefix?.() ?? ""}
     let steps = [];
     if (!install) {
       if (deps.size > 0) {
-        const cmd = resolveCommand4(pm, "install", [...deps]);
+        const cmd = resolveCommand5(pm, "install", [...deps]);
         steps.push(
           `Install dependencies \`${color13.cyan(`${cmd?.command} ${cmd?.args.join(" ")}`)}\``
         );
       }
       if (devDeps.size > 0) {
-        const cmd = resolveCommand4(pm, "install", [...devDeps, "-D"]);
+        const cmd = resolveCommand5(pm, "install", [...devDeps, "-D"]);
         steps.push(
           `Install dev dependencies \`${color13.cyan(`${cmd?.command} ${cmd?.args.join(" ")}`)}\``
         );
@@ -2669,8 +2838,8 @@ var context = {
   },
   resolveRelativeToRoot
 };
-program6.name(name).description(description).version(version).addCommand(add).addCommand(init).addCommand(test).addCommand(build).addCommand(update).addCommand(diff);
-program6.parse();
+program7.name(name).description(description).version(version).addCommand(add).addCommand(init).addCommand(test).addCommand(build).addCommand(update).addCommand(diff);
+program7.parse();
 export {
   context
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jsrepo",
   "description": "A CLI to add shared code from remote repositories.",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ieedan/jsrepo"
@@ -34,11 +34,11 @@
     "@types/node": "^22.9.0",
     "@types/validate-npm-package-name": "^4.0.2",
     "tsup": "^8.3.5",
-    "typescript": "^5.6.3",
+    "typescript": "^5.7.2",
     "vitest": "^2.1.5"
   },
   "dependencies": {
-    "@clack/prompts": "^0.8.1",
+    "@clack/prompts": "^0.8.2",
     "@vue/compiler-sfc": "^3.5.13",
     "ansi-regex": "^6.1.0",
     "chalk": "^5.3.0",
@@ -49,7 +49,7 @@
     "octokit": "^4.0.2",
     "package-manager-detector": "^0.2.4",
     "pathe": "^1.1.2",
-    "svelte": "^5.2.3",
+    "svelte": "^5.2.7",
     "ts-morph": "^24.0.0",
     "valibot": "^0.42.1",
     "validate-npm-package-name": "^6.0.0"

package/src/commands/add.ts

@@ -194,7 +194,7 @@ const _add = async (blockNames: string[], options: Options) => {
 		program.error
 	);
 
-	const pm = (await detect({ cwd: process.cwd() }))?.agent ?? 'npm';
+	const pm = (await detect({ cwd: options.cwd }))?.agent ?? 'npm';
 
 	const tasks: Task[] = [];
 

package/src/commands/init.ts

@@ -1,18 +1,25 @@
 import fs from 'node:fs';
-import { cancel, confirm, isCancel, outro, spinner, text } from '@clack/prompts';
+import { cancel, confirm, isCancel, outro, select, spinner, text } from '@clack/prompts';
 import color from 'chalk';
-import { Command } from 'commander';
+import { Command, program } from 'commander';
+import { detect, resolveCommand } from 'package-manager-detector';
 import path from 'pathe';
 import * as v from 'valibot';
 import { context } from '..';
+import * as ascii from '../utils/ascii';
 import { CONFIG_NAME, type Config, getConfig } from '../utils/config';
-import { intro } from '../utils/prompts';
+import { installDependencies } from '../utils/dependencies';
+import { intro, nextSteps } from '../utils/prompts';
 
 const schema = v.object({
 	path: v.optional(v.string()),
 	repos: v.optional(v.array(v.string())),
 	watermark: v.boolean(),
 	tests: v.optional(v.boolean()),
+	project: v.optional(v.boolean()),
+	registry: v.optional(v.boolean()),
+	script: v.string(),
+	yes: v.boolean(),
 	cwd: v.string(),
 });
 
@@ -20,25 +27,59 @@ type Options = v.InferInput<typeof schema>;
 
 const init = new Command('init')
 	.description('Initializes your project with a configuration file.')
-	.option('--path <path>', 'Path to install the blocks.')
+	.option('--path <path>', 'Path to install the blocks / Path to build the blocks from.')
 	.option('--repos [repos...]', 'Repository to install the blocks from.')
 	.option(
 		'--no-watermark',
 		'Will not add a watermark to each file upon adding it to your project.'
 	)
 	.option('--tests', 'Will include tests with the blocks.')
+	.option('-P, --project', 'Takes you through the steps to initialize a project.')
+	.option('-R, --registry', 'Takes you through the steps to initialize a registry.')
+	.option('--script <name>', 'The name of the build script. (For Registry setup)', 'build')
+	.option('-y, --yes', 'Skip confirmation prompt.', false)
 	.option('--cwd <path>', 'The current working directory.', process.cwd())
 	.action(async (opts) => {
 		const options = v.parse(schema, opts);
 
 		intro(context.package.version);
 
-		await _init(options);
+		if (options.registry !== undefined && options.project !== undefined) {
+			program.error(
+				color.red(
+					`You cannot provide both ${color.bold('--project')} and ${color.bold('--registry')} at the same time.`
+				)
+			);
+		}
+
+		if (options.registry === undefined && options.project === undefined) {
+			const response = await select({
+				message: 'Initialize a project or registry?',
+				options: [
+					{ value: 'project', label: 'project' },
+					{ value: 'registry', label: 'registry' },
+				],
+				initialValue: 'project',
+			});
+
+			if (isCancel(response)) {
+				cancel('Canceled!');
+				process.exit(0);
+			}
+
+			options.registry = response === 'registry';
+		}
+
+		if (options.registry) {
+			await _initRegistry(options);
+		} else {
+			await _initProject(options);
+		}
 
 		outro(color.green('All done!'));
 	});
 
-const _init = async (options: Options) => {
+const _initProject = async (options: Options) => {
 	const initialConfig = getConfig(options.cwd);
 
 	const loading = spinner();
@@ -118,4 +159,183 @@ const _init = async (options: Options) => {
 	loading.stop(`Wrote config to \`${CONFIG_NAME}\`.`);
 };
 
+const _initRegistry = async (options: Options) => {
+	const loading = spinner();
+
+	if (!options.path) {
+		const response = await text({
+			message: 'Where are your blocks located?',
+			defaultValue: './blocks',
+			initialValue: './blocks',
+			placeholder: './blocks',
+		});
+
+		if (isCancel(response)) {
+			cancel('Canceled!');
+			process.exit(0);
+		}
+
+		options.path = response;
+	}
+
+	const packagePath = path.join(options.cwd, 'package.json');
+
+	if (!fs.existsSync(packagePath)) {
+		program.error(color.red(`Couldn't find your ${color.bold('package.json')}!`));
+	}
+
+	const pkg = JSON.parse(fs.readFileSync(packagePath).toString());
+
+	const scriptAlreadyExists =
+		pkg.scripts !== undefined && pkg.scripts[options.script] !== undefined;
+
+	if (!options.yes && scriptAlreadyExists) {
+		const response = await confirm({
+			message: `The \`${color.cyan(options.script)}\` already exists overwrite?`,
+			initialValue: false,
+		});
+
+		if (isCancel(response)) {
+			cancel('Canceled!');
+			process.exit(0);
+		}
+
+		if (!response) {
+			const response = await text({
+				message: 'What would you like to call the script?',
+				defaultValue: 'build:registry',
+				placeholder: 'build:registry',
+				initialValue: 'build:registry',
+				validate: (val) => {
+					if (val.trim().length === 0) return 'Please provide a value!';
+				},
+			});
+
+			if (isCancel(response)) {
+				cancel('Canceled!');
+				process.exit(0);
+			}
+
+			options.script = response;
+		}
+	}
+
+	const alreadyInstalled = pkg.devDependencies && pkg.devDependencies.jsrepo !== undefined;
+
+	let installAsDevDependency = options.yes || alreadyInstalled;
+
+	if (!options.yes && !alreadyInstalled) {
+		const response = await confirm({
+			message: `Add ${ascii.JSREPO} as a dev dependency?`,
+			initialValue: true,
+		});
+
+		if (isCancel(response)) {
+			cancel('Canceled!');
+			process.exit(0);
+		}
+
+		installAsDevDependency = response;
+	}
+
+	const pm = (await detect({ cwd: 'cwd' }))?.agent ?? 'npm';
+
+	let buildScript = '';
+
+	if (installAsDevDependency) {
+		buildScript += 'jsrepo build ';
+	} else {
+		const command = resolveCommand(pm, 'execute', ['jsrepo', 'build']);
+
+		if (!command) program.error(color.red(`Error resolving execute command for ${pm}`));
+
+		buildScript += `${command.command} ${command.args.join(' ')} `;
+	}
+
+	if (options.path !== './build') {
+		buildScript += `--dirs ${options.path}`;
+	}
+
+	if (pkg.scripts === undefined) {
+		pkg.scripts = {};
+	}
+
+	pkg.scripts[options.script] = buildScript;
+
+	loading.start(`Adding \`${color.cyan(options.script)}\` to scripts in package.json`);
+
+	try {
+		fs.writeFileSync(packagePath, JSON.stringify(pkg, null, '\t'));
+	} catch (err) {
+		program.error(color.red(`Error writing to \`${color.bold(packagePath)}\`. Error: ${err}`));
+	}
+
+	loading.stop(`Added \`${color.cyan(options.script)}\` to scripts in package.json`);
+
+	let installed = alreadyInstalled;
+
+	if (installAsDevDependency && !alreadyInstalled) {
+		let shouldInstall = options.yes;
+		if (!options.yes) {
+			const response = await confirm({
+				message: 'Install dependencies?',
+				initialValue: true,
+			});
+
+			if (isCancel(response)) {
+				cancel('Canceled!');
+				process.exit(0);
+			}
+
+			shouldInstall = response;
+		}
+
+		if (shouldInstall) {
+			loading.start(`Installing ${ascii.JSREPO}`);
+
+			const installedResult = await installDependencies({
+				pm,
+				deps: ['jsrepo'],
+				dev: true,
+				cwd: options.cwd,
+			});
+
+			installedResult.match(
+				() => loading.stop(`Installed ${ascii.JSREPO}.`),
+				(err) => {
+					loading.stop(`Failed to install ${ascii.JSREPO}.`);
+					program.error(err);
+				}
+			);
+
+			installed = true;
+		}
+	}
+
+	let steps: string[] = [];
+
+	if (!installed && installAsDevDependency) {
+		const cmd = resolveCommand(pm, 'install', ['jsrepo', '-D']);
+
+		steps.push(
+			`Install ${ascii.JSREPO} as a dev dependency \`${color.cyan(`${cmd?.command} ${cmd?.args.join(' ')}`)}\``
+		);
+	}
+
+	steps.push(`Add blocks to \`${color.cyan(options.path)}\`.`);
+
+	const runScript = resolveCommand(pm, 'run', [options.script]);
+
+	steps.push(
+		`Run \`${color.cyan(`${runScript?.command} ${runScript?.args.join(' ')}`)}\` to build the registry.`
+	);
+
+	// put steps with numbers above here
+	steps = steps.map((step, i) => `${i + 1}. ${step}`);
+
+	const next = nextSteps(steps);
+
+	process.stdout.write(next);
+};
+
 export { init };

package/src/commands/update.ts

@@ -156,7 +156,7 @@ const _update = async (blockNames: string[], options: Options) => {
 		program.error
 	);
 
-	const pm = (await detect({ cwd: process.cwd() }))?.agent ?? 'npm';
+	const pm = (await detect({ cwd: options.cwd }))?.agent ?? 'npm';
 
 	const tasks: Task[] = [];
 

package/src/utils/ascii.ts

@@ -10,3 +10,5 @@ export const BOTTOM_LEFT_CORNER = color.gray('└');
 
 export const WARN = color.bgRgb(245, 149, 66).white('WARN');
 export const INFO = color.bgBlueBright.white('INFO');
+
+export const JSREPO = color.hex('#f7df1e')('jsrepo');

package/src/utils/build.ts

@@ -138,12 +138,19 @@ const buildBlocksDirectory = (blocksPath: string, { cwd, excludeDeps }: Options)
 				for (const f of blockFiles) {
 					if (isTestFile(f)) continue;
 
+					if (fs.statSync(path.join(blockDir, f)).isDirectory()) {
+						console.warn(
+							`${ascii.VERTICAL_LINE}  ${ascii.WARN} Skipped \`${color.bold(path.join(blockDir, f))}\` subdirectories are not currently supported!`
+						);
+						continue;
+					}
+
 					const lang = languages.find((resolver) => resolver.matches(f));
 
 					if (!lang) {
 						console.warn(
-							`${ascii.WARN} Skipped \`${color.bold(path.join(blockDir, f))}\` \`${color.bold(
-								path.parse(file).ext
+							`${ascii.VERTICAL_LINE}  ${ascii.WARN} Skipped \`${color.bold(path.join(blockDir, f))}\` \`*${color.bold(
+								path.parse(f).ext
 							)}\` files are not currently supported!`
 						);
 						continue;