@mekari/pixel3-postcss 0.0.1-alpha.0 → 0.0.2

package/dist/index.cjs

@@ -0,0 +1,162 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.31_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl, importMetaUrl;
+var init_cjs_shims = __esm({
+  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.31_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js"() {
+    "use strict";
+    getImportMetaUrl = /* @__PURE__ */ __name(() => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href, "getImportMetaUrl");
+    importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
+  }
+});
+
+// src/default-config.js
+var default_config_exports = {};
+__export(default_config_exports, {
+  defaultConfig: () => defaultConfig
+});
+var defaultConfig;
+var init_default_config = __esm({
+  "src/default-config.js"() {
+    "use strict";
+    init_cjs_shims();
+    defaultConfig = {
+      preflight: true,
+      presets: ["@mekari/pixel3-theme"],
+      include: [
+        "./src/**/*.{js,jsx,ts,tsx,vue}",
+        "./node_modules/@mekari/pixel3/node_modules/@mekari/**/src/**/*.{ts,tsx,vue}"
+      ],
+      exclude: [],
+      layers: {
+        reset: "pixel_reset",
+        base: "pixel_base",
+        tokens: "pixel_tokens",
+        recipes: "pixel_recipes",
+        utilities: "pixel_utilities"
+      },
+      prefix: "mp",
+      jsxFramework: "vue"
+    };
+  }
+});
+
+// index.ts
+init_cjs_shims();
+
+// src/index.ts
+init_cjs_shims();
+var import_node = require("@pandacss/node");
+var import_module = require("module");
+
+// src/create-config.js
+init_cjs_shims();
+var fs = require("fs");
+var { defaultConfig: defaultConfig2 } = (init_default_config(), __toCommonJS(default_config_exports));
+function mergeConfig(obj1 = {}, obj2 = {}) {
+  const mergeKey = ["include"];
+  const tempObj = {};
+  mergeKey.map((item) => {
+    if (obj2.hasOwnProperty(item)) {
+      tempObj[item] = [...obj1[item], ...obj2[item]];
+    }
+  });
+  return { ...obj1, ...tempObj };
+}
+__name(mergeConfig, "mergeConfig");
+var createConfigFile = /* @__PURE__ */ __name((filePath, options) => {
+  const configs = mergeConfig(defaultConfig2, options);
+  const data = "export default" + JSON.stringify(configs, null, 2);
+  try {
+    fs.writeFileSync(filePath, data, "utf-8");
+  } catch (error) {
+    console.error(error.message);
+  }
+}, "createConfigFile");
+
+// src/index.ts
+var import_path = __toESM(require("path"), 1);
+var require2 = (0, import_module.createRequire)(importMetaUrl);
+var tmp = require2("tmp");
+var PLUGIN_NAME = "pixel3-postcss";
+var tmpobj = tmp.fileSync({ postfix: ".ts" });
+var configPath = tmpobj.name;
+tmp.setGracefulCleanup();
+var pixelcss = /* @__PURE__ */ __name((options = {}) => {
+  const { cwd } = options;
+  createConfigFile(configPath, options);
+  console.log("Pixel Config (auto-generated) :", configPath);
+  const builder = new import_node.Builder();
+  const nodeModulesRegex = /node_modules/;
+  function isValidCss(file) {
+    const [filePath] = file.split("?");
+    return import_path.default.extname(filePath) === ".css";
+  }
+  __name(isValidCss, "isValidCss");
+  return {
+    postcssPlugin: PLUGIN_NAME,
+    plugins: [
+      async function(root, result) {
+        const fileName = result.opts.from;
+        const skip = fileName ? !isValidCss(fileName) || nodeModulesRegex.test(fileName) : true;
+        if (skip)
+          return;
+        await builder.setup({ configPath, cwd });
+        if (!builder.isValidRoot(root)) {
+          return;
+        }
+        await builder.emit();
+        await builder.extract();
+        builder.registerDependency((dep) => {
+          result.messages.push({
+            ...dep,
+            plugin: PLUGIN_NAME,
+            parent: result.opts.from
+          });
+        });
+        builder.write(root);
+        root.walk((node) => {
+          if (!node.source) {
+            node.source = root.source;
+          }
+        });
+      }
+    ]
+  };
+}, "pixelcss");
+pixelcss.postcss = true;
+var src_default = pixelcss;
+
+// index.ts
+module.exports = src_default;

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+
+export { }

package/dist/index.js

@@ -30,10 +30,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.31_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.32_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.31_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.32_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
     getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
     importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
@@ -66,7 +66,9 @@ var init_default_config = __esm({
         utilities: "pixel_utilities"
       },
       prefix: "mp",
-      jsxFramework: "vue"
+      jsxFramework: "vue",
+      jsxFactory: "Pixel",
+      jsxStyleProps: "all"
     };
   }
 });
@@ -84,10 +86,14 @@ init_cjs_shims();
 var fs = require("fs");
 var { defaultConfig: defaultConfig2 } = (init_default_config(), __toCommonJS(default_config_exports));
 function mergeConfig(obj1, obj2) {
-  const mergeKey = ["include"];
+  const mergeKey = ["include", "exclude"];
   const tempObj = {};
   mergeKey.map((item) => {
     if (obj2.hasOwnProperty(item)) {
+      if (item === "staticCss") {
+        tempObj[item] = obj2[item];
+        return;
+      }
       tempObj[item] = [...obj1[item], ...obj2[item]];
     }
   });
@@ -111,22 +117,31 @@ var PLUGIN_NAME = "pixel3-postcss";
 var tmpobj = tmp.fileSync({ postfix: ".ts" });
 var configPath = tmpobj.name;
 tmp.setGracefulCleanup();
+var builder = new import_node.Builder();
+var nodeModulesRegex = /node_modules/;
+function isValidCss(file) {
+  const [filePath] = file.split("?");
+  return import_path.default.extname(filePath) === ".css";
+}
+var shouldSkip = (fileName) => {
+  if (!fileName)
+    return true;
+  if (!isValidCss(fileName))
+    return true;
+  if (fileName.includes("@pandacss/astro/base.css"))
+    return false;
+  return nodeModulesRegex.test(fileName);
+};
 var pixelcss = (options = {}) => {
   const { cwd } = options;
   createConfigFile(configPath, options);
   console.log("Pixel Config (auto-generated) :", configPath);
-  const builder = new import_node.Builder();
-  const nodeModulesRegex = /node_modules/;
-  function isValidCss(file) {
-    const [filePath] = file.split("?");
-    return import_path.default.extname(filePath) === ".css";
-  }
   return {
     postcssPlugin: PLUGIN_NAME,
     plugins: [
       async function(root, result) {
         const fileName = result.opts.from;
-        const skip = fileName ? !isValidCss(fileName) || nodeModulesRegex.test(fileName) : true;
+        const skip = shouldSkip(fileName);
         if (skip)
           return;
         await builder.setup({ configPath, cwd });
@@ -134,7 +149,7 @@ var pixelcss = (options = {}) => {
           return;
         }
         await builder.emit();
-        await builder.extract();
+        builder.extract();
         builder.registerDependency((dep) => {
           result.messages.push({
             ...dep,

package/dist/index.mjs

@@ -29,9 +29,9 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.31_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.32_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.31_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.32_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -62,17 +62,23 @@ var init_default_config = __esm({
         utilities: "pixel_utilities"
       },
       prefix: "mp",
-      jsxFramework: "vue"
+      jsxFramework: "vue",
+      jsxFactory: "Pixel",
+      jsxStyleProps: "all"
     };
   }
 });
 
 // src/create-config.ts
 function mergeConfig(obj1, obj2) {
-  const mergeKey = ["include"];
+  const mergeKey = ["include", "exclude"];
   const tempObj = {};
   mergeKey.map((item) => {
     if (obj2.hasOwnProperty(item)) {
+      if (item === "staticCss") {
+        tempObj[item] = obj2[item];
+        return;
+      }
       tempObj[item] = [...obj1[item], ...obj2[item]];
     }
   });
@@ -101,7 +107,11 @@ var init_create_config = __esm({
 import { Builder } from "@pandacss/node";
 import { createRequire } from "module";
 import path from "path";
-var require2, tmp, PLUGIN_NAME, tmpobj, configPath, pixelcss, src_default;
+function isValidCss(file) {
+  const [filePath] = file.split("?");
+  return path.extname(filePath) === ".css";
+}
+var require2, tmp, PLUGIN_NAME, tmpobj, configPath, builder, nodeModulesRegex, shouldSkip, pixelcss, src_default;
 var init_src = __esm({
   "src/index.ts"() {
     "use strict";
@@ -113,22 +123,27 @@ var init_src = __esm({
     tmpobj = tmp.fileSync({ postfix: ".ts" });
     configPath = tmpobj.name;
     tmp.setGracefulCleanup();
+    builder = new Builder();
+    nodeModulesRegex = /node_modules/;
+    shouldSkip = (fileName) => {
+      if (!fileName)
+        return true;
+      if (!isValidCss(fileName))
+        return true;
+      if (fileName.includes("@pandacss/astro/base.css"))
+        return false;
+      return nodeModulesRegex.test(fileName);
+    };
     pixelcss = (options = {}) => {
       const { cwd } = options;
       createConfigFile(configPath, options);
       console.log("Pixel Config (auto-generated) :", configPath);
-      const builder = new Builder();
-      const nodeModulesRegex = /node_modules/;
-      function isValidCss(file) {
-        const [filePath] = file.split("?");
-        return path.extname(filePath) === ".css";
-      }
       return {
         postcssPlugin: PLUGIN_NAME,
         plugins: [
           async function(root, result) {
             const fileName = result.opts.from;
-            const skip = fileName ? !isValidCss(fileName) || nodeModulesRegex.test(fileName) : true;
+            const skip = shouldSkip(fileName);
             if (skip)
               return;
             await builder.setup({ configPath, cwd });
@@ -136,7 +151,7 @@ var init_src = __esm({
               return;
             }
             await builder.emit();
-            await builder.extract();
+            builder.extract();
             builder.registerDependency((dep) => {
               result.messages.push({
                 ...dep,

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@mekari/pixel3-postcss",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.2",
   "description": "PostCSS integration for Pixel 3",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
   "author": "Sastra Nababan",
   "scripts": {
     "build": "tsup index.ts --format=cjs,esm --shims --dts",
     "build-fast": "tsup src/index.ts --format=cjs,esm --shims --no-dts",
-    "dev": "pnpm build-fast --watch",
-    "replace-config": "clean-package",
-    "restore-config": "clean-package restore"
+    "dev": "pnpm build-fast --watch"
   },
   "sideEffects": false,
   "publishConfig": {
@@ -21,16 +17,9 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/dev": "^0.20.1",
-    "@pandacss/node": "^0.20.1",
+    "@pandacss/dev": "^0.24.1",
+    "@pandacss/node": "^0.24.1",
     "postcss": "^8.4.31",
     "tmp": "^0.2.1"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.js",
-      "default": "./dist/index.mjs"
-    }
   }
-}
+}