components-differ 1.0.7 → 1.0.8

package/index.mjs

@@ -1,114 +0,0 @@
-#!/usr/bin/env node
-
-import fs from "node:fs";
-import path from "node:path";
-import { program } from "commander";
-
-import { scanForAlteredFiles, scanForFiles, hasSrcDir } from "./src/git.mjs";
-import { readComponentsManifest } from "./src/components.mjs";
-import { createDiff } from "./src/create-diff.mjs";
-import { execSync } from "node:child_process";
-
-
-program.option("-n, --name <name>").option('--init');
-program.parse();
-
-const options = program.opts();
-
-const runCommand = (command) => {
-  try {
-    execSync(command, { stdio: "inherit" });
-  } catch (error) {
-    console.error(`Failed to execute command: ${command}`);
-    process.exit(1);
-  }
-};
-
-const ensureGitignore = () => {
-  const gitignorePath = path.join(process.cwd(), ".gitignore");
-  if (!fs.existsSync(gitignorePath)) {
-    console.log(".gitignore file is missing. Creating one...");
-    const content = `
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# env files (can opt-in for committing if needed)
-.env*
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-`;
-    fs.writeFileSync(gitignorePath, content, "utf8");
-    console.log(".gitignore file created with default rules.");
-  } else {
-    console.log(".gitignore file already exists.");
-  }
-};
-
-const main = () => {
-  if (options.init) {
-    console.log("Initializing git repository for new component");
-    // Cross-platform logic
-    if (process.platform === "win32") {
-      runCommand("rmdir /s /q .git && git init && git add . && git commit -m \"Initial commit\"");
-    } else {
-      runCommand("rm -fr .git && git init && git add . && git commit -m \"Initial commit\"");
-    }
-    ensureGitignore()
-    return;
-  }
-
-  const name = options.name || path.basename(process.cwd());
-
-  const { alteredFiles, specificFiles } = scanForAlteredFiles([
-    "./package.json",
-  ]);
-  const currentFiles = scanForFiles(process.cwd());
-
-  const currentPackageJson = fs.readFileSync("./package.json", "utf-8");
-
-  const config = readComponentsManifest(process.cwd());
-  config.isSrcDir = hasSrcDir(process.cwd());
-
-  const output = createDiff({
-    name,
-    config,
-    alteredFiles,
-    currentFiles,
-    specificFiles,
-    currentPackageJson,
-  });
-
-  console.log(JSON.stringify(output, null, 2));
-};
-
-main();

package/src/components.mjs

@@ -1,98 +0,0 @@
-import path from "node:path";
-import fs from "node:fs";
-
-const WHITELISTED_COMPONENTS = [
-  "accordion",
-  "alert",
-  "alert-dialog",
-  "aspect-ratio",
-  "avatar",
-  "badge",
-  "breadcrumb",
-  "button",
-  "calendar",
-  "card",
-  "carousel",
-  "chart",
-  "checkbox",
-  "collapsible",
-  "command",
-  "context-menu",
-  "table",
-  "dialog",
-  "drawer",
-  "dropdown-menu",
-  "form",
-  "hover-card",
-  "input",
-  "input-otp",
-  "label",
-  "menubar",
-  "navigation-menu",
-  "pagination",
-  "popover",
-  "progress",
-  "radio-group",
-  "resizable",
-  "scroll-area",
-  "select",
-  "separator",
-  "sheet",
-  "skeleton",
-  "slider",
-  "sonner",
-  "switch",
-  "tabs",
-  "textarea",
-  "toast",
-  "toggle",
-  "toggle-group",
-  "tooltip",
-];
-
-export function findComponentFiles(config, originalFiles) {
-  const registryDependencies = [];
-  const compDir = config.ui.replace("@/", config.isSrcDir ? "src/" : "");
-  for (const { path: filePath } of originalFiles) {
-    if (filePath.startsWith(compDir)) {
-      const fileExtension = path.extname(filePath);
-      const fileName = path.basename(filePath, fileExtension);
-      if (
-        (fileExtension === ".tsx" || fileExtension === ".jsx") &&
-        WHITELISTED_COMPONENTS.includes(fileName)
-      ) {
-        registryDependencies.push(path.basename(filePath, fileExtension));
-      }
-    }
-  }
-  return registryDependencies;
-}
-
-export function readComponentsManifest(dir) {
-  const manifestPath = path.join(dir, "./components.json");
-  if (fs.existsSync(manifestPath)) {
-    const config = JSON.parse(fs.readFileSync(manifestPath, "utf-8")).aliases;
-    return config;
-  } else {
-    console.error("Components manifest not found");
-    process.exit(1);
-  }
-}
-
-export function getAliasedPaths(config) {
-  return [
-    config.components.replace("@/", ""),
-    config.utils.replace("@/", ""),
-    config.ui.replace("@/", ""),
-    config.lib.replace("@/", ""),
-    config.hooks.replace("@/", ""),
-  ];
-}
-
-export function isBuiltinComponent(config, filePath) {
-  if (filePath.startsWith(config.ui.replace("@/", ""))) {
-    const component = path.basename(filePath, path.extname(filePath));
-    return WHITELISTED_COMPONENTS.includes(component);
-  }
-  return false;
-}

package/src/create-diff.mjs

@@ -1,91 +0,0 @@
-import {
-  findComponentFiles,
-  getAliasedPaths,
-  isBuiltinComponent,
-} from "./components.mjs";
-import { parseFilePath } from "./parse-file-path.mjs";
-
-function addFile(output, config, inSrcDir, relativeFilePath, content) {
-  if (!isBuiltinComponent(config, relativeFilePath)) {
-    output.files.push(
-      parseFilePath(inSrcDir, config, `./${relativeFilePath}`, content)
-    );
-  }
-}
-
-function addDependencies(
-  output,
-  initialPackageContents,
-  currentPackageContents
-) {
-  const initialPackageJson = JSON.parse(initialPackageContents);
-  const currentPackageJson = JSON.parse(currentPackageContents);
-
-  output.dependencies = Object.keys(
-    currentPackageJson.dependencies || {}
-  ).filter((dep) => !initialPackageJson.dependencies.hasOwnProperty(dep));
-  output.devDependencies = Object.keys(
-    currentPackageJson.devDependencies || {}
-  ).filter((dep) => !initialPackageJson.devDependencies.hasOwnProperty(dep));
-}
-
-function scanWithSrcDir(output, config, alteredFiles) {
-  for (const { path, content } of alteredFiles) {
-    if (path.startsWith("src/")) {
-      addFile(output, config, true, path.replace("src/", ""), content);
-    } else {
-      addFile(output, config, false, path, content);
-    }
-  }
-}
-
-function isInAppDir(path) {
-  return path.startsWith("app/");
-}
-
-function scanWithoutSrcDir(output, config, alteredFiles) {
-  const aliasedPaths = getAliasedPaths(config);
-
-  for (const { path, content } of alteredFiles) {
-    addFile(
-      output,
-      config,
-      aliasedPaths.includes(path) || isInAppDir(path),
-      path,
-      content
-    );
-  }
-}
-
-export function createDiff({
-  name,
-  config,
-  alteredFiles,
-  specificFiles,
-  currentFiles,
-  currentPackageJson,
-}) {
-  const output = {
-    name,
-    type: "registry:block",
-    dependencies: [],
-    devDependencies: [],
-    registryDependencies: [],
-    files: [],
-    tailwind: {},
-    cssVars: {},
-    meta: {},
-  };
-
-  if (config.isSrcDir) {
-    scanWithSrcDir(output, config, alteredFiles);
-  } else {
-    scanWithoutSrcDir(output, config, alteredFiles);
-  }
-
-  output.registryDependencies = findComponentFiles(config, currentFiles);
-
-  addDependencies(output, specificFiles["./package.json"], currentPackageJson);
-
-  return output;
-}

package/src/git.mjs

@@ -1,141 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { execSync } from "node:child_process";
-import ignore from "ignore";
-import { start } from "node:repl";
-
-const INITIAL_DIR = "_initial";
-
-const EXCLUDE_DIRS = [
-  "node_modules",
-  "dist",
-  "fonts",
-  "build",
-  "public",
-  "static",
-  ".next",
-  ".git",
-  INITIAL_DIR,
-];
-
-const EXCLUDE_FILES = [
-  ".DS_Store",
-  "next-env.d.ts",
-  "package-lock.json",
-  "yarn.lock",
-  "pnpm-lock.yaml",
-  "bun.lockb",
-  "package.json",
-  "tailwind.config.ts",
-  "tailwind.config.js",
-  "components.json",
-  "favicon.ico",
-];
-
-function cloneInitialCommit() {
-  deleteInitialDir();
-
-  try {
-    // Get the initial commit hash
-    const initialCommit = execSync("git rev-list --max-parents=0 HEAD")
-      .toString()
-      .trim();
-
-    // Clone the initial commit quietly
-    execSync(`git worktree add -f ${INITIAL_DIR} ${initialCommit}`, {
-      stdio: "ignore",
-    });
-  } catch (error) {
-    console.error("Error cloning initial commit:", error.message);
-    process.exit(1);
-  }
-}
-
-function deleteInitialDir() {
-  if (fs.existsSync(INITIAL_DIR)) {
-    fs.rmSync(INITIAL_DIR, { recursive: true });
-
-    try {
-      execSync("git worktree prune", { stdio: "ignore" });
-    } catch (error) {
-      console.error("Error pruning git worktree:", error.message);
-    }
-  }
-}
-
-function checkIfFileIsChanged(relativeFilePath) {
-  const initialFilePath = path.join(INITIAL_DIR, relativeFilePath);
-  const fullPath = path.join(process.cwd(), relativeFilePath);
-  if (!fs.existsSync(initialFilePath)) {
-    return true; // New file
-  }
-  const currentContent = fs.readFileSync(fullPath, "utf-8");
-  const initialContent = fs.readFileSync(initialFilePath, "utf-8");
-  return currentContent !== initialContent;
-}
-
-export function scanForFiles(startDir, checkFile = false) {
-  const foundFiles = [];
-
-  let ignorer = () => false;
-  if (fs.existsSync(path.join(startDir, ".gitignore"))) {
-    const gitIgnore = ignore().add(
-      fs.readFileSync(path.join(startDir, ".gitignore")).toString()
-    );
-    ignorer = (relativeFilePath) => {
-      return gitIgnore.ignores(relativeFilePath);
-    };
-  }
-
-  function scanDirectory(dir, relativePath = "") {
-    const entries = fs.readdirSync(dir, { withFileTypes: true });
-
-    for (const entry of entries) {
-      const fullPath = path.join(dir, entry.name);
-      const relativeFilePath = path.join(relativePath, entry.name);
-
-      if (entry.isDirectory()) {
-        if (!EXCLUDE_DIRS.includes(entry.name)) {
-          scanDirectory(path.join(dir, entry.name), relativeFilePath);
-        }
-      } else if (
-        !checkFile ||
-        (checkFile && checkIfFileIsChanged(relativeFilePath))
-      ) {
-        if (!EXCLUDE_FILES.includes(entry.name) && !ignorer(relativeFilePath)) {
-          foundFiles.push({
-            path: relativeFilePath,
-            content: fs.readFileSync(fullPath, "utf-8"),
-          });
-        }
-      }
-    }
-  }
-
-  scanDirectory(startDir);
-
-  return foundFiles;
-}
-
-export function scanForAlteredFiles(specificFilesToReturn = []) {
-  cloneInitialCommit();
-
-  const alteredFiles = scanForFiles(process.cwd(), true);
-
-  const specificFiles = specificFilesToReturn.reduce((out, file) => {
-    const fullPath = path.join(process.cwd(), INITIAL_DIR, file);
-    out[file] = fs.readFileSync(fullPath, "utf-8");
-    return out;
-  }, {});
-
-  deleteInitialDir();
-
-  return {
-    alteredFiles,
-    specificFiles,
-  };
-}
-
-export function hasSrcDir(dir) {
-  return fs.existsSync(path.join(dir, "src"));
-}

package/src/parse-file-path.mjs

@@ -1,32 +0,0 @@
-function fixAlias(alias) {
-  return alias.replace("@", ".");
-}
-
-export function parseFilePath(wasInSrcDir, config, filePath, content) {
-  const out = {
-    path: filePath,
-    content,
-    type: "registry:example",
-    target: wasInSrcDir ? filePath : `~/${filePath.replace("./", "")}`,
-  };
-
-  if (filePath.startsWith(fixAlias(config.ui))) {
-    out.type = "registry:ui";
-    out.target = undefined;
-  } else if (filePath.startsWith(fixAlias(config.components))) {
-    out.type = "registry:block";
-    out.target = undefined;
-  } else if (filePath.startsWith(fixAlias(config.hooks))) {
-    out.type = "registry:hook";
-    out.target = undefined;
-  } else if (filePath.startsWith(fixAlias(config.lib))) {
-    out.type = "registry:lib";
-    out.target = undefined;
-  }
-
-  if (out.type === "registry:example") {
-    out.path = filePath;
-  }
-
-  return out;
-}

package/tests/fixtures/non-src-dir/app/page.tsx

@@ -1 +0,0 @@
-page;

package/tests/fixtures/non-src-dir/components/comp.tsx

@@ -1 +0,0 @@
-comp;

package/tests/fixtures/non-src-dir/components/ui/new-ui-comp.tsx

@@ -1 +0,0 @@
-new-ui-comp;

package/tests/fixtures/non-src-dir/components/ui/select.tsx

@@ -1 +0,0 @@
-select;

package/tests/fixtures/non-src-dir/components.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "src/app/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  }
-}

package/tests/fixtures/non-src-dir/hooks/hook.ts

@@ -1 +0,0 @@
-hook;

package/tests/fixtures/non-src-dir/lib/lib.ts

@@ -1 +0,0 @@
-lib;

package/tests/fixtures/non-src-dir/non-src-sub/test.ts

@@ -1 +0,0 @@
-non - src - sub;

package/tests/fixtures/non-src-dir/package.json

@@ -1,42 +0,0 @@
-{
-  "name": "template",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-collapsible": "^1.1.0",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-popover": "^1.1.1",
-    "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@workos-inc/authkit-nextjs": "^0.10.1",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.441.0",
-    "next": "14.2.11",
-    "react": "^18",
-    "react-dom": "^18",
-    "tailwind-merge": "^2.5.2",
-    "tailwindcss-animate": "^1.0.7",
-    "vaul": "^0.9.3"
-  },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
-    "eslint-config-next": "14.2.11",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
-  }
-}

package/tests/fixtures/src-dir/components.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "src/app/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  }
-}

package/tests/fixtures/src-dir/non-src-sub/test.ts

@@ -1 +0,0 @@
-non - src - sub;

package/tests/fixtures/src-dir/package.json

@@ -1,42 +0,0 @@
-{
-  "name": "template",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-collapsible": "^1.1.0",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-popover": "^1.1.1",
-    "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@workos-inc/authkit-nextjs": "^0.10.1",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.441.0",
-    "next": "14.2.11",
-    "react": "^18",
-    "react-dom": "^18",
-    "tailwind-merge": "^2.5.2",
-    "tailwindcss-animate": "^1.0.7",
-    "vaul": "^0.9.3"
-  },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
-    "eslint-config-next": "14.2.11",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
-  }
-}

package/tests/fixtures/src-dir/src/app/page.tsx

@@ -1 +0,0 @@
-page;

package/tests/fixtures/src-dir/src/components/comp.tsx

@@ -1 +0,0 @@
-comp;

package/tests/fixtures/src-dir/src/components/ui/new-ui-comp.tsx

@@ -1 +0,0 @@
-new-ui-comp;

package/tests/fixtures/src-dir/src/components/ui/select.tsx

@@ -1 +0,0 @@
-select;

package/tests/fixtures/src-dir/src/hooks/hook.ts

@@ -1 +0,0 @@
-hook;

package/tests/fixtures/src-dir/src/lib/lib.ts

@@ -1 +0,0 @@
-lib;