@pandacss/config 2.1.1 → 2.2.0

package/dist/import-meta-url-SQ7JCEJ3.js

@@ -0,0 +1,34 @@
+// src/import-meta-url.ts
+import { parse } from "acorn";
+import { simple } from "acorn-walk";
+import MagicString from "magic-string";
+function replaceImportMetaUrl(code, replacement) {
+  const ast = parse(code, {
+    ecmaVersion: "latest",
+    sourceType: "module"
+  });
+  const output = new MagicString(code);
+  let changed = false;
+  simple(ast, {
+    MemberExpression(node) {
+      if (!isImportMetaUrl(node)) return;
+      output.overwrite(node.start, node.end, replacement);
+      changed = true;
+    }
+  });
+  return changed ? output.toString() : code;
+}
+function isImportMetaUrl(node) {
+  if (node.computed || !isIdentifier(node.property, "url")) return false;
+  const object = node.object;
+  return isNode(object, "MetaProperty") && isIdentifier(object.meta, "import") && isIdentifier(object.property, "meta");
+}
+function isIdentifier(value, name) {
+  return isNode(value, "Identifier") && value.name === name;
+}
+function isNode(value, type) {
+  return !!value && typeof value === "object" && value.type === type;
+}
+export {
+  replaceImportMetaUrl
+};

package/dist/index.d.ts

@@ -53,7 +53,7 @@ interface DesignSystemArtifactConflict {
     patterns: string[];
 }
 declare function collectArtifactConflicts(metadata: DesignSystemMetadata | undefined): DesignSystemArtifactConflict[];
-declare function collectExportMissingDiagnostics(metadata: DesignSystemMetadata | undefined): Diagnostic[];
+declare function collectExportMissingDiagnostics(metadata: DesignSystemMetadata | undefined, jsxFramework?: string): Diagnostic[];
 declare function collectNameCollisionDiagnostics(metadata: DesignSystemMetadata | undefined): Diagnostic[];
 
 interface LoadConfigOptions {

package/dist/index.js

@@ -21,24 +21,22 @@ import {
 import { applyConfigDefaults as applyConfigDefaults2 } from "@pandacss/compiler-shared";
 
 // src/bundle.ts
-import { existsSync, realpathSync } from "node:fs";
+import { existsSync, readFileSync, realpathSync, statSync } from "node:fs";
 import { mkdir, unlink, writeFile } from "node:fs/promises";
 import { builtinModules } from "node:module";
 import { tmpdir } from "node:os";
-import { basename, dirname, isAbsolute as isAbsolute2, join, normalize, relative } from "node:path";
+import { basename, dirname, extname, isAbsolute as isAbsolute2, join, normalize, relative, sep } from "node:path";
 import { pathToFileURL as pathToFileURL2 } from "node:url";
 
 // src/bundle-plugins.ts
-import { parse } from "acorn";
-import { simple } from "acorn-walk";
-import MagicString from "magic-string";
 import { isAbsolute } from "node:path";
 import { pathToFileURL } from "node:url";
 function importMetaUrlPlugin() {
   return {
     name: "panda-import-meta-url",
-    transform(code, id) {
+    async transform(code, id) {
       if (!isAbsolute(id) || !code.includes("import.meta.url")) return;
+      const { replaceImportMetaUrl } = await import("./import-meta-url-SQ7JCEJ3.js");
       const replacement = JSON.stringify(pathToFileURL(id).href);
       const patched = replaceImportMetaUrl(code, replacement);
       if (patched === code) return;
@@ -46,32 +44,52 @@ function importMetaUrlPlugin() {
     }
   };
 }
-function replaceImportMetaUrl(code, replacement) {
-  const ast = parse(code, {
-    ecmaVersion: "latest",
-    sourceType: "module"
-  });
-  const output = new MagicString(code);
-  let changed = false;
-  simple(ast, {
-    MemberExpression(node) {
-      if (!isImportMetaUrl(node)) return;
-      output.overwrite(node.start, node.end, replacement);
-      changed = true;
+var sideEffectImportRe = /^[ \t]*import[ \t]*(['"])([^'"\n]+)\1/gm;
+var nodeModulesRe = /[\\/]node_modules[\\/]/;
+function sideEffectImportsPlugin() {
+  const importsByFile = /* @__PURE__ */ new Map();
+  return {
+    name: "panda-side-effect-imports",
+    transform(code, id) {
+      if (nodeModulesRe.test(id) || !code.includes("import")) return;
+      const specifiers = new Set(Array.from(code.matchAll(sideEffectImportRe), (match) => match[2]));
+      if (specifiers.size > 0) importsByFile.set(id, specifiers);
+    },
+    async resolveId(source, importer) {
+      if (!importer || !importsByFile.get(importer)?.has(source)) return;
+      const resolved = await this.resolve(source, importer, { skipSelf: true });
+      return resolved && { ...resolved, moduleSideEffects: true };
     }
-  });
-  return changed ? output.toString() : code;
+  };
 }
-function isImportMetaUrl(node) {
-  if (node.computed || !isIdentifier(node.property, "url")) return false;
-  const object = node.object;
-  return isNode(object, "MetaProperty") && isIdentifier(object.meta, "import") && isIdentifier(object.property, "meta");
+
+// src/resolve.ts
+import { createRequire } from "node:module";
+import { resolve } from "node:path";
+function tryResolveFrom(request, fromDir) {
+  try {
+    return createRequire(resolve(fromDir, "noop.js")).resolve(request, { paths: [fromDir] });
+  } catch (error) {
+    if (isResolveMiss(error)) return void 0;
+    throw error;
+  }
 }
-function isIdentifier(value, name) {
-  return isNode(value, "Identifier") && value.name === name;
+function isResolveMiss(error) {
+  const code = errorCode(error);
+  return code === "MODULE_NOT_FOUND" || code === "ERR_PACKAGE_PATH_NOT_EXPORTED";
 }
-function isNode(value, type) {
-  return !!value && typeof value === "object" && value.type === type;
+function resolveFrom(request, fromDir) {
+  try {
+    return { kind: "resolved", path: createRequire(resolve(fromDir, "noop.js")).resolve(request, { paths: [fromDir] }) };
+  } catch (error) {
+    const code = errorCode(error);
+    if (code === "ERR_PACKAGE_PATH_NOT_EXPORTED") return { kind: "not-exported" };
+    if (code === "MODULE_NOT_FOUND") return { kind: "not-installed" };
+    throw error;
+  }
+}
+function errorCode(error) {
+  return typeof error === "object" && error !== null && "code" in error ? error.code : void 0;
 }
 
 // src/bundle.ts
@@ -83,8 +101,8 @@ async function bundleConfig(filepath, cwd) {
     cwd,
     platform: "node",
     external: (id) => nodeBuiltins.has(id),
-    treeshake: false,
-    plugins: [importMetaUrlPlugin()]
+    treeshake: true,
+    plugins: [importMetaUrlPlugin(), sideEffectImportsPlugin()]
   });
   let chunks;
   try {
@@ -98,10 +116,40 @@ async function bundleConfig(filepath, cwd) {
   }
   const dependencies = collectDependencies(chunks.output, filepath, cwd);
   const mod = await loadBundledModule(filepath, output.code);
+  return { config: await configFromModule(mod), dependencies };
+}
+async function importInstalledConfig(specifier, cwd) {
+  if (specifier.startsWith(".") || isAbsolute2(specifier)) return void 0;
+  const resolved = tryResolveFrom(specifier, cwd);
+  if (!resolved) return void 0;
+  const file = canonical(resolved);
+  if (!file.includes(`${sep}node_modules${sep}`) || !isEsmFile(file)) return void 0;
+  const mod = await import(
+    /* @vite-ignore */
+    `${pathToFileURL2(file).href}?mtime=${statSync(file).mtimeMs}`
+  );
+  return { config: await configFromModule(mod), dependencies: [normalize(relative(canonical(cwd), file))] };
+}
+async function configFromModule(mod) {
   const hasDefaultExport = Object.prototype.hasOwnProperty.call(mod ?? {}, "default");
   const exported = hasDefaultExport ? mod.default : mod;
-  const config = hasDefaultExport && isPromiseLike(exported) ? await exported : exported;
-  return { config, dependencies };
+  return hasDefaultExport && isPromiseLike(exported) ? await exported : exported;
+}
+function isEsmFile(file) {
+  const extension = extname(file);
+  if (extension === ".mjs") return true;
+  if (extension !== ".js") return false;
+  return nearestPackageType(dirname(file)) === "module";
+}
+function nearestPackageType(start) {
+  let current = start;
+  while (true) {
+    const candidate = join(current, "package.json");
+    if (existsSync(candidate)) return JSON.parse(readFileSync(candidate, "utf8")).type;
+    const parent = dirname(current);
+    if (parent === current) return void 0;
+    current = parent;
+  }
 }
 async function loadBundledModule(filepath, code) {
   const target = tempTargetFor(filepath);
@@ -179,7 +227,7 @@ function canonical(filepath) {
 
 // src/find.ts
 import { readdirSync } from "node:fs";
-import { dirname as dirname2, resolve } from "node:path";
+import { dirname as dirname2, resolve as resolve2 } from "node:path";
 var configFiles = /* @__PURE__ */ new Set([
   "panda.config.ts",
   "panda.config.js",
@@ -190,7 +238,7 @@ var configFiles = /* @__PURE__ */ new Set([
 ]);
 var isPandaConfig = (file) => configFiles.has(file);
 function findUp(cwd) {
-  let dir = resolve(cwd);
+  let dir = resolve2(cwd);
   while (true) {
     let entries;
     try {
@@ -199,7 +247,7 @@ function findUp(cwd) {
       entries = [];
     }
     const match = entries.find(isPandaConfig);
-    if (match) return resolve(dir, match);
+    if (match) return resolve2(dir, match);
     const parent = dirname2(dir);
     if (parent === dir) return void 0;
     dir = parent;
@@ -208,7 +256,7 @@ function findUp(cwd) {
 function findConfig(options) {
   const { cwd, file } = options;
   if (file) {
-    return resolve(cwd, file);
+    return resolve2(cwd, file);
   }
   const configPath = findUp(cwd);
   if (!configPath) {
@@ -441,41 +489,12 @@ import { normalize as normalize2, relative as relative5 } from "node:path";
 import {
   outdirBasename
 } from "@pandacss/compiler-shared";
-import { readFileSync as readFileSync2, statSync } from "node:fs";
+import { readFileSync as readFileSync3, statSync as statSync2 } from "node:fs";
 import { dirname as dirname4, resolve as resolve4 } from "node:path";
 import { pathToFileURL as pathToFileURL3 } from "node:url";
 
-// src/resolve.ts
-import { createRequire } from "node:module";
-import { resolve as resolve2 } from "node:path";
-function tryResolveFrom(request, fromDir) {
-  try {
-    return createRequire(resolve2(fromDir, "noop.js")).resolve(request, { paths: [fromDir] });
-  } catch (error) {
-    if (isResolveMiss(error)) return void 0;
-    throw error;
-  }
-}
-function isResolveMiss(error) {
-  const code = errorCode(error);
-  return code === "MODULE_NOT_FOUND" || code === "ERR_PACKAGE_PATH_NOT_EXPORTED";
-}
-function resolveFrom(request, fromDir) {
-  try {
-    return { kind: "resolved", path: createRequire(resolve2(fromDir, "noop.js")).resolve(request, { paths: [fromDir] }) };
-  } catch (error) {
-    const code = errorCode(error);
-    if (code === "ERR_PACKAGE_PATH_NOT_EXPORTED") return { kind: "not-exported" };
-    if (code === "MODULE_NOT_FOUND") return { kind: "not-installed" };
-    throw error;
-  }
-}
-function errorCode(error) {
-  return typeof error === "object" && error !== null && "code" in error ? error.code : void 0;
-}
-
 // src/design-system/package.ts
-import { existsSync as existsSync2, readFileSync } from "node:fs";
+import { existsSync as existsSync2, readFileSync as readFileSync2 } from "node:fs";
 import { dirname as dirname3, join as join2 } from "node:path";
 
 // src/design-system/publishable-files.ts
@@ -598,7 +617,7 @@ function readPackageIdentity(cwd) {
   if (packagePath === void 0) {
     throw new Error(`Could not find a package.json from ${JSON.stringify(cwd)} to build the design system manifest.`);
   }
-  const pkg = JSON.parse(readFileSync(packagePath, "utf8"));
+  const pkg = JSON.parse(readFileSync2(packagePath, "utf8"));
   const name = pkg.name;
   if (typeof name !== "string" || name.length === 0) {
     throw new Error(`${JSON.stringify(packagePath)} has no "name"; a design system must be a named package.`);
@@ -730,7 +749,7 @@ function collectArtifactConflicts(metadata) {
     patterns: ds.patternNames.filter((name) => appPatterns.has(name))
   })).filter((entry) => entry.recipes.length > 0 || entry.patterns.length > 0);
 }
-function collectExportMissingDiagnostics(metadata) {
+function collectExportMissingDiagnostics(metadata, jsxFramework) {
   const overlay = buildCodegenOverlay(metadata);
   if (!overlay) return [];
   const [ds] = metadata.designSystem;
@@ -745,9 +764,8 @@ function collectExportMissingDiagnostics(metadata) {
   if (overlay.ownedPatterns.length > 0) {
     required.push("./patterns", "./patterns/*");
   }
-  const appPatterns = metadata?.userPatternNames?.length ?? 0;
-  const dsPatterns = ds.patternNames?.length ?? 0;
-  if (overlay.ownedPatterns.length > 0 || overlay.virtualizeCss && (appPatterns > 0 || dsPatterns > 0)) {
+  const reexportsJsx = overlay.virtualizeCss || overlay.ownedPatterns.length > 0;
+  if (generatesJsx(jsxFramework) && reexportsJsx) {
     required.push("./jsx", "./jsx/*");
   }
   return required.filter((subpath) => !hasExport(ds.packageExports, subpath)).map((subpath) => exportMissingDiagnostic(ds.name, subpath));
@@ -795,6 +813,10 @@ function identCollisions(kind, names) {
   }
   return collisions;
 }
+var JSX_FRAMEWORKS = /* @__PURE__ */ new Set(["react", "preact", "solid", "vue"]);
+function generatesJsx(jsxFramework) {
+  return jsxFramework !== void 0 && JSX_FRAMEWORKS.has(jsxFramework);
+}
 function hasExport(packageExports, subpath) {
   return packageExports != null && Object.prototype.hasOwnProperty.call(packageExports, subpath);
 }
@@ -843,7 +865,7 @@ function manifestNotExportedError(spec) {
 async function loadManifestLevel(spec, manifestPath, deps) {
   let parsed;
   try {
-    parsed = JSON.parse(readFileSync2(manifestPath, "utf8"));
+    parsed = JSON.parse(readFileSync3(manifestPath, "utf8"));
   } catch (error) {
     const message = `Failed to parse ${JSON.stringify(manifestPath)} as JSON: ${errorMessage(error)}. This file must be generated by \`panda lib\`, not hand-written or added to \`include\`.`;
     throw createConfigError(message, [
@@ -894,7 +916,7 @@ function readPackageExports(manifestPath) {
   try {
     const packageJsonPath = nearestPackageJson(dirname4(manifestPath));
     if (packageJsonPath === void 0) return void 0;
-    const pkg = JSON.parse(readFileSync2(packageJsonPath, "utf8"));
+    const pkg = JSON.parse(readFileSync3(packageJsonPath, "utf8"));
     return isExportsMap(pkg.exports) ? pkg.exports : void 0;
   } catch {
     return void 0;
@@ -905,7 +927,7 @@ function isExportsMap(value) {
 }
 function presetImportUrl(path) {
   const url = pathToFileURL3(path);
-  url.searchParams.set("mtime", String(statSync(path).mtimeMs));
+  url.searchParams.set("mtime", String(statSync2(path).mtimeMs));
   return url.href;
 }
 function designSystemImportMap(map, spec) {
@@ -1010,7 +1032,7 @@ function unsupportedSpecifierError(spec, protocol) {
 
 // src/design-system/smart-include.ts
 import { existsSync as existsSync3 } from "node:fs";
-import { dirname as dirname5, isAbsolute as isAbsolute4, join as join3, relative as relative4, resolve as resolve5, sep } from "node:path";
+import { dirname as dirname5, isAbsolute as isAbsolute4, join as join3, relative as relative4, resolve as resolve5, sep as sep2 } from "node:path";
 var SMART_INCLUDE_EXTENSIONS = ["js", "mjs", "cjs", "jsx", "ts", "cts", "mts", "tsx", "vue", "svelte", "astro"];
 var MANIFEST_SUBPATH = "panda/lib.json";
 var PACKAGE_SPECIFIER = /^(?:@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/i;
@@ -1079,7 +1101,7 @@ function tryResolve(request, cwd) {
 function isInsideCwd(relativePath) {
   if (relativePath === "" || relativePath === "..") return false;
   if (isAbsolute4(relativePath)) return false;
-  return !relativePath.startsWith(`..${sep}`);
+  return !relativePath.startsWith(`..${sep2}`);
 }
 function nearestPackageDir(from) {
   let dir = dirname5(from);
@@ -1309,7 +1331,7 @@ function collectPresetResolvedHooks(config) {
   return collectPluginHookHandlers(config, "preset:resolved");
 }
 async function runPresetResolvedHooks(preset, source, hooks) {
-  let current = preset;
+  let current = hooks.length > 0 ? clone(preset) : preset;
   const name = source.name ?? source.specifier ?? presetName(current) ?? "unknown-preset";
   for (const entry of hooks) {
     const hook = normalizeHook(entry.value, "preset:resolved");
@@ -1323,7 +1345,7 @@ async function runPresetResolvedHooks(preset, source, hooks) {
 async function resolvePreset(preset, cwd) {
   if (typeof preset === "string") {
     try {
-      const result = await bundleConfig(preset, cwd);
+      const result = await importInstalledConfig(preset, cwd) ?? await bundleConfig(preset, cwd);
       return {
         config: ensureConfigObject(result.config, preset),
         dependencies: result.dependencies,
@@ -1551,7 +1573,7 @@ function isConfigSnapshot(input) {
 }
 
 // src/version.ts
-import { readFileSync as readFileSync3 } from "node:fs";
+import { readFileSync as readFileSync4 } from "node:fs";
 import { dirname as dirname6, join as join4 } from "node:path";
 import { fileURLToPath } from "node:url";
 var MAJOR_VERSION_RE = /\d+/;
@@ -1559,7 +1581,7 @@ var STAMPABLE_PANDA_RANGE_RE = /^[v=><~^]|^\d/;
 function readPandaVersion() {
   try {
     const pkgPath = join4(dirname6(fileURLToPath(import.meta.url)), "../package.json");
-    return JSON.parse(readFileSync3(pkgPath, "utf8")).version;
+    return JSON.parse(readFileSync4(pkgPath, "utf8")).version;
   } catch {
     return void 0;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/config",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Self-contained loader that bundles and serializes a Panda config for the Rust compiler",
   "type": "module",
   "main": "./dist/index.js",
@@ -39,8 +39,8 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/compiler-shared": "2.1.1",
-    "@pandacss/types": "2.1.1",
+    "@pandacss/compiler-shared": "2.2.0",
+    "@pandacss/types": "2.2.0",
     "acorn": "^8.17.0",
     "acorn-walk": "^8.3.5",
     "javascript-stringify": "2.1.0",