jsrepo 1.3.1 → 1.4.1

package/dist/index.js

@@ -1,18 +1,18 @@
 // src/index.ts
 import fs12 from "node:fs";
-import path12 from "node:path";
 import { fileURLToPath } from "node:url";
 import { program as program6 } from "commander";
+import path12 from "pathe";
 
 // src/commands/add.ts
 import fs6 from "node:fs";
-import path6 from "node:path";
 import { cancel, confirm, isCancel, multiselect, outro, spinner as spinner2 } from "@clack/prompts";
 import color7 from "chalk";
 import { Command, program as program2 } from "commander";
 import { resolveCommand as resolveCommand2 } from "package-manager-detector/commands";
 import { detect } from "package-manager-detector/detect";
-import * as v4 from "valibot";
+import path6 from "pathe";
+import * as v5 from "valibot";
 
 // src/utils/ascii.ts
 import color from "chalk";
@@ -28,8 +28,8 @@ var INFO = color.bgBlueBright.white("INFO");
 
 // src/utils/blocks.ts
 import fs4 from "node:fs";
-import path4 from "node:path";
 import color4 from "chalk";
+import path4 from "pathe";
 
 // src/utils/blocks/types/result.ts
 var Result = class {
@@ -680,28 +680,29 @@ var mapToArray = (map, fn) => {
 
 // src/utils/git-providers.ts
 import { Octokit } from "octokit";
-import * as v2 from "valibot";
+import * as v3 from "valibot";
 
 // src/utils/build.ts
 import fs3 from "node:fs";
-import path3 from "node:path";
 import color3 from "chalk";
 import { program } from "commander";
-import * as v from "valibot";
+import path3 from "pathe";
+import * as v2 from "valibot";
 
 // src/utils/language-support.ts
 import fs2 from "node:fs";
 import { builtinModules } from "node:module";
-import path2 from "node:path";
+import * as v from "@vue/compiler-sfc";
 import color2 from "chalk";
 import { walk } from "estree-walker";
+import path2 from "pathe";
 import * as sv from "svelte/compiler";
 import { Project } from "ts-morph";
 import validatePackageName from "validate-npm-package-name";
 
 // src/utils/package.ts
 import fs from "node:fs";
-import path from "node:path";
+import path from "pathe";
 var findNearestPackageJson = (startDir, until) => {
   const packagePath = path.join(startDir, "package.json");
   if (fs.existsSync(packagePath)) return packagePath;
@@ -726,7 +727,7 @@ var parsePackageName = (input) => {
 // src/utils/language-support.ts
 var typescript = {
   matches: (fileName) => fileName.endsWith(".ts") || fileName.endsWith(".js") || fileName.endsWith(".tsx") || fileName.endsWith(".jsx"),
-  resolveDependencies: (filePath, category, isSubDir) => {
+  resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
     const project = new Project();
     const blockFile = project.addSourceFileAtPath(filePath);
     const imports = blockFile.getImportDeclarations();
@@ -740,7 +741,11 @@ var typescript = {
       if (localDep) localDeps.add(localDep);
     }
     const deps = imports.filter((declaration) => !declaration.getModuleSpecifierValue().startsWith(".")).map((declaration) => declaration.getModuleSpecifierValue());
-    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+    const { devDependencies, dependencies } = resolveRemoteDeps(
+      Array.from(deps),
+      filePath,
+      excludeDeps
+    );
     return Ok({
       local: Array.from(localDeps),
       dependencies,
@@ -753,7 +758,7 @@ ${content}
 };
 var svelte = {
   matches: (fileName) => fileName.endsWith(".svelte"),
-  resolveDependencies: (filePath, category, isSubDir) => {
+  resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
     const sourceCode = fs2.readFileSync(filePath).toString();
     const root = sv.parse(sourceCode, { modern: true });
     if (!root.instance) return Ok({ dependencies: [], devDependencies: [], local: [] });
@@ -777,7 +782,44 @@ var svelte = {
         }
       }
     });
-    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+      "svelte",
+      ...excludeDeps
+    ]);
+    return Ok({
+      dependencies,
+      devDependencies,
+      local: Array.from(localDeps)
+    });
+  },
+  comment: (content) => `<!--
+${content}
+-->`
+};
+var vue = {
+  matches: (fileName) => fileName.endsWith(".vue"),
+  resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
+    const sourceCode = fs2.readFileSync(filePath).toString();
+    const parsed = v.parse(sourceCode);
+    if (!parsed.descriptor.script?.content && !parsed.descriptor.scriptSetup?.content)
+      return Ok({ dependencies: [], devDependencies: [], local: [] });
+    const localDeps = /* @__PURE__ */ new Set();
+    const deps = /* @__PURE__ */ new Set();
+    const compiled = v.compileScript(parsed.descriptor, { id: "shut-it" });
+    if (!compiled.imports) return Ok({ dependencies: [], devDependencies: [], local: [] });
+    const imports = Object.values(compiled.imports);
+    for (const imp of imports) {
+      if (imp.source.startsWith(".")) {
+        const localDep = resolveLocalImport(imp.source, category, isSubDir);
+        if (localDep) localDeps.add(localDep);
+      } else {
+        deps.add(imp.source);
+      }
+    }
+    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+      "vue",
+      ...excludeDeps
+    ]);
     return Ok({
       dependencies,
       devDependencies,
@@ -797,10 +839,11 @@ var resolveLocalImport = (mod, category, isSubDir) => {
     return `${category}/${path2.parse(path2.basename(mod)).name}`;
   }
   const segments = mod.replaceAll("../", "").split("/");
-  if (segments.length !== 2) return void 0;
+  if (segments.length < 2) return void 0;
   return `${segments[0]}/${segments[1]}`;
 };
-var resolveRemoteDeps = (deps, filePath) => {
+var resolveRemoteDeps = (deps, filePath, doNotInstall = []) => {
+  const exemptDeps = new Set(doNotInstall);
   const filteredDeps = deps.filter(
     (dep) => !builtinModules.includes(dep) && !dep.startsWith("node:")
   );
@@ -824,6 +867,7 @@ var resolveRemoteDeps = (deps, filePath) => {
         );
         continue;
       }
+      if (exemptDeps.has(depInfo.name)) continue;
       let version2 = void 0;
       if (packageDependencies !== void 0) {
         version2 = packageDependencies[depInfo.name];
@@ -847,28 +891,28 @@ var resolveRemoteDeps = (deps, filePath) => {
     devDependencies: Array.from(devDependencies)
   };
 };
-var languages = [typescript, svelte];
+var languages = [typescript, svelte, vue];
 
 // src/utils/build.ts
-var blockSchema = v.object({
-  name: v.string(),
-  category: v.string(),
-  localDependencies: v.array(v.string()),
-  dependencies: v.array(v.string()),
-  devDependencies: v.array(v.string()),
-  tests: v.boolean(),
+var blockSchema = v2.object({
+  name: v2.string(),
+  category: v2.string(),
+  localDependencies: v2.array(v2.string()),
+  dependencies: v2.array(v2.string()),
+  devDependencies: v2.array(v2.string()),
+  tests: v2.boolean(),
   /** Where to find the block relative to root */
-  directory: v.string(),
-  subdirectory: v.boolean(),
-  files: v.array(v.string())
+  directory: v2.string(),
+  subdirectory: v2.boolean(),
+  files: v2.array(v2.string())
 });
-var categorySchema = v.object({
-  name: v.string(),
-  blocks: v.array(blockSchema)
+var categorySchema = v2.object({
+  name: v2.string(),
+  blocks: v2.array(blockSchema)
 });
 var TEST_SUFFIXES = [".test.ts", "_test.ts", ".test.js", "_test.js"];
 var isTestFile = (file) => TEST_SUFFIXES.find((suffix) => file.endsWith(suffix)) !== void 0;
-var buildBlocksDirectory = (blocksPath, cwd) => {
+var buildBlocksDirectory = (blocksPath, { cwd, excludeDeps }) => {
   let paths;
   try {
     paths = fs3.readdirSync(blocksPath);
@@ -902,7 +946,12 @@ var buildBlocksDirectory = (blocksPath, cwd) => {
         const testsPath = files.find(
           (f) => TEST_SUFFIXES.find((suffix) => f === `${name2}${suffix}`)
         );
-        const { dependencies, devDependencies, local } = lang.resolveDependencies(blockDir, categoryName, false).match(
+        const { dependencies, devDependencies, local } = lang.resolveDependencies({
+          filePath: blockDir,
+          category: categoryName,
+          isSubDir: false,
+          excludeDeps
+        }).match(
           (val) => val,
           (err) => {
             program.error(color3.red(err));
@@ -941,7 +990,12 @@ var buildBlocksDirectory = (blocksPath, cwd) => {
             );
             continue;
           }
-          const { local, dependencies, devDependencies } = lang.resolveDependencies(path3.join(blockDir, f), categoryName, true).match(
+          const { local, dependencies, devDependencies } = lang.resolveDependencies({
+            filePath: path3.join(blockDir, f),
+            category: categoryName,
+            isSubDir: true,
+            excludeDeps
+          }).match(
             (val) => val,
             (err) => {
               program.error(color3.red(err));
@@ -1049,7 +1103,7 @@ var getManifest = async (url) => {
     if (!response.ok) {
       return errorMessage(`${response.status} ${response.text}`);
     }
-    const categories = v2.parse(v2.array(categorySchema), await response.json());
+    const categories = v3.parse(v3.array(categorySchema), await response.json());
     return Ok(categories);
   } catch (err) {
     return errorMessage(`${err}`);
@@ -1146,21 +1200,21 @@ var getInstalled = (blocks, config, cwd) => {
 
 // src/utils/config.ts
 import fs5 from "node:fs";
-import path5 from "node:path";
-import * as v3 from "valibot";
+import path5 from "pathe";
+import * as v4 from "valibot";
 var CONFIG_NAME = "jsrepo.json";
-var schema = v3.object({
-  $schema: v3.string(),
-  repos: v3.optional(v3.array(v3.string()), []),
-  includeTests: v3.boolean(),
-  path: v3.pipe(v3.string(), v3.minLength(1)),
-  watermark: v3.optional(v3.boolean(), true)
+var schema = v4.object({
+  $schema: v4.string(),
+  repos: v4.optional(v4.array(v4.string()), []),
+  includeTests: v4.boolean(),
+  path: v4.pipe(v4.string(), v4.minLength(1)),
+  watermark: v4.optional(v4.boolean(), true)
 });
 var getConfig = (cwd) => {
   if (!fs5.existsSync(path5.join(cwd, CONFIG_NAME))) {
     return Err("Could not find your configuration file! Please run `init`.");
   }
-  const config = v3.safeParse(
+  const config = v4.safeParse(
     schema,
     JSON.parse(fs5.readFileSync(path5.join(cwd, CONFIG_NAME)).toString())
   );
@@ -1281,18 +1335,18 @@ var nextSteps = (steps) => {
 var _intro = (version2) => intro(`${color6.bgHex("#f7df1e").black(" jsrepo ")}${color6.gray(` v${version2} `)}`);
 
 // src/commands/add.ts
-var schema2 = v4.object({
-  repo: v4.optional(v4.string()),
-  allow: v4.boolean(),
-  yes: v4.boolean(),
-  verbose: v4.boolean(),
-  cwd: v4.string()
+var schema2 = v5.object({
+  repo: v5.optional(v5.string()),
+  allow: v5.boolean(),
+  yes: v5.boolean(),
+  verbose: v5.boolean(),
+  cwd: v5.string()
 });
 var add = new Command("add").argument(
   "[blocks...]",
   "Names of the blocks you want to add to your project. ex: (utils/math, github/ieedan/std/utils/math)"
 ).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("-y, --yes", "Skip confirmation prompt.", false).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (blockNames, opts) => {
-  const options = v4.parse(schema2, opts);
+  const options = v5.parse(schema2, opts);
   _intro(context.package.version);
   await _add(blockNames, options);
   outro(color7.green("All done!"));
@@ -1568,19 +1622,20 @@ ${content}`;
 
 // src/commands/build.ts
 import fs7 from "node:fs";
-import path7 from "node:path";
 import { outro as outro2, spinner as spinner3 } from "@clack/prompts";
 import color8 from "chalk";
 import { Command as Command2 } from "commander";
-import * as v5 from "valibot";
-var schema3 = v5.object({
-  dirs: v5.array(v5.string()),
-  output: v5.boolean(),
-  verbose: v5.boolean(),
-  cwd: v5.string()
+import path7 from "pathe";
+import * as v6 from "valibot";
+var schema3 = v6.object({
+  dirs: v6.array(v6.string()),
+  excludeDeps: v6.array(v6.string()),
+  output: v6.boolean(),
+  verbose: v6.boolean(),
+  cwd: v6.string()
 });
-var build = new Command2("build").description(`Builds the provided --dirs in the project root into a \`${OUTPUT_FILE}\` file.`).option("--dirs [dirs...]", "The directories containing the blocks.", ["./blocks"]).option("--no-output", `Do not output a \`${OUTPUT_FILE}\` file.`).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
-  const options = v5.parse(schema3, opts);
+var build = new Command2("build").description(`Builds the provided --dirs in the project root into a \`${OUTPUT_FILE}\` file.`).option("--dirs [dirs...]", "The directories containing the blocks.", ["./blocks"]).option("--exclude-deps [deps...]", "Dependencies that should not be added.", []).option("--no-output", `Do not output a \`${OUTPUT_FILE}\` file.`).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
+  const options = v6.parse(schema3, opts);
   _intro(context.package.version);
   await _build(options);
   outro2(color8.green("All done!"));
@@ -1593,7 +1648,9 @@ var _build = async (options) => {
     const dirPath = path7.join(options.cwd, dir);
     loading.start(`Building ${color8.cyan(dirPath)}`);
     if (options.output && fs7.existsSync(outFile)) fs7.rmSync(outFile);
-    categories.push(...buildBlocksDirectory(dirPath, options.cwd));
+    categories.push(
+      ...buildBlocksDirectory(dirPath, { cwd: options.cwd, excludeDeps: options.excludeDeps })
+    );
     loading.stop(`Built ${color8.cyan(dirPath)}`);
   }
   const categoriesMap = /* @__PURE__ */ new Map();
@@ -1615,12 +1672,12 @@ var _build = async (options) => {
 
 // src/commands/diff.ts
 import fs8 from "node:fs";
-import path8 from "node:path";
 import { cancel as cancel2, confirm as confirm2, isCancel as isCancel2, outro as outro3, spinner as spinner4 } from "@clack/prompts";
 import color10 from "chalk";
 import { Command as Command3, program as program3 } from "commander";
 import { diffLines } from "diff";
-import * as v6 from "valibot";
+import path8 from "pathe";
+import * as v7 from "valibot";
 
 // src/utils/diff.ts
 import color9 from "chalk";
@@ -1814,12 +1871,12 @@ var formatDiff = ({
 };
 
 // src/commands/diff.ts
-var schema4 = v6.object({
-  expand: v6.boolean(),
-  maxUnchanged: v6.number(),
-  repo: v6.optional(v6.string()),
-  allow: v6.boolean(),
-  cwd: v6.string()
+var schema4 = v7.object({
+  expand: v7.boolean(),
+  maxUnchanged: v7.number(),
+  repo: v7.optional(v7.string()),
+  allow: v7.boolean(),
+  cwd: v7.string()
 });
 var diff = new Command3("diff").description("Compares local blocks to the blocks in the provided repository.").option("-E, --expand", "Expands the diff so you see everything.", false).option(
   "--max-unchanged <number>",
@@ -1828,7 +1885,7 @@ var diff = new Command3("diff").description("Compares local blocks to the blocks
   // this is such a dumb api thing
   3
 ).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
-  const options = v6.parse(schema4, opts);
+  const options = v7.parse(schema4, opts);
   _intro(context.package.version);
   await _diff(options);
   outro3(color10.green("All done!"));
@@ -1909,11 +1966,10 @@ ${remoteContent}`;
         const from = path8.join(
           `${providerInfo.name}/${providerInfo.owner}/${providerInfo.repoName}`,
           sourcePath
-        ).replaceAll("\\", "/");
-        const to = prettyLocalPath.replaceAll("\\", "/");
+        );
         const formattedDiff = formatDiff({
           from,
-          to,
+          to: prettyLocalPath,
           changes,
           expand: options.expand,
           maxUnchanged: options.maxUnchanged,
@@ -1922,11 +1978,11 @@ ${remoteContent}`;
           colorCharsAdded: color10.bgGreenBright,
           colorCharsRemoved: color10.bgRedBright,
           prefix: () => `${VERTICAL_LINE}  `,
-          onUnchanged: ({ from: from2, to: to2, prefix }) => `${prefix?.() ?? ""}${color10.cyan(from2)} \u2192 ${color10.gray(to2)} ${color10.gray("(unchanged)")}
+          onUnchanged: ({ from: from2, to, prefix }) => `${prefix?.() ?? ""}${color10.cyan(from2)} \u2192 ${color10.gray(to)} ${color10.gray("(unchanged)")}
 `,
-          intro: ({ from: from2, to: to2, changes: changes2, prefix }) => {
+          intro: ({ from: from2, to, changes: changes2, prefix }) => {
             const totalChanges = changes2.filter((a) => a.added).length;
-            return `${prefix?.() ?? ""}${color10.cyan(from2)} \u2192 ${color10.gray(to2)} (${totalChanges} change${totalChanges === 1 ? "" : "s"})
+            return `${prefix?.() ?? ""}${color10.cyan(from2)} \u2192 ${color10.gray(to)} (${totalChanges} change${totalChanges === 1 ? "" : "s"})
 ${prefix?.() ?? ""}
 `;
           }
@@ -1945,23 +2001,23 @@ ${prefix?.() ?? ""}
 
 // src/commands/init.ts
 import fs9 from "node:fs";
-import path9 from "node:path";
 import { cancel as cancel3, confirm as confirm3, isCancel as isCancel3, outro as outro4, spinner as spinner5, text } from "@clack/prompts";
 import color11 from "chalk";
 import { Command as Command4 } from "commander";
-import * as v7 from "valibot";
-var schema5 = v7.object({
-  path: v7.optional(v7.string()),
-  repos: v7.optional(v7.array(v7.string())),
-  watermark: v7.boolean(),
-  tests: v7.optional(v7.boolean()),
-  cwd: v7.string()
+import path9 from "pathe";
+import * as v8 from "valibot";
+var schema5 = v8.object({
+  path: v8.optional(v8.string()),
+  repos: v8.optional(v8.array(v8.string())),
+  watermark: v8.boolean(),
+  tests: v8.optional(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(
   "--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) => {
-  const options = v7.parse(schema5, opts);
+  const options = v8.parse(schema5, opts);
   _intro(context.package.version);
   await _init(options);
   outro4(color11.green("All done!"));
@@ -2031,24 +2087,24 @@ var _init = async (options) => {
 
 // src/commands/test.ts
 import fs10 from "node:fs";
-import path10 from "node:path";
 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 { execa as execa2 } from "execa";
 import { resolveCommand as resolveCommand3 } from "package-manager-detector/commands";
 import { detect as detect2 } from "package-manager-detector/detect";
+import path10 from "pathe";
 import { Project as Project2 } from "ts-morph";
-import * as v8 from "valibot";
-var schema6 = v8.object({
-  repo: v8.optional(v8.string()),
-  allow: v8.boolean(),
-  debug: v8.boolean(),
-  verbose: v8.boolean(),
-  cwd: v8.string()
+import * as v9 from "valibot";
+var schema6 = v9.object({
+  repo: v9.optional(v9.string()),
+  allow: v9.boolean(),
+  debug: v9.boolean(),
+  verbose: v9.boolean(),
+  cwd: v9.string()
 });
 var test = new Command5("test").description("Tests local blocks against most recent remote tests.").addArgument(new Argument("[blocks...]", "The blocks you want to test.").default([])).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("--debug", "Leaves the temp test file around for debugging upon failure.", false).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (blockNames, opts) => {
-  const options = v8.parse(schema6, opts);
+  const options = v9.parse(schema6, opts);
   _intro(context.package.version);
   await _test(blockNames, options);
   outro5(color12.green("All done!"));
@@ -2098,7 +2154,7 @@ var _test = async (blockNames, options) => {
         )
       );
     }
-    const categories = v8.parse(v8.array(categorySchema), await response.json());
+    const categories = v9.parse(v9.array(categorySchema), await response.json());
     for (const category of categories) {
       for (const block of category.blocks) {
         blocksMap.set(
@@ -2287,23 +2343,23 @@ var _test = async (blockNames, options) => {
 
 // src/commands/update.ts
 import fs11 from "node:fs";
-import path11 from "node:path";
 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 { diffLines as diffLines2 } from "diff";
 import { resolveCommand as resolveCommand4 } from "package-manager-detector/commands";
 import { detect as detect3 } from "package-manager-detector/detect";
-import * as v9 from "valibot";
-var schema7 = v9.object({
-  all: v9.boolean(),
-  expand: v9.boolean(),
-  maxUnchanged: v9.number(),
-  repo: v9.optional(v9.string()),
-  allow: v9.boolean(),
-  yes: v9.boolean(),
-  verbose: v9.boolean(),
-  cwd: v9.string()
+import path11 from "pathe";
+import * as v10 from "valibot";
+var schema7 = v10.object({
+  all: v10.boolean(),
+  expand: v10.boolean(),
+  maxUnchanged: v10.number(),
+  repo: v10.optional(v10.string()),
+  allow: v10.boolean(),
+  yes: v10.boolean(),
+  verbose: v10.boolean(),
+  cwd: v10.string()
 });
 var update = new Command6("update").argument("[blocks...]", "Names of the blocks you want to update. ex: (utils/math)").option("--all", "Update all installed components.", false).option("-E, --expand", "Expands the diff so you see everything.", false).option(
   "--max-unchanged <number>",
@@ -2312,7 +2368,7 @@ var update = new Command6("update").argument("[blocks...]", "Names of the blocks
   // this is such a dumb api thing
   3
 ).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("-y, --yes", "Skip confirmation prompt.", false).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (blockNames, opts) => {
-  const options = v9.parse(schema7, opts);
+  const options = v10.parse(schema7, opts);
   _intro(context.package.version);
   await _update(blockNames, options);
   outro6(color13.green("All done!"));
@@ -2450,8 +2506,8 @@ ${remoteContent}`;
         const from = path11.join(
           `${providerInfo.name}/${providerInfo.owner}/${providerInfo.repoName}`,
           file.fileName
-        ).replaceAll("\\", "/");
-        const to = path11.relative(options.cwd, file.destPath).replaceAll("\\", "/");
+        );
+        const to = path11.relative(options.cwd, file.destPath);
         const formattedDiff = formatDiff({
           from,
           to,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jsrepo",
   "description": "A CLI to add shared code from remote repositories.",
-  "version": "1.3.1",
+  "version": "1.4.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ieedan/jsrepo"
@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.8.1",
+    "@vue/compiler-sfc": "^3.5.13",
     "ansi-regex": "^6.1.0",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
@@ -47,6 +48,7 @@
     "execa": "^9.5.1",
     "octokit": "^4.0.2",
     "package-manager-detector": "^0.2.4",
+    "pathe": "^1.1.2",
     "svelte": "^5.2.3",
     "ts-morph": "^24.0.0",
     "valibot": "^0.42.1",

package/src/commands/add.ts

@@ -1,10 +1,10 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { cancel, confirm, isCancel, multiselect, outro, spinner } from '@clack/prompts';
 import color from 'chalk';
 import { Command, program } from 'commander';
 import { resolveCommand } from 'package-manager-detector/commands';
 import { detect } from 'package-manager-detector/detect';
+import path from 'pathe';
 import * as v from 'valibot';
 import { context } from '..';
 import * as ascii from '../utils/ascii';

package/src/commands/build.ts

@@ -1,8 +1,8 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { outro, spinner } from '@clack/prompts';
 import color from 'chalk';
 import { Command } from 'commander';
+import path from 'pathe';
 import * as v from 'valibot';
 import { context } from '..';
 import { type Category, buildBlocksDirectory } from '../utils/build';
@@ -11,6 +11,7 @@ import { intro } from '../utils/prompts';
 
 const schema = v.object({
 	dirs: v.array(v.string()),
+	excludeDeps: v.array(v.string()),
 	output: v.boolean(),
 	verbose: v.boolean(),
 	cwd: v.string(),
@@ -21,6 +22,7 @@ type Options = v.InferInput<typeof schema>;
 const build = new Command('build')
 	.description(`Builds the provided --dirs in the project root into a \`${OUTPUT_FILE}\` file.`)
 	.option('--dirs [dirs...]', 'The directories containing the blocks.', ['./blocks'])
+	.option('--exclude-deps [deps...]', 'Dependencies that should not be added.', [])
 	.option('--no-output', `Do not output a \`${OUTPUT_FILE}\` file.`)
 	.option('--verbose', 'Include debug logs.', false)
 	.option('--cwd <path>', 'The current working directory.', process.cwd())
@@ -48,7 +50,9 @@ const _build = async (options: Options) => {
 
 		if (options.output && fs.existsSync(outFile)) fs.rmSync(outFile);
 
-		categories.push(...buildBlocksDirectory(dirPath, options.cwd));
+		categories.push(
+			...buildBlocksDirectory(dirPath, { cwd: options.cwd, excludeDeps: options.excludeDeps })
+		);
 
 		loading.stop(`Built ${color.cyan(dirPath)}`);
 	}

package/src/commands/diff.ts

@@ -1,9 +1,9 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { cancel, confirm, isCancel, outro, spinner } from '@clack/prompts';
 import color from 'chalk';
 import { Command, program } from 'commander';
 import { diffLines } from 'diff';
+import path from 'pathe';
 import * as v from 'valibot';
 import { context } from '..';
 import * as ascii from '../utils/ascii';
@@ -156,18 +156,14 @@ const _diff = async (options: Options) => {
 
 				const changes = diffLines(fileContent, remoteContent);
 
-				const from = path
-					.join(
-						`${providerInfo.name}/${providerInfo.owner}/${providerInfo.repoName}`,
-						sourcePath
-					)
-					.replaceAll('\\', '/');
-
-				const to = prettyLocalPath.replaceAll('\\', '/');
+				const from = path.join(
+					`${providerInfo.name}/${providerInfo.owner}/${providerInfo.repoName}`,
+					sourcePath
+				);
 
 				const formattedDiff = formatDiff({
 					from,
-					to,
+					to: prettyLocalPath,
 					changes,
 					expand: options.expand,
 					maxUnchanged: options.maxUnchanged,

package/src/commands/init.ts

@@ -1,8 +1,8 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { cancel, confirm, isCancel, outro, spinner, text } from '@clack/prompts';
 import color from 'chalk';
 import { Command } from 'commander';
+import path from 'pathe';
 import * as v from 'valibot';
 import { context } from '..';
 import { CONFIG_NAME, type Config, getConfig } from '../utils/config';

package/src/commands/test.ts

@@ -1,11 +1,11 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { cancel, confirm, isCancel, outro, spinner } from '@clack/prompts';
 import color from 'chalk';
 import { Argument, Command, program } from 'commander';
 import { execa } from 'execa';
 import { resolveCommand } from 'package-manager-detector/commands';
 import { detect } from 'package-manager-detector/detect';
+import path from 'pathe';
 import { Project } from 'ts-morph';
 import * as v from 'valibot';
 import { context } from '..';

package/src/commands/update.ts

@@ -1,11 +1,11 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { cancel, confirm, isCancel, multiselect, outro, spinner } from '@clack/prompts';
 import color from 'chalk';
 import { Command, program } from 'commander';
 import { diffLines } from 'diff';
 import { resolveCommand } from 'package-manager-detector/commands';
 import { detect } from 'package-manager-detector/detect';
+import path from 'pathe';
 import * as v from 'valibot';
 import { context } from '..';
 import * as ascii from '../utils/ascii';
@@ -239,14 +239,12 @@ const _update = async (blockNames: string[], options: Options) => {
 
 				const changes = diffLines(localContent, remoteContent);
 
-				const from = path
-					.join(
-						`${providerInfo.name}/${providerInfo.owner}/${providerInfo.repoName}`,
-						file.fileName
-					)
-					.replaceAll('\\', '/');
+				const from = path.join(
+					`${providerInfo.name}/${providerInfo.owner}/${providerInfo.repoName}`,
+					file.fileName
+				);
 
-				const to = path.relative(options.cwd, file.destPath).replaceAll('\\', '/');
+				const to = path.relative(options.cwd, file.destPath);
 
 				const formattedDiff = formatDiff({
 					from,

package/src/index.ts

@@ -1,7 +1,7 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { program } from 'commander';
+import path from 'pathe';
 import * as commands from './commands';
 import type { CLIContext } from './utils/context';
 

package/src/utils/blocks.ts

@@ -1,6 +1,6 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import color from 'chalk';
+import path from 'pathe';
 import { Err, Ok, type Result } from './blocks/types/result';
 import { mapToArray } from './blocks/utils/map-to-array';
 import type { Block } from './build';

package/src/utils/build.ts

@@ -1,7 +1,7 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import color from 'chalk';
 import { program } from 'commander';
+import path from 'pathe';
 import * as v from 'valibot';
 import * as ascii from './ascii';
 import { languages } from './language-support';
@@ -33,12 +33,17 @@ const TEST_SUFFIXES = ['.test.ts', '_test.ts', '.test.js', '_test.js'] as const;
 const isTestFile = (file: string): boolean =>
 	TEST_SUFFIXES.find((suffix) => file.endsWith(suffix)) !== undefined;
 
+type Options = {
+	cwd: string;
+	excludeDeps: string[];
+};
+
 /** Using the provided path to the blocks folder builds the blocks into categories and also resolves dependencies
  *
  * @param blocksPath
  * @returns
  */
-const buildBlocksDirectory = (blocksPath: string, cwd: string): Category[] => {
+const buildBlocksDirectory = (blocksPath: string, { cwd, excludeDeps }: Options): Category[] => {
 	let paths: string[];
 
 	try {
@@ -88,7 +93,12 @@ const buildBlocksDirectory = (blocksPath: string, cwd: string): Category[] => {
 				);
 
 				const { dependencies, devDependencies, local } = lang
-					.resolveDependencies(blockDir, categoryName, false)
+					.resolveDependencies({
+						filePath: blockDir,
+						category: categoryName,
+						isSubDir: false,
+						excludeDeps,
+					})
 					.match(
 						(val) => val,
 						(err) => {
@@ -140,7 +150,12 @@ const buildBlocksDirectory = (blocksPath: string, cwd: string): Category[] => {
 					}
 
 					const { local, dependencies, devDependencies } = lang
-						.resolveDependencies(path.join(blockDir, f), categoryName, true)
+						.resolveDependencies({
+							filePath: path.join(blockDir, f),
+							category: categoryName,
+							isSubDir: true,
+							excludeDeps,
+						})
 						.match(
 							(val) => val,
 							(err) => {

package/src/utils/config.ts

@@ -1,5 +1,5 @@
 import fs from 'node:fs';
-import path from 'node:path';
+import path from 'pathe';
 import * as v from 'valibot';
 import { Err, Ok, type Result } from './blocks/types/result';
 

package/src/utils/language-support.ts

@@ -1,8 +1,9 @@
 import fs from 'node:fs';
 import { builtinModules } from 'node:module';
-import path from 'node:path';
+import * as v from '@vue/compiler-sfc';
 import color from 'chalk';
 import { walk } from 'estree-walker';
+import path from 'pathe';
 import * as sv from 'svelte/compiler';
 import { Project } from 'ts-morph';
 import validatePackageName from 'validate-npm-package-name';
@@ -17,15 +18,18 @@ export type ResolvedDependencies = {
 	dependencies: string[];
 };
 
+export type ResolveDependencyOptions = {
+	filePath: string;
+	category: string;
+	isSubDir: boolean;
+	excludeDeps: string[];
+};
+
 export type Lang = {
 	/** Matches the supported file types */
 	matches: (fileName: string) => boolean;
 	/** Reads the file and gets any dependencies from its imports */
-	resolveDependencies: (
-		filePath: string,
-		category: string,
-		isSubDir: boolean
-	) => Result<ResolvedDependencies, string>;
+	resolveDependencies: (opts: ResolveDependencyOptions) => Result<ResolvedDependencies, string>;
 	/** Returns a multiline comment containing the content */
 	comment: (content: string) => string;
 };
@@ -36,7 +40,7 @@ const typescript: Lang = {
 		fileName.endsWith('.js') ||
 		fileName.endsWith('.tsx') ||
 		fileName.endsWith('.jsx'),
-	resolveDependencies: (filePath, category, isSubDir) => {
+	resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
 		const project = new Project();
 
 		const blockFile = project.addSourceFileAtPath(filePath);
@@ -61,7 +65,11 @@ const typescript: Lang = {
 			.filter((declaration) => !declaration.getModuleSpecifierValue().startsWith('.'))
 			.map((declaration) => declaration.getModuleSpecifierValue());
 
-		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+		const { devDependencies, dependencies } = resolveRemoteDeps(
+			Array.from(deps),
+			filePath,
+			excludeDeps
+		);
 
 		return Ok({
 			local: Array.from(localDeps),
@@ -74,7 +82,7 @@ const typescript: Lang = {
 
 const svelte: Lang = {
 	matches: (fileName) => fileName.endsWith('.svelte'),
-	resolveDependencies: (filePath, category, isSubDir) => {
+	resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
 		const sourceCode = fs.readFileSync(filePath).toString();
 
 		const root = sv.parse(sourceCode, { modern: true });
@@ -106,7 +114,53 @@ const svelte: Lang = {
 			},
 		});
 
-		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+			'svelte',
+			...excludeDeps,
+		]);
+
+		return Ok({
+			dependencies,
+			devDependencies,
+			local: Array.from(localDeps),
+		} satisfies ResolvedDependencies);
+	},
+	comment: (content) => `<!--\n${content}\n-->`,
+};
+
+const vue: Lang = {
+	matches: (fileName) => fileName.endsWith('.vue'),
+	resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
+		const sourceCode = fs.readFileSync(filePath).toString();
+
+		const parsed = v.parse(sourceCode);
+
+		if (!parsed.descriptor.script?.content && !parsed.descriptor.scriptSetup?.content)
+			return Ok({ dependencies: [], devDependencies: [], local: [] });
+
+		const localDeps = new Set<string>();
+		const deps = new Set<string>();
+
+		const compiled = v.compileScript(parsed.descriptor, { id: 'shut-it' }); // you need this id to remove a warning
+
+		if (!compiled.imports) return Ok({ dependencies: [], devDependencies: [], local: [] });
+
+		const imports = Object.values(compiled.imports);
+
+		for (const imp of imports) {
+			if (imp.source.startsWith('.')) {
+				const localDep = resolveLocalImport(imp.source, category, isSubDir);
+
+				if (localDep) localDeps.add(localDep);
+			} else {
+				deps.add(imp.source);
+			}
+		}
+
+		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+			'vue',
+			...excludeDeps,
+		]);
 
 		return Ok({
 			dependencies,
@@ -136,7 +190,7 @@ const resolveLocalImport = (
 	const segments = mod.replaceAll('../', '').split('/');
 
 	// invalid path
-	if (segments.length !== 2) return undefined;
+	if (segments.length < 2) return undefined;
 
 	return `${segments[0]}/${segments[1]}`;
 };
@@ -148,7 +202,9 @@ const resolveLocalImport = (
  * @param filePath
  * @returns
  */
-const resolveRemoteDeps = (deps: string[], filePath: string) => {
+const resolveRemoteDeps = (deps: string[], filePath: string, doNotInstall: string[] = []) => {
+	const exemptDeps = new Set(doNotInstall);
+
 	const filteredDeps = deps.filter(
 		(dep) => !builtinModules.includes(dep) && !dep.startsWith('node:')
 	);
@@ -181,6 +237,8 @@ const resolveRemoteDeps = (deps: string[], filePath: string) => {
 				continue;
 			}
 
+			if (exemptDeps.has(depInfo.name)) continue;
+
 			let version: string | undefined = undefined;
 			if (packageDependencies !== undefined) {
 				version = packageDependencies[depInfo.name];
@@ -211,6 +269,6 @@ const resolveRemoteDeps = (deps: string[], filePath: string) => {
 	};
 };
 
-const languages: Lang[] = [typescript, svelte];
+const languages: Lang[] = [typescript, svelte, vue];
 
 export { typescript, languages };

package/src/utils/package.ts

@@ -1,5 +1,5 @@
 import fs from 'node:fs';
-import path from 'node:path';
+import path from 'pathe';
 
 const findNearestPackageJson = (startDir: string, until: string): string | undefined => {
 	const packagePath = path.join(startDir, 'package.json');