@nooeh/cli 0.2.2 → 0.2.4

package/dist/doctor.js

@@ -81,7 +81,12 @@ export async function doctor(projectDirectory) {
                 name: "UI path",
                 status: "pass",
             });
-            const tokenFiles = ["color-palette.stylex.ts", "semantic.stylex.ts", "themes.stylex.ts"];
+            const tokenFiles = [
+                "color-palette.stylex.ts",
+                "semantic.stylex.ts",
+                "themes.stylex.ts",
+                "theme-provider.tsx",
+            ];
             const hasTokenFiles = await Promise.all(tokenFiles.map(async (fileName) => {
                 try {
                     await access(resolve(tokenDirectory, fileName));

package/dist/init.js

@@ -38,7 +38,6 @@ function getStylexPlugin(stylesAlias, tokenDirectory, projectDirectory) {
     const aliasPattern = `${stylesAlias}/*`;
     const aliasTarget = `/ROOT/${tokenPath}/*`;
     return `stylex.vite({
-    useCSSLayers: true,
     aliases: { ${JSON.stringify(aliasPattern)}: [${JSON.stringify(aliasTarget)}] },
     unstable_moduleResolution: {
       type: "commonJS",
@@ -54,11 +53,11 @@ function configureVite(source, stylesAlias, tokenDirectory, projectDirectory) {
     const legacyStylexPluginPattern = /stylex\.vite\(\{\s*useCSSLayers:\s*true\s*\}\)/;
     const emptyStylexPluginPattern = /stylex\.vite\(\)/;
     if (!source.includes("stylex.vite(") && !pluginPattern.test(source)) {
-        throw new Error("Could not safely update the Vite plugins array. Add stylex.vite({ useCSSLayers: true }) manually.");
+        throw new Error("Could not safely update the Vite plugins array. Add stylex.vite() manually.");
     }
     let withStylex = source;
     if (source.includes("unstable_moduleResolution")) {
-        withStylex = source;
+        withStylex = source.replace(/\s*useCSSLayers:\s*true,?/, "");
     }
     else if (legacyStylexPluginPattern.test(source)) {
         withStylex = source.replace(legacyStylexPluginPattern, stylexPlugin);
@@ -82,22 +81,28 @@ function configureVite(source, stylesAlias, tokenDirectory, projectDirectory) {
     }
     return withStylex.replace(configPattern, 'defineConfig({\n  resolve: { alias: { "@": new URL("./src", import.meta.url).pathname } },\n  ');
 }
-async function writeViteFiles(projectDirectory, tokenDirectory, stylesAlias) {
+async function writeViteFiles(projectDirectory, tokenDirectory, stylesAlias, refreshLegacyTokens) {
     const { path: configPath, source: configSource } = await readViteConfig(projectDirectory);
     const configuredVite = configureVite(configSource, stylesAlias, tokenDirectory, projectDirectory);
-    await writeNooehFiles(projectDirectory, tokenDirectory);
+    await writeNooehFiles(projectDirectory, tokenDirectory, refreshLegacyTokens);
     await writeFile(configPath, configuredVite, "utf8");
     console.log(`Configured Vite and created ${relative(projectDirectory, tokenDirectory)}.`);
 }
-async function writeNooehFiles(projectDirectory, tokenDirectory) {
+async function writeNooehFiles(projectDirectory, tokenDirectory, refreshLegacyTokens = false) {
     await mkdir(tokenDirectory, { recursive: true });
     for (const file of await getTokenFiles()) {
-        await writeFileIfMissing(join(tokenDirectory, file.name), file.content);
+        await writeTokenFile(join(tokenDirectory, file.name), file.content, refreshLegacyTokens && file.name === "semantic.stylex.ts");
     }
 }
-async function writeFileIfMissing(path, source) {
+function isLegacySemanticSource(source) {
+    return source.includes('bgCanvas: "initial"') && source.includes('overlay: "initial"');
+}
+async function writeTokenFile(path, source, shouldRefreshLegacyToken) {
     try {
-        await access(path);
+        const currentSource = await readFile(path, "utf8");
+        if (shouldRefreshLegacyToken && isLegacySemanticSource(currentSource)) {
+            await writeFile(path, source, "utf8");
+        }
     }
     catch {
         await writeFile(path, source, "utf8");
@@ -133,10 +138,10 @@ export async function init(projectDirectory, options) {
             }
         }
         if (options.framework === "vite") {
-            await writeViteFiles(projectDirectory, tokenDirectory, stylesAlias);
+            await writeViteFiles(projectDirectory, tokenDirectory, stylesAlias, Boolean(options.force));
         }
         else {
-            await writeNooehFiles(projectDirectory, tokenDirectory);
+            await writeNooehFiles(projectDirectory, tokenDirectory, Boolean(options.force));
             console.log(`Created ${relative(projectDirectory, tokenDirectory)}.`);
             console.log("Configure the StyleX compiler for your bundler before importing added components.");
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nooeh/cli",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "bin": {
     "nooeh": "./dist/cli.js"
@@ -19,7 +19,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@nooeh/registry": "0.1.1"
+    "@nooeh/registry": "0.1.2"
   },
   "devDependencies": {
     "@types/node": "^22.20.1",