@pandacss/node 0.7.0 → 0.8.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
-import { PandaHookable, Artifact, ConfigResultWithHooks, ParserResultType, Config } from '@pandacss/types';
+import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
 import { Project } from '@pandacss/parser';
 import { Runtime } from '@pandacss/types/src/runtime';
@@ -30,7 +30,7 @@ declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
 
 declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
 type PandaContext = Generator & {
-    runtime: Runtime;
+    runtime: Runtime$1;
     hooks: PandaHookable;
     project: Project;
     getFiles: () => string[];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
-import { PandaHookable, Artifact, ConfigResultWithHooks, ParserResultType, Config } from '@pandacss/types';
+import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
 import { Project } from '@pandacss/parser';
 import { Runtime } from '@pandacss/types/src/runtime';
@@ -30,7 +30,7 @@ declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
 
 declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
 type PandaContext = Generator & {
-    runtime: Runtime;
+    runtime: Runtime$1;
     hooks: PandaHookable;
     project: Project;
     getFiles: () => string[];

package/dist/index.js

@@ -798,7 +798,6 @@ var import_tsconfck = require("tsconfck");
 init_cjs_shims();
 var import_generator = require("@pandacss/generator");
 var import_parser = require("@pandacss/parser");
-var import_lil_fp = require("lil-fp");
 
 // src/chunk-engine.ts
 init_cjs_shims();
@@ -939,29 +938,29 @@ var getOutputEngine = ({
 });
 
 // src/create-context.ts
-var createContext = (conf) => (0, import_lil_fp.pipe)(
-  conf,
-  import_generator.createGenerator,
-  import_lil_fp.Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
-  (0, import_lil_fp.tap)(({ config, runtime }) => {
-    config.cwd ||= runtime.cwd();
-  }),
-  import_lil_fp.Obj.bind("getFiles", ({ config, runtime: { fs } }) => () => {
-    const { include, exclude, cwd } = config;
-    return fs.glob({ include, exclude, cwd });
-  }),
-  import_lil_fp.Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
-    return (0, import_parser.createProject)({
+var createContext = (conf) => {
+  const generator = (0, import_generator.createGenerator)(conf);
+  const config = conf.config;
+  const runtime = nodeRuntime;
+  config.cwd ||= runtime.cwd();
+  const { include, exclude, cwd } = config;
+  const getFiles = () => runtime.fs.glob({ include, exclude, cwd });
+  const ctx = {
+    ...conf,
+    ...generator,
+    runtime: nodeRuntime,
+    hooks: conf.hooks,
+    getFiles,
+    project: (0, import_parser.createProject)({
       ...conf.tsconfig,
       getFiles,
-      readFile: fs.readFileSync,
+      readFile: runtime.fs.readFileSync,
       hooks: conf.hooks,
-      parserOptions
-    });
-  }),
-  import_lil_fp.Obj.bind("chunks", getChunkEngine),
-  import_lil_fp.Obj.bind("output", getOutputEngine)
-);
+      parserOptions: { join: runtime.path.join, ...generator.parserOptions }
+    })
+  };
+  return Object.assign(ctx, { chunks: getChunkEngine(ctx), output: getOutputEngine(ctx) });
+};
 
 // src/config.ts
 var configs = [".ts", ".js", ".mjs", ".cjs"];
@@ -987,6 +986,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsconfigResult) {
     conf.tsconfig = tsconfigResult.tsconfig;
     conf.tsconfigFile = tsconfigResult.tsconfigFile;
+    const options2 = tsconfigResult.tsconfig?.compilerOptions;
+    if (options2?.paths) {
+      const baseUrl = options2.baseUrl;
+      conf.tsOptions = { baseUrl, pathMappings: (0, import_config.convertTsPathsToRegexes)(options2.paths, baseUrl ?? cwd) };
+    }
   }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
@@ -1002,7 +1006,7 @@ async function loadConfigAndCreateContext(options = {}) {
 // src/extract.ts
 init_cjs_shims();
 var import_logger3 = require("@pandacss/logger");
-var import_lil_fp2 = require("lil-fp");
+var import_lil_fp = require("lil-fp");
 
 // src/cli-box.ts
 init_cjs_shims();
@@ -2340,21 +2344,21 @@ function extractFile(ctx, file) {
     runtime: { path: path2 },
     config: { cwd }
   } = ctx;
-  return (0, import_lil_fp2.pipe)(
+  return (0, import_lil_fp.pipe)(
     { file: path2.abs(cwd, file) },
-    (0, import_lil_fp2.tap)(() => import_logger3.logger.debug("file:extract", file)),
-    import_lil_fp2.Obj.bind("measure", () => import_logger3.logger.time.debug(`Extracted ${file}`)),
-    import_lil_fp2.Obj.bind(
+    (0, import_lil_fp.tap)(() => import_logger3.logger.debug("file:extract", file)),
+    import_lil_fp.Obj.bind("measure", () => import_logger3.logger.time.debug(`Extracted ${file}`)),
+    import_lil_fp.Obj.bind(
       "result",
-      (0, import_lil_fp2.tryCatch)(
+      (0, import_lil_fp.tryCatch)(
         ({ file: file2 }) => ctx.project.parseSourceFile(file2),
         (error) => import_logger3.logger.error("file:parse", error)
       )
     ),
-    import_lil_fp2.Obj.bind("measureCss", () => import_logger3.logger.time.debug(`Parsed ${file}`)),
-    import_lil_fp2.Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
-    (0, import_lil_fp2.tap)(({ measure, measureCss }) => [measureCss(), measure()]),
-    import_lil_fp2.Obj.get("css")
+    import_lil_fp.Obj.bind("measureCss", () => import_logger3.logger.time.debug(`Parsed ${file}`)),
+    import_lil_fp.Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
+    (0, import_lil_fp.tap)(({ measure, measureCss }) => [measureCss(), measure()]),
+    import_lil_fp.Obj.get("css")
   );
 }
 function extractFiles(ctx) {
@@ -2484,18 +2488,9 @@ var Builder = class {
   async setup(options = {}) {
     import_logger4.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    let tsOptions = { baseUrl: void 0, pathMappings: [] };
-    if (this.context?.tsconfig) {
-      const options2 = this.context.tsconfig.compilerOptions;
-      if (options2?.paths) {
-        const baseUrl = options2.baseUrl;
-        tsOptions = {
-          baseUrl,
-          pathMappings: (0, import_config2.convertTsPathsToRegexes)(options2?.paths, baseUrl ?? this.context.config.cwd)
-        };
-      }
-    }
-    const { deps: foundDeps } = (0, import_config2.getConfigDependencies)(configPath, tsOptions);
+    const tsOptions = this.context?.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
+    const compilerOptions = this.context?.tsconfig?.compilerOptions ?? {};
+    const { deps: foundDeps } = (0, import_config2.getConfigDependencies)(configPath, tsOptions, compilerOptions);
     const cwd = this.context?.config.cwd ?? (0, import_path2.dirname)(configPath);
     const configDeps = /* @__PURE__ */ new Set([...foundDeps, ...(this.context?.dependencies ?? []).map((file) => (0, import_path2.resolve)(cwd, file))]);
     this.configDependencies = configDeps;
@@ -2810,7 +2805,7 @@ outExtension: '${outExtension}',` : ""}
     outdir: "styled-system",
     ${jsxFramework ? `
  // The JSX framework to use
-jsxFramework: '${jsxFramework}'` : ""}
+jsxFramework: '${jsxFramework}',` : ""}
     ${syntax ? `
  // The CSS Syntax to use to use
 syntax: '${syntax}'` : ""}

package/dist/index.mjs

@@ -756,7 +756,7 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 
 // src/builder.ts
 init_esm_shims();
-import { getConfigDependencies, convertTsPathsToRegexes } from "@pandacss/config";
+import { getConfigDependencies } from "@pandacss/config";
 import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger4 } from "@pandacss/logger";
@@ -766,7 +766,7 @@ import { dirname as dirname2, resolve as resolve2 } from "path";
 
 // src/config.ts
 init_esm_shims();
-import { loadConfigFile } from "@pandacss/config";
+import { convertTsPathsToRegexes, loadConfigFile } from "@pandacss/config";
 import { createDebugger, createHooks } from "hookable";
 import { lookItUpSync } from "look-it-up";
 import { parse } from "tsconfck";
@@ -775,7 +775,6 @@ import { parse } from "tsconfck";
 init_esm_shims();
 import { createGenerator } from "@pandacss/generator";
 import { createProject } from "@pandacss/parser";
-import { Obj, pipe, tap } from "lil-fp";
 
 // src/chunk-engine.ts
 init_esm_shims();
@@ -925,29 +924,29 @@ var getOutputEngine = ({
 });
 
 // src/create-context.ts
-var createContext = (conf) => pipe(
-  conf,
-  createGenerator,
-  Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
-  tap(({ config, runtime }) => {
-    config.cwd ||= runtime.cwd();
-  }),
-  Obj.bind("getFiles", ({ config, runtime: { fs } }) => () => {
-    const { include, exclude, cwd } = config;
-    return fs.glob({ include, exclude, cwd });
-  }),
-  Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
-    return createProject({
+var createContext = (conf) => {
+  const generator = createGenerator(conf);
+  const config = conf.config;
+  const runtime = nodeRuntime;
+  config.cwd ||= runtime.cwd();
+  const { include, exclude, cwd } = config;
+  const getFiles = () => runtime.fs.glob({ include, exclude, cwd });
+  const ctx = {
+    ...conf,
+    ...generator,
+    runtime: nodeRuntime,
+    hooks: conf.hooks,
+    getFiles,
+    project: createProject({
       ...conf.tsconfig,
       getFiles,
-      readFile: fs.readFileSync,
+      readFile: runtime.fs.readFileSync,
       hooks: conf.hooks,
-      parserOptions
-    });
-  }),
-  Obj.bind("chunks", getChunkEngine),
-  Obj.bind("output", getOutputEngine)
-);
+      parserOptions: { join: runtime.path.join, ...generator.parserOptions }
+    })
+  };
+  return Object.assign(ctx, { chunks: getChunkEngine(ctx), output: getOutputEngine(ctx) });
+};
 
 // src/config.ts
 var configs = [".ts", ".js", ".mjs", ".cjs"];
@@ -973,6 +972,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsconfigResult) {
     conf.tsconfig = tsconfigResult.tsconfig;
     conf.tsconfigFile = tsconfigResult.tsconfigFile;
+    const options2 = tsconfigResult.tsconfig?.compilerOptions;
+    if (options2?.paths) {
+      const baseUrl = options2.baseUrl;
+      conf.tsOptions = { baseUrl, pathMappings: convertTsPathsToRegexes(options2.paths, baseUrl ?? cwd) };
+    }
   }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
@@ -988,7 +992,7 @@ async function loadConfigAndCreateContext(options = {}) {
 // src/extract.ts
 init_esm_shims();
 import { logger as logger3 } from "@pandacss/logger";
-import { Obj as Obj2, pipe as pipe2, tap as tap2, tryCatch } from "lil-fp";
+import { Obj, pipe, tap, tryCatch } from "lil-fp";
 
 // src/cli-box.ts
 init_esm_shims();
@@ -2326,21 +2330,21 @@ function extractFile(ctx, file) {
     runtime: { path: path2 },
     config: { cwd }
   } = ctx;
-  return pipe2(
+  return pipe(
     { file: path2.abs(cwd, file) },
-    tap2(() => logger3.debug("file:extract", file)),
-    Obj2.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
-    Obj2.bind(
+    tap(() => logger3.debug("file:extract", file)),
+    Obj.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
+    Obj.bind(
       "result",
       tryCatch(
         ({ file: file2 }) => ctx.project.parseSourceFile(file2),
         (error) => logger3.error("file:parse", error)
       )
     ),
-    Obj2.bind("measureCss", () => logger3.time.debug(`Parsed ${file}`)),
-    Obj2.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
-    tap2(({ measure, measureCss }) => [measureCss(), measure()]),
-    Obj2.get("css")
+    Obj.bind("measureCss", () => logger3.time.debug(`Parsed ${file}`)),
+    Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
+    tap(({ measure, measureCss }) => [measureCss(), measure()]),
+    Obj.get("css")
   );
 }
 function extractFiles(ctx) {
@@ -2470,18 +2474,9 @@ var Builder = class {
   async setup(options = {}) {
     logger4.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    let tsOptions = { baseUrl: void 0, pathMappings: [] };
-    if (this.context?.tsconfig) {
-      const options2 = this.context.tsconfig.compilerOptions;
-      if (options2?.paths) {
-        const baseUrl = options2.baseUrl;
-        tsOptions = {
-          baseUrl,
-          pathMappings: convertTsPathsToRegexes(options2?.paths, baseUrl ?? this.context.config.cwd)
-        };
-      }
-    }
-    const { deps: foundDeps } = getConfigDependencies(configPath, tsOptions);
+    const tsOptions = this.context?.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
+    const compilerOptions = this.context?.tsconfig?.compilerOptions ?? {};
+    const { deps: foundDeps } = getConfigDependencies(configPath, tsOptions, compilerOptions);
     const cwd = this.context?.config.cwd ?? dirname2(configPath);
     const configDeps = /* @__PURE__ */ new Set([...foundDeps, ...(this.context?.dependencies ?? []).map((file) => resolve2(cwd, file))]);
     this.configDependencies = configDeps;
@@ -2796,7 +2791,7 @@ outExtension: '${outExtension}',` : ""}
     outdir: "styled-system",
     ${jsxFramework ? `
  // The JSX framework to use
-jsxFramework: '${jsxFramework}'` : ""}
+jsxFramework: '${jsxFramework}',` : ""}
     ${syntax ? `
  // The CSS Syntax to use to use
 syntax: '${syntax}'` : ""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -31,20 +31,20 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.25",
     "preferred-pm": "^3.0.3",
-    "ts-morph": "18.0.0",
-    "ts-pattern": "5.0.1",
+    "ts-morph": "19.0.0",
+    "ts-pattern": "5.0.4",
     "tsconfck": "^2.1.1",
-    "@pandacss/config": "0.7.0",
-    "@pandacss/core": "0.7.0",
-    "@pandacss/error": "0.7.0",
-    "@pandacss/extractor": "0.7.0",
-    "@pandacss/generator": "0.7.0",
-    "@pandacss/is-valid-prop": "0.7.0",
-    "@pandacss/logger": "0.7.0",
-    "@pandacss/parser": "0.7.0",
-    "@pandacss/shared": "0.7.0",
-    "@pandacss/token-dictionary": "0.7.0",
-    "@pandacss/types": "0.7.0"
+    "@pandacss/config": "0.8.0",
+    "@pandacss/core": "0.8.0",
+    "@pandacss/error": "0.8.0",
+    "@pandacss/extractor": "0.8.0",
+    "@pandacss/generator": "0.8.0",
+    "@pandacss/is-valid-prop": "0.8.0",
+    "@pandacss/logger": "0.8.0",
+    "@pandacss/parser": "0.8.0",
+    "@pandacss/shared": "0.8.0",
+    "@pandacss/token-dictionary": "0.8.0",
+    "@pandacss/types": "0.8.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
@@ -53,7 +53,7 @@
     "@types/lodash.merge": "4.6.7",
     "@types/pluralize": "0.0.30",
     "boxen": "^7.1.1",
-    "@pandacss/fixture": "0.7.0"
+    "@pandacss/fixture": "0.8.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",