@nuee/cli 0.4.1 → 0.5.0

package/dist/registry.js

@@ -1,81 +1,49 @@
-import { dependencyVersions, getRegistryItem } from "@nuee/registry";
-export async function resolveComponent(name) {
-    if (URL.canParse(name))
-        return resolveRemoteComponent(name);
-    const components = new Set();
-    const externalDependencies = new Set();
-    const files = new Map();
-    async function visit(componentName) {
-        if (components.has(componentName))
-            return;
-        const item = await getRegistryItem(componentName);
-        components.add(componentName);
-        for (const file of item.files)
-            files.set(file.path, file);
-        for (const dependency of item.dependencies)
-            externalDependencies.add(dependency);
-        for (const dependency of item.registryDependencies) {
-            await visit(dependency);
-        }
+import { dependencyVersions, getRegistryItem, parseRegistryItem, } from "@nuee/registry";
+async function readRegistryItem(name) {
+    if (!URL.canParse(name))
+        return getRegistryItem(name);
+    const response = await fetch(name);
+    if (!response.ok)
+        throw new Error(`Could not load the registry: ${response.status}`);
+    const value = await response.json();
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+        throw new Error("This is not a valid Nuee registry item.");
     }
-    await visit(name);
-    return {
-        components: [...components],
-        files: [...files.values()],
-        externalDependencies: [...externalDependencies].map((dependency) => `${dependency}@${dependencyVersions[dependency] ?? "latest"}`),
-        primaryExport: (await getRegistryItem(name)).primaryExport,
+    const candidate = value;
+    const item = {
+        ...candidate,
+        name: candidate.name === undefined ? name : candidate.name,
+        primaryExport: candidate.primaryExport === undefined
+            ? (candidate.name ?? "Component")
+            : candidate.primaryExport,
+        registryDependencies: candidate.registryDependencies === undefined ? [] : candidate.registryDependencies,
     };
+    return parseRegistryItem(item);
 }
-async function resolveRemoteComponent(url) {
+export async function resolveComponent(name) {
+    const visited = new Set();
     const components = new Set();
-    const externalDependencies = new Set();
+    const dependencies = new Set();
     const files = new Map();
-    async function visitLocal(name) {
-        if (components.has(name))
+    const root = await readRegistryItem(name);
+    async function visit(key, item) {
+        if (visited.has(key))
             return;
-        const item = await getRegistryItem(name);
-        components.add(name);
-        for (const file of item.files)
+        visited.add(key);
+        const current = item ?? (await readRegistryItem(key));
+        components.add(current.name);
+        for (const file of current.files)
             files.set(file.path, file);
-        for (const dependency of item.dependencies)
-            externalDependencies.add(dependency);
-        for (const dependency of item.registryDependencies)
-            await visitLocal(dependency);
-    }
-    async function visitRemote(itemUrl) {
-        const response = await fetch(itemUrl);
-        if (!response.ok)
-            throw new Error(`Could not load the registry: ${response.status}`);
-        const item = (await response.json());
-        if (!Array.isArray(item.files) ||
-            !Array.isArray(item.dependencies) ||
-            !item.files.every((file) => typeof file === "object" &&
-                file !== null &&
-                typeof file.path === "string" &&
-                typeof file.content === "string")) {
-            throw new Error("This is not a valid Nuee registry item.");
-        }
-        const itemName = item.name ?? itemUrl;
-        if (components.has(itemName))
-            return;
-        components.add(itemName);
-        for (const file of item.files)
-            files.set(file.path, file);
-        for (const dependency of item.dependencies)
-            externalDependencies.add(dependency);
-        for (const dependency of item.registryDependencies ?? []) {
-            if (URL.canParse(dependency))
-                await visitRemote(dependency);
-            else
-                await visitLocal(dependency);
-        }
-        return item.primaryExport ?? item.name ?? "Component";
+        for (const dependency of current.dependencies)
+            dependencies.add(dependency);
+        for (const dependency of current.registryDependencies)
+            await visit(dependency);
     }
-    const primaryExport = (await visitRemote(url)) ?? "Component";
+    await visit(name, root);
     return {
         components: [...components],
-        externalDependencies: [...externalDependencies].map((dependency) => `${dependency}@${dependencyVersions[dependency] ?? "latest"}`),
         files: [...files.values()],
-        primaryExport,
+        externalDependencies: [...dependencies].map((dependency) => `${dependency}@${dependencyVersions[dependency] ?? "latest"}`),
+        primaryExport: root.primaryExport,
     };
 }

package/dist/source.d.ts

@@ -0,0 +1,14 @@
+import { type ArrayExpression } from "@babel/types";
+export declare function parseSource(source: string): import("@babel/parser").ParseResult<import("@babel/types").File>;
+type StylexImport = {
+    name: string;
+    direct: boolean;
+};
+export declare function inspectViteConfig(source: string): {
+    plugins: ArrayExpression;
+    imports: StylexImport[];
+    hasCompiler: boolean;
+} | undefined;
+export declare function configureVite(source: string): string;
+export declare function removeReducedMotionStyles(source: string): string;
+export {};

package/dist/source.js

@@ -0,0 +1,162 @@
+import { parse } from "@babel/parser";
+import { traverseFast } from "@babel/types";
+const parserOptions = { sourceType: "module", plugins: ["typescript", "jsx"] };
+export function parseSource(source) {
+    return parse(source, { ...parserOptions, tokens: true, plugins: [...parserOptions.plugins] });
+}
+function getViteImports(body) {
+    const defineConfigNames = new Set();
+    const stylexImports = [];
+    for (const node of body) {
+        if (node.type !== "ImportDeclaration")
+            continue;
+        if (node.source.value === "vite") {
+            for (const specifier of node.specifiers) {
+                if (specifier.type !== "ImportSpecifier")
+                    continue;
+                if (specifier.imported.type !== "Identifier")
+                    continue;
+                if (specifier.imported.name !== "defineConfig")
+                    continue;
+                defineConfigNames.add(specifier.local.name);
+            }
+            continue;
+        }
+        if (node.source.value !== "@stylexjs/unplugin" &&
+            node.source.value !== "@stylexjs/unplugin/vite")
+            continue;
+        for (const specifier of node.specifiers) {
+            if (specifier.type !== "ImportDefaultSpecifier")
+                continue;
+            stylexImports.push({
+                name: specifier.local.name,
+                direct: node.source.value.endsWith("/vite"),
+            });
+        }
+    }
+    return { defineConfigNames, stylexImports };
+}
+function hasStylexCompiler(plugins, imports) {
+    for (const node of plugins.elements) {
+        if (node?.type !== "CallExpression")
+            continue;
+        const callee = node.callee;
+        if (callee.type === "Identifier") {
+            if (imports.some((binding) => binding.direct && binding.name === callee.name))
+                return true;
+            continue;
+        }
+        if (callee.type !== "MemberExpression" || callee.computed)
+            continue;
+        if (callee.object.type !== "Identifier")
+            continue;
+        if (callee.property.type !== "Identifier" || callee.property.name !== "vite")
+            continue;
+        const name = callee.object.name;
+        if (imports.some((binding) => !binding.direct && binding.name === name))
+            return true;
+    }
+    return false;
+}
+export function inspectViteConfig(source) {
+    const file = parseSource(source);
+    const { defineConfigNames, stylexImports } = getViteImports(file.program.body);
+    const exported = file.program.body.find((node) => node.type === "ExportDefaultDeclaration");
+    if (!exported || exported.type !== "ExportDefaultDeclaration")
+        return undefined;
+    let config = exported.declaration;
+    if (config.type === "CallExpression" && config.arguments.length === 1) {
+        const { callee } = config;
+        if (callee.type !== "Identifier" || !defineConfigNames.has(callee.name))
+            return undefined;
+        const argument = config.arguments[0];
+        if (argument.type !== "ObjectExpression")
+            return undefined;
+        config = argument;
+    }
+    if (config.type !== "ObjectExpression")
+        return undefined;
+    let plugins;
+    for (const property of config.properties) {
+        if (property.type === "SpreadElement" || property.computed)
+            return undefined;
+        if (property.type !== "ObjectProperty")
+            continue;
+        const key = property.key;
+        const isPlugins = (key.type === "Identifier" && key.name === "plugins") ||
+            (key.type === "StringLiteral" && key.value === "plugins");
+        if (!isPlugins)
+            continue;
+        if (plugins || property.value.type !== "ArrayExpression")
+            return undefined;
+        plugins = property.value;
+    }
+    if (!plugins)
+        return undefined;
+    return {
+        plugins,
+        imports: stylexImports,
+        hasCompiler: hasStylexCompiler(plugins, stylexImports),
+    };
+}
+export function configureVite(source) {
+    const inspected = inspectViteConfig(source);
+    if (!inspected || inspected.plugins.elements.some((node) => node?.type === "SpreadElement")) {
+        throw new Error("Could not safely update the Vite plugins array. Add the StyleX compiler manually.");
+    }
+    if (inspected.hasCompiler)
+        return source;
+    const binding = inspected.imports[0];
+    // An unused name avoids colliding with a user variable or an existing import.
+    let name = "nueeStylex";
+    while (source.includes(name))
+        name += "_";
+    let factory = `${name}.vite`;
+    if (binding)
+        factory = binding.direct ? binding.name : `${binding.name}.vite`;
+    const plugin = `${factory}({ unstable_moduleResolution: { type: "commonJS" } })`;
+    const offset = inspected.plugins.start + 1;
+    const configured = source.slice(0, offset) +
+        plugin +
+        (inspected.plugins.elements.length ? ", " : "") +
+        source.slice(offset);
+    const result = binding ? configured : `import ${name} from "@stylexjs/unplugin";\n${configured}`;
+    parseSource(result);
+    return result;
+}
+export function removeReducedMotionStyles(source) {
+    const file = parseSource(source);
+    const removals = [];
+    traverseFast(file, (node) => {
+        if (node.type !== "ObjectProperty" ||
+            node.computed ||
+            node.key.type !== "StringLiteral" ||
+            node.key.value !== "@media (prefers-reduced-motion: reduce)")
+            return;
+        const start = node.start;
+        let end = node.end;
+        const nextToken = file.tokens?.find((token) => token.start >= end && typeof token.type !== "string");
+        if (nextToken && source.slice(nextToken.start, nextToken.end) === ",")
+            end = nextToken.end;
+        removals.push({ start, end });
+    });
+    // Keep outer ranges first so nested rules are removed with their parent.
+    const outerRemovals = [];
+    let coveredEnd = -1;
+    for (const removal of removals.sort((a, b) => a.start - b.start)) {
+        if (removal.end <= coveredEnd)
+            continue;
+        outerRemovals.push(removal);
+        coveredEnd = removal.end;
+    }
+    let result = source;
+    let boundary = source.length;
+    for (const removal of outerRemovals.reverse()) {
+        if (removal.end > boundary)
+            continue;
+        result = result.slice(0, removal.start) + result.slice(removal.end);
+        boundary = removal.start;
+    }
+    parseSource(result);
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuee/cli",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "private": false,
   "repository": {
     "type": "git",
@@ -23,11 +23,14 @@
     "access": "public"
   },
   "dependencies": {
-    "@nuee/registry": "0.4.1",
+    "@babel/parser": "7.29.8",
+    "@babel/types": "7.29.8",
+    "@nuee/registry": "0.5.0",
+    "get-tsconfig": "^4.14.3",
     "jsonc-parser": "^3.3.1"
   },
   "devDependencies": {
-    "@types/node": "^22.20.1",
+    "@types/node": "26.4.1",
     "typescript": "7.0.2"
   },
   "scripts": {