@plumeria/core 0.4.0 → 0.5.1

package/dist/css.js

@@ -1,25 +1 @@
-import { create } from './method/create';
-import { global } from './method/global';
-import { cx } from './cx';
-import { defineThemeVars } from './method/define-theme-vars';
-import { keyframes } from './method/keyframes';
-import { media, pseudo, colors, container } from '@plumeria/collection';
-class css {
-    static create(object) {
-        return create(object);
-    }
-    static global(object) {
-        return global(object);
-    }
-    static defineThemeVars(object) {
-        return defineThemeVars(object);
-    }
-    static keyframes(object) {
-        return keyframes(object);
-    }
-    static media = media;
-    static pseudo = pseudo;
-    static colors = colors;
-    static container = container;
-}
-export { css, cx };
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.cx=exports.css=void 0;const create_1=require("./method/create");const global_1=require("./method/global");const cx_1=require("./cx");Object.defineProperty(exports,"cx",{enumerable:true,get:function(){return cx_1.cx}});const define_theme_vars_1=require("./method/define-theme-vars");const keyframes_1=require("./method/keyframes");const collection_1=require("@plumeria/collection");class css{static create(e){return(0,create_1.create)(e)}static global(e){return(0,global_1.global)(e)}static defineThemeVars(e){return(0,define_theme_vars_1.defineThemeVars)(e)}static keyframes(e){return(0,keyframes_1.keyframes)(e)}static media=collection_1.media;static pseudo=collection_1.pseudo;static colors=collection_1.colors;static container=collection_1.container}exports.css=css;

package/dist/css.mjs

@@ -0,0 +1 @@
+import{create}from"./method/create";import{global}from"./method/global";import{cx}from"./cx";import{defineThemeVars}from"./method/define-theme-vars";import{keyframes}from"./method/keyframes";import{media,pseudo,colors,container}from"@plumeria/collection";class css{static create(e){return create(e)}static global(e){return global(e)}static defineThemeVars(e){return defineThemeVars(e)}static keyframes(e){return keyframes(e)}static media=media;static pseudo=pseudo;static colors=colors;static container=container}export{css,cx};

package/dist/cx.js

@@ -1,19 +1 @@
-export function cx(...strings) {
-    let result = '';
-    let isFirst = true;
-    strings.filter(Boolean).forEach(str => {
-        if (str?.toString().startsWith(':')) {
-            result += str.toString();
-        }
-        else if (typeof str === 'string') {
-            if (isFirst) {
-                result += str;
-                isFirst = false;
-            }
-            else {
-                result += ` ${str}`;
-            }
-        }
-    });
-    return result;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.cx=cx;function cx(...e){let t="";let r=true;e.filter(Boolean).forEach((e=>{if(e?.toString().startsWith(":")){t+=e.toString()}else if(typeof e==="string"){if(r){t+=e;r=false}else{t+=` ${e}`}}}));return t}

package/dist/cx.mjs

@@ -0,0 +1 @@
+export function cx(...t){let e="";let r=true;t.filter(Boolean).forEach((t=>{if(t?.toString().startsWith(":")){e+=t.toString()}else if(typeof t==="string"){if(r){e+=t;r=false}else{e+=` ${t}`}}}));return e}

package/dist/index.js

@@ -1 +1 @@
-export { css, cx } from './css';
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.cx=exports.css=void 0;var css_1=require("./css");Object.defineProperty(exports,"css",{enumerable:true,get:function(){return css_1.css}});Object.defineProperty(exports,"cx",{enumerable:true,get:function(){return css_1.cx}});

package/dist/index.mjs

@@ -0,0 +1 @@
+export{css,cx}from"./css";

package/dist/method/create-build-helper.js

@@ -1,32 +1 @@
-import { build, isDevelopment } from 'zss-engine';
-let resolvePromise;
-let globalPromise;
-const sheetQueue = [];
-let isProcessing = false;
-function initPromise() {
-    globalPromise = new Promise(resolve => {
-        resolvePromise = (value) => {
-            sheetQueue.push(value);
-            resolve(value);
-        };
-    });
-}
-function processQueue() {
-    const path = require('path');
-    const filePath = path.join(__dirname, '../styles/create.css');
-    while (sheetQueue.length > 0) {
-        const styleSheet = sheetQueue.shift();
-        if (!isDevelopment && styleSheet)
-            build(styleSheet, filePath);
-    }
-    isProcessing = false;
-}
-export async function buildCreate() {
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    if (!isProcessing && sheetQueue.length > 0) {
-        isProcessing = true;
-        processQueue();
-    }
-}
-export { resolvePromise, globalPromise, initPromise };
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.globalPromise=exports.resolvePromise=void 0;exports.buildCreate=buildCreate;exports.initPromise=initPromise;const zss_engine_1=require("zss-engine");let resolvePromise;let globalPromise;const sheetQueue=[];let isProcessing=false;function initPromise(){exports.globalPromise=globalPromise=new Promise((e=>{exports.resolvePromise=resolvePromise=s=>{sheetQueue.push(s);e(s)}}))}function processQueue(){const e=require("path");const s=e.join(__dirname,"../styles/create.css");while(sheetQueue.length>0){const e=sheetQueue.shift();if(!zss_engine_1.isDevelopment&&e)(0,zss_engine_1.build)(e,s)}isProcessing=false}async function buildCreate(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&sheetQueue.length>0){isProcessing=true;processQueue()}}

package/dist/method/create-build-helper.mjs

@@ -0,0 +1 @@
+import{build,isDevelopment}from"zss-engine";let resolvePromise;let globalPromise;const sheetQueue=[];let isProcessing=false;function initPromise(){globalPromise=new Promise((e=>{resolvePromise=s=>{sheetQueue.push(s);e(s)}}))}function processQueue(){const e=require("path");const s=e.join(__dirname,"../styles/create.css");while(sheetQueue.length>0){const e=sheetQueue.shift();if(!isDevelopment&&e)build(e,s)}isProcessing=false}export async function buildCreate(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&sheetQueue.length>0){isProcessing=true;processQueue()}}export{resolvePromise,globalPromise,initPromise};

package/dist/method/create.js

@@ -1,22 +1 @@
-import { isDevAndTest, transpiler, injectServerCSS, genBase36Hash, isServer, injectClientCSS } from 'zss-engine';
-import { initPromise, globalPromise, resolvePromise } from './create-build-helper';
-import '../styles/create.css';
-export function create(object) {
-    const base36Hash = genBase36Hash(object, 6);
-    const { styleSheet } = transpiler(object, base36Hash);
-    const injectCSS = isServer ? injectServerCSS : injectClientCSS;
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    resolvePromise(styleSheet);
-    Object.keys(object).forEach(key => {
-        Object.defineProperty(object, key, {
-            get: () => {
-                const className = key + '_' + base36Hash;
-                if (isDevAndTest)
-                    injectCSS(base36Hash, styleSheet);
-                return className;
-            },
-        });
-    });
-    return Object.freeze(object);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.create=create;const zss_engine_1=require("zss-engine");const create_build_helper_1=require("./create-build-helper");require("../styles/create.css");function create(e){const r=(0,zss_engine_1.genBase36Hash)(e,6);const{styleSheet:s}=(0,zss_engine_1.transpiler)(e,r);const t=zss_engine_1.isServer?zss_engine_1.injectServerCSS:zss_engine_1.injectClientCSS;if(typeof create_build_helper_1.globalPromise==="undefined")(0,create_build_helper_1.initPromise)();(0,create_build_helper_1.resolvePromise)(s);Object.keys(e).forEach((n=>{Object.defineProperty(e,n,{get:()=>{const e=n+"_"+r;if(zss_engine_1.isDevAndTest)t(r,s);return e}})}));return Object.freeze(e)}

package/dist/method/create.mjs

@@ -0,0 +1 @@
+import{isDevAndTest,transpiler,injectServerCSS,genBase36Hash,isServer,injectClientCSS}from"zss-engine";import{initPromise,globalPromise,resolvePromise}from"./create-build-helper";import"../styles/create.css";export function create(e){const r=genBase36Hash(e,6);const{styleSheet:t}=transpiler(e,r);const i=isServer?injectServerCSS:injectClientCSS;if(typeof globalPromise==="undefined")initPromise();resolvePromise(t);Object.keys(e).forEach((s=>{Object.defineProperty(e,s,{get:()=>{const e=s+"_"+r;if(isDevAndTest)i(r,t);return e}})}));return Object.freeze(e)}

package/dist/method/define-theme-vars.js

@@ -1,25 +1 @@
-import { global } from './global';
-export const defineThemeVars = (object) => {
-    const globalStyles = {};
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        if (typeof value === 'string') {
-            (globalStyles[':root'] ||= {})[`--${key}`] = value;
-        }
-        else if (typeof value === 'object') {
-            Object.entries(value).forEach(([subKey, subValue]) => {
-                if (subKey.startsWith('@media')) {
-                    (globalStyles[':root'] ||= {})[subKey] ||= {};
-                    globalStyles[':root'][subKey][`--${key}`] = subValue;
-                }
-                else {
-                    const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
-                    (globalStyles[themeSelector] ||= {})[`--${key}`] = subValue;
-                }
-            });
-        }
-    });
-    global(globalStyles);
-    return result;
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.defineThemeVars=void 0;const global_1=require("./global");const defineThemeVars=e=>{const t={};const o={};Object.entries(e).forEach((([e,r])=>{o[e]=`var(--${e})`;if(typeof r==="string"){(t[":root"]||={})[`--${e}`]=r}else if(typeof r==="object"){Object.entries(r).forEach((([o,r])=>{if(o.startsWith("@media")){(t[":root"]||={})[o]||={};t[":root"][o][`--${e}`]=r}else{const s=o==="default"?":root":`:root[data-theme="${o}"]`;(t[s]||={})[`--${e}`]=r}}))}}));(0,global_1.global)(t);return o};exports.defineThemeVars=defineThemeVars;

package/dist/method/define-theme-vars.mjs

@@ -0,0 +1 @@
+import{global}from"./global";export const defineThemeVars=t=>{const o={};const e={};Object.entries(t).forEach((([t,r])=>{e[t]=`var(--${t})`;if(typeof r==="string"){(o[":root"]||={})[`--${t}`]=r}else if(typeof r==="object"){Object.entries(r).forEach((([e,r])=>{if(e.startsWith("@media")){(o[":root"]||={})[e]||={};o[":root"][e][`--${t}`]=r}else{const a=e==="default"?":root":`:root[data-theme="${e}"]`;(o[a]||={})[`--${t}`]=r}}))}}));global(o);return e};

package/dist/method/global-build-helper.js

@@ -1,32 +1 @@
-import { build, isDevelopment } from 'zss-engine';
-let resolvePromise;
-let globalPromise;
-const seetQueue = [];
-let isProcessing = false;
-function initPromise() {
-    globalPromise = new Promise(resolve => {
-        resolvePromise = (value) => {
-            seetQueue.push(value);
-            resolve(value);
-        };
-    });
-}
-function processSheets() {
-    const path = require('path');
-    const filePath = path.join(__dirname, '../styles/global.css');
-    while (seetQueue.length > 0) {
-        const [styleSheet, option] = seetQueue.shift();
-        if (!isDevelopment && styleSheet)
-            build(styleSheet, filePath, option);
-    }
-    isProcessing = false;
-}
-export async function buildGlobal() {
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    if (!isProcessing && seetQueue.length > 0) {
-        isProcessing = true;
-        processSheets();
-    }
-}
-export { resolvePromise, globalPromise, initPromise };
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.globalPromise=exports.resolvePromise=void 0;exports.buildGlobal=buildGlobal;exports.initPromise=initPromise;const zss_engine_1=require("zss-engine");let resolvePromise;let globalPromise;const seetQueue=[];let isProcessing=false;function initPromise(){exports.globalPromise=globalPromise=new Promise((e=>{exports.resolvePromise=resolvePromise=s=>{seetQueue.push(s);e(s)}}))}function processSheets(){const e=require("path");const s=e.join(__dirname,"../styles/global.css");while(seetQueue.length>0){const[e,i]=seetQueue.shift();if(!zss_engine_1.isDevelopment&&e)(0,zss_engine_1.build)(e,s,i)}isProcessing=false}async function buildGlobal(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&seetQueue.length>0){isProcessing=true;processSheets()}}

package/dist/method/global-build-helper.mjs

@@ -0,0 +1 @@
+import{build,isDevelopment}from"zss-engine";let resolvePromise;let globalPromise;const seetQueue=[];let isProcessing=false;function initPromise(){globalPromise=new Promise((e=>{resolvePromise=s=>{seetQueue.push(s);e(s)}}))}function processSheets(){const e=require("path");const s=e.join(__dirname,"../styles/global.css");while(seetQueue.length>0){const[e,i]=seetQueue.shift();if(!isDevelopment&&e)build(e,s,i)}isProcessing=false}export async function buildGlobal(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&seetQueue.length>0){isProcessing=true;processSheets()}}export{resolvePromise,globalPromise,initPromise};

package/dist/method/global.js

@@ -1,12 +1 @@
-import { isDevAndTest, isServer, injectServerCSS, injectClientGlobalCSS, transpiler, genBase36Hash } from 'zss-engine';
-import { resolvePromise, globalPromise, initPromise } from './global-build-helper';
-import '../styles/global.css';
-export function global(object) {
-    const base36Hash = genBase36Hash(object, 8);
-    const { styleSheet } = transpiler(object, undefined, '--global');
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    resolvePromise([styleSheet, '--global']);
-    if (isDevAndTest)
-        isServer ? injectServerCSS(base36Hash, styleSheet) : injectClientGlobalCSS(styleSheet, 'global');
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.global=global;const zss_engine_1=require("zss-engine");const global_build_helper_1=require("./global-build-helper");require("../styles/global.css");function global(e){const l=(0,zss_engine_1.genBase36Hash)(e,8);const{styleSheet:s}=(0,zss_engine_1.transpiler)(e,undefined,"--global");if(typeof global_build_helper_1.globalPromise==="undefined")(0,global_build_helper_1.initPromise)();(0,global_build_helper_1.resolvePromise)([s,"--global"]);if(zss_engine_1.isDevAndTest)zss_engine_1.isServer?(0,zss_engine_1.injectServerCSS)(l,s):(0,zss_engine_1.injectClientGlobalCSS)(s,"global")}

package/dist/method/global.mjs

@@ -0,0 +1 @@
+import{isDevAndTest,isServer,injectServerCSS,injectClientGlobalCSS,transpiler,genBase36Hash}from"zss-engine";import{resolvePromise,globalPromise,initPromise}from"./global-build-helper";import"../styles/global.css";export function global(e){const i=genBase36Hash(e,8);const{styleSheet:l}=transpiler(e,undefined,"--global");if(typeof globalPromise==="undefined")initPromise();resolvePromise([l,"--global"]);if(isDevAndTest)isServer?injectServerCSS(i,l):injectClientGlobalCSS(l,"global")}

package/dist/method/keyframes.js

@@ -1,7 +1 @@
-import { genBase36Hash } from 'zss-engine';
-import { global } from './global';
-export const keyframes = (object) => {
-    const prefix = genBase36Hash(object, 8);
-    global({ [`@keyframes ${prefix}`]: object });
-    return prefix;
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.keyframes=void 0;const zss_engine_1=require("zss-engine");const global_1=require("./global");const keyframes=e=>{const s=(0,zss_engine_1.genBase36Hash)(e,8);(0,global_1.global)({[`@keyframes ${s}`]:e});return s};exports.keyframes=keyframes;

package/dist/method/keyframes.mjs

@@ -0,0 +1 @@
+import{genBase36Hash}from"zss-engine";import{global}from"./global";export const keyframes=e=>{const o=genBase36Hash(e,8);global({[`@keyframes ${o}`]:e});return o};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "react",
@@ -12,7 +12,27 @@
   "author": "Refirst",
   "repository": "github:zss-in-js/plumeria",
   "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    "./dist/method/create-build-helper": {
+      "types": "./dist/method/create-build-helper.d.ts",
+      "import": "./dist/method/create-build-helper.mjs",
+      "default": "./dist/method/create-build-helper.js"
+    },
+    "./dist/method/global-build-helper": {
+      "types": "./dist/method/global-build-helper.d.ts",
+      "import": "./dist/method/global-build-helper.mjs",
+      "default": "./dist/method/global-build-helper.js"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
+    }
+  },
   "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
     "bin",
@@ -22,15 +42,19 @@
     "css": "./bin/css.mjs"
   },
   "dependencies": {
-    "@plumeria/compiler": "^0.4.0",
-    "@plumeria/collection": "^0.1.2",
-    "zss-engine": "^0.2.3"
+    "zss-engine": "^0.2.3",
+    "@plumeria/compiler": "^0.5.1",
+    "@plumeria/collection": "^0.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc && cp -r src/styles dist",
+    "build": "rm -rf dist && pnpm build:mjs && pnpm cjs && pnpm minify && cp -r src/styles dist",
+    "build:mjs": "pnpm esm && for file in $(find dist -name '*.js'); do mv \"$file\" \"${file%.*}.mjs\"; done",
+    "cjs": "npx tsc --project tsconfig.cjs.json",
+    "esm": "npx tsc --project tsconfig.esm.json",
+    "minify": "for file in $(find dist -name '*.js' -o -name '*.mjs'); do terser \"$file\" -m -o \"$file\"; done",
     "test": "jest --config ../../jest.config.js"
   }
 }