@empjs/plugin-postcss 3.0.0-rc.1 → 3.0.0-rc.28

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.create;var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var y=(e,s)=>{for(var t in s)i(e,t,{get:s[t],enumerable:!0})},a=(e,s,t,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of x(s))!w.call(e,o)&&o!==t&&i(e,o,{get:()=>s[o],enumerable:!(r=v(s,o))||r.enumerable});return e};var p=(e,s,t)=>(t=e!=null?f(g(e)):{},a(s||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),P=e=>a(i({},"__esModule",{value:!0}),e);var O={};y(O,{default:()=>L,postcss:()=>U});module.exports=P(O);var h=()=>typeof document>"u"?new URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href,l=h();var u=p(require("path"),1),m={autoprefixer(e={}){return[require.resolve("autoprefixer"),e]},pxtorem(e={}){return e={rootValue:16,unitPrecision:5,propList:["*"],selectorBlackList:[],replace:!0,mediaQuery:!1,minPixelValue:0,...e},[require.resolve("postcss-pxtorem"),e]},pxtovw(e={}){return e={unitToConvert:"px",viewportWidth:320,viewportHeight:568,unitPrecision:5,viewportUnit:"vw",fontViewportUnit:"vw",selectorBlackList:[],propList:["*"],minPixelValue:1,mediaQuery:!1,replace:!0,landscape:!1,landscapeUnit:"vw",landscapeWidth:568,...e},[u.default.resolve(__dirname,"pxtovw"),e]}};var L=(e={})=>({name:"@empjs/plugin-postcss",async rsConfig(s){let{chain:t,importResolve:r}=s,o=["sass","less","css"],c={};e.postcssOptions&&(c.postcssOptions=e.postcssOptions);for(let n of o){let d=t.module.rule(n).use("postcss").loader(r("postcss-loader",l)).options(c);["sass","less"].includes(n)&&d.before(`${n}Loader`)}}}),U=m;0&&(module.exports={postcss});

package/dist/index.d.cts

@@ -0,0 +1,17 @@
+import { GlobalStore } from '@empjs/cli';
+
+type PluginPostcssType = {
+    postcssOptions?: any;
+};
+declare const _default: (o?: PluginPostcssType) => {
+    name: string;
+    rsConfig(store: GlobalStore): Promise<void>;
+};
+
+declare const postcss: {
+    autoprefixer(o?: {}): {}[];
+    pxtorem(o?: {}): {}[];
+    pxtovw(o?: {}): {}[];
+};
+
+export { type PluginPostcssType, _default as default, postcss };

package/dist/index.d.ts

@@ -1,15 +1,17 @@
-import type { GlobalStore } from '@empjs/cli';
-export type PluginPostcssType = {
-    postcssOptions: any;
+import { GlobalStore } from '@empjs/cli';
+
+type PluginPostcssType = {
+    postcssOptions?: any;
 };
-declare const _default: (o: PluginPostcssType) => {
+declare const _default: (o?: PluginPostcssType) => {
     name: string;
     rsConfig(store: GlobalStore): Promise<void>;
 };
-export default _default;
+
 declare const postcss: {
     autoprefixer(o?: {}): {}[];
     pxtorem(o?: {}): {}[];
     pxtovw(o?: {}): {}[];
 };
-export { postcss };
+
+export { type PluginPostcssType, _default as default, postcss };

package/dist/index.js

@@ -1,28 +1 @@
-import { plugins } from './plugins.js';
-//
-export default (o) => {
-    return {
-        name: '@empjs/plugin-postcss',
-        async rsConfig(store) {
-            const { chain, importResolve } = store;
-            //
-            const ruleMap = ['sass', 'less', 'css'];
-            const loaderOptions = {
-                postcssOptions: o.postcssOptions,
-            };
-            for (const ruleName of ruleMap) {
-                const rule = chain.module.rule(ruleName);
-                const useLightningcss = rule
-                    .use('postcss')
-                    .loader(importResolve('postcss-loader', import.meta.url))
-                    .options(loaderOptions);
-                //
-                if (['sass', 'less'].includes(ruleName)) {
-                    useLightningcss.before(`${ruleName}Loader`);
-                }
-            }
-        },
-    };
-};
-const postcss = plugins;
-export { postcss };
+var r=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(s,t)=>(typeof require<"u"?require:s)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});import{fileURLToPath as u}from"url";import m from"path";var f=()=>u(import.meta.url),d=()=>m.dirname(f()),i=d();import v from"path";var n={autoprefixer(e={}){return[r.resolve("autoprefixer"),e]},pxtorem(e={}){return e={rootValue:16,unitPrecision:5,propList:["*"],selectorBlackList:[],replace:!0,mediaQuery:!1,minPixelValue:0,...e},[r.resolve("postcss-pxtorem"),e]},pxtovw(e={}){return e={unitToConvert:"px",viewportWidth:320,viewportHeight:568,unitPrecision:5,viewportUnit:"vw",fontViewportUnit:"vw",selectorBlackList:[],propList:["*"],minPixelValue:1,mediaQuery:!1,replace:!0,landscape:!1,landscapeUnit:"vw",landscapeWidth:568,...e},[v.resolve(i,"pxtovw"),e]}};var _=(e={})=>({name:"@empjs/plugin-postcss",async rsConfig(s){let{chain:t,importResolve:l}=s,a=["sass","less","css"],p={};e.postcssOptions&&(p.postcssOptions=e.postcssOptions);for(let o of a){let c=t.module.rule(o).use("postcss").loader(l("postcss-loader",import.meta.url)).options(p);["sass","less"].includes(o)&&c.before(`${o}Loader`)}}}),b=n;export{_ as default,b as postcss};

package/dist/pxtovw.cjs

@@ -0,0 +1 @@
+"use strict";var h=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var R=(t,n)=>{for(var i in n)h(t,i,{get:n[i],enumerable:!0})},P=(t,n,i,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of O(n))!E.call(t,e)&&e!==i&&h(t,e,{get:()=>n[e],enumerable:!(r=W(n,e))||r.enumerable});return t};var U=t=>P(h({},"__esModule",{value:!0}),t);var M={};R(M,{default:()=>S});module.exports=U(M);var w=require("postcss");function x(t){return new RegExp(`"[^"]+"|'[^']+'|url\\([^\\)]+\\)|(\\d*\\.?\\d+)`+t,"g")}var c={exact:function(t){return t.filter(function(n){return n.match(/^[^\*\!]+$/)})},contain:function(t){return t.filter(function(n){return n.match(/^\*.+\*$/)}).map(function(n){return n.substr(1,n.length-2)})},endWith:function(t){return t.filter(function(n){return n.match(/^\*[^\*]+$/)}).map(function(n){return n.substr(1)})},startWith:function(t){return t.filter(function(n){return n.match(/^[^\*\!]+\*$/)}).map(function(n){return n.substr(0,n.length-1)})},notExact:function(t){return t.filter(function(n){return n.match(/^\![^\*].*$/)}).map(function(n){return n.substr(1)})},notContain:function(t){return t.filter(function(n){return n.match(/^\!\*.+\*$/)}).map(function(n){return n.substr(2,n.length-3)})},notEndWith:function(t){return t.filter(function(n){return n.match(/^\!\*[^\*]+$/)}).map(function(n){return n.substr(2)})},notStartWith:function(t){return t.filter(function(n){return n.match(/^\![^\*]+\*$/)}).map(function(n){return n.substr(1,n.length-2)})}};function m(t){let n=t.indexOf("*")>-1,i=n&&t.length===1,r={exact:c.exact(t),contain:c.contain(t),startWith:c.startWith(t),endWith:c.endWith(t),notExact:c.notExact(t),notContain:c.notContain(t),notStartWith:c.notStartWith(t),notEndWith:c.notEndWith(t)};return function(e){return i?!0:(n||r.exact.indexOf(e)>-1||r.contain.some(function(a){return e.indexOf(a)>-1})||r.startWith.some(function(a){return e.indexOf(a)===0})||r.endWith.some(function(a){return e.indexOf(a)===e.length-a.length}))&&!(r.notExact.indexOf(e)>-1||r.notContain.some(function(a){return e.indexOf(a)>-1})||r.notStartWith.some(function(a){return e.indexOf(a)===0})||r.notEndWith.some(function(a){return e.indexOf(a)===e.length-a.length}))}}var C={unitToConvert:"px",viewportWidth:320,viewportHeight:568,unitPrecision:5,viewportUnit:"vw",fontViewportUnit:"vw",selectorBlackList:[],propList:["*"],minPixelValue:1,mediaQuery:!1,replace:!0,landscape:!1,landscapeUnit:"vw",landscapeWidth:568},S=t=>{let n=Object.assign({},C,t),i=x(n.unitToConvert),r=m(n.propList),e=[];return{postcssPlugin:"postcss-px-to-viewport",Once(a){if(a.walkRules(function(u){let f=u.source&&u.source.input.file;if(n.exclude&&f)if(Object.prototype.toString.call(n.exclude)==="[object RegExp]"){if(b(n.exclude,f))return}else if(Object.prototype.toString.call(n.exclude)==="[object Array]"){for(let o=0;o<n.exclude.length;o++)if(b(n.exclude[o],f))return}else throw new Error("options.exclude should be RegExp or Array.");if(!V(n.selectorBlackList,u.selector)){if(n.landscape&&!u.parent.params){let o=u.clone().removeAll();u.walkDecls(function(s){s.value.indexOf(n.unitToConvert)!==-1&&r(s.prop)&&o.append(s.clone({value:s.value.replace(i,v(n,n.landscapeUnit,n.landscapeWidth))}))}),o.nodes.length>0&&e.push(o)}A(u.parent.params,n.mediaQuery)&&u.walkDecls(function(o,s){if(o.value.indexOf(n.unitToConvert)===-1||!r(o.prop))return;let l,p,y=u.parent.params;n.landscape&&y&&y.indexOf("landscape")!==-1?(l=n.landscapeUnit,p=n.landscapeWidth):(l=j(o.prop,n),p=n.viewportWidth);let d=o.value.replace(i,v(n,l,p));$(o.parent,o.prop,d)||(n.replace?o.value=d:o.parent.insertAfter(s,o.clone({value:d})))})}}),e.length>0){let u=(0,w.atRule)({params:"(orientation: landscape)",name:"media"});e.forEach(function(f){u.append(f)}),a.append(u)}}}};function j(t,n){return t.indexOf("font")===-1?n.viewportUnit:n.fontViewportUnit}function v(t,n,i){return function(r,e){if(!e)return r;let a=Number.parseFloat(e);if(a<=t.minPixelValue)return r;let u=k(a/i*100,t.unitPrecision);return u===0?"0":u+n}}function k(t,n){let i=10**(n+1),r=Math.floor(t*i);return Math.round(r/10)*10/i}function V(t,n){if(typeof n=="string")return t.some(function(i){return typeof i=="string"?n.indexOf(i)!==-1:n.match(i)})}function b(t,n){if(Object.prototype.toString.call(t)!=="[object RegExp]")throw new Error("options.exclude should be RegExp.");return n.match(t)!==null}function $(t,n,i){return t.some(function(r){return r.prop===n&&r.value===i})}function A(t,n){return!t||t&&n}

package/dist/pxtovw.d.cts

@@ -0,0 +1,6 @@
+declare const _default: (options: any) => {
+    postcssPlugin: string;
+    Once(css: any): void;
+};
+
+export { _default as default };

package/dist/pxtovw.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (options: any) => {
+    postcssPlugin: string;
+    Once(css: any): void;
+};
+
+export { _default as default };

package/dist/pxtovw.js

@@ -0,0 +1 @@
+import{atRule as w}from"postcss";function x(t){return new RegExp(`"[^"]+"|'[^']+'|url\\([^\\)]+\\)|(\\d*\\.?\\d+)`+t,"g")}var c={exact:function(t){return t.filter(function(n){return n.match(/^[^\*\!]+$/)})},contain:function(t){return t.filter(function(n){return n.match(/^\*.+\*$/)}).map(function(n){return n.substr(1,n.length-2)})},endWith:function(t){return t.filter(function(n){return n.match(/^\*[^\*]+$/)}).map(function(n){return n.substr(1)})},startWith:function(t){return t.filter(function(n){return n.match(/^[^\*\!]+\*$/)}).map(function(n){return n.substr(0,n.length-1)})},notExact:function(t){return t.filter(function(n){return n.match(/^\![^\*].*$/)}).map(function(n){return n.substr(1)})},notContain:function(t){return t.filter(function(n){return n.match(/^\!\*.+\*$/)}).map(function(n){return n.substr(2,n.length-3)})},notEndWith:function(t){return t.filter(function(n){return n.match(/^\!\*[^\*]+$/)}).map(function(n){return n.substr(2)})},notStartWith:function(t){return t.filter(function(n){return n.match(/^\![^\*]+\*$/)}).map(function(n){return n.substr(1,n.length-2)})}};function m(t){let n=t.indexOf("*")>-1,o=n&&t.length===1,e={exact:c.exact(t),contain:c.contain(t),startWith:c.startWith(t),endWith:c.endWith(t),notExact:c.notExact(t),notContain:c.notContain(t),notStartWith:c.notStartWith(t),notEndWith:c.notEndWith(t)};return function(i){return o?!0:(n||e.exact.indexOf(i)>-1||e.contain.some(function(r){return i.indexOf(r)>-1})||e.startWith.some(function(r){return i.indexOf(r)===0})||e.endWith.some(function(r){return i.indexOf(r)===i.length-r.length}))&&!(e.notExact.indexOf(i)>-1||e.notContain.some(function(r){return i.indexOf(r)>-1})||e.notStartWith.some(function(r){return i.indexOf(r)===0})||e.notEndWith.some(function(r){return i.indexOf(r)===i.length-r.length}))}}var W={unitToConvert:"px",viewportWidth:320,viewportHeight:568,unitPrecision:5,viewportUnit:"vw",fontViewportUnit:"vw",selectorBlackList:[],propList:["*"],minPixelValue:1,mediaQuery:!1,replace:!0,landscape:!1,landscapeUnit:"vw",landscapeWidth:568},M=t=>{let n=Object.assign({},W,t),o=x(n.unitToConvert),e=m(n.propList),i=[];return{postcssPlugin:"postcss-px-to-viewport",Once(r){if(r.walkRules(function(u){let f=u.source&&u.source.input.file;if(n.exclude&&f)if(Object.prototype.toString.call(n.exclude)==="[object RegExp]"){if(b(n.exclude,f))return}else if(Object.prototype.toString.call(n.exclude)==="[object Array]"){for(let a=0;a<n.exclude.length;a++)if(b(n.exclude[a],f))return}else throw new Error("options.exclude should be RegExp or Array.");if(!R(n.selectorBlackList,u.selector)){if(n.landscape&&!u.parent.params){let a=u.clone().removeAll();u.walkDecls(function(s){s.value.indexOf(n.unitToConvert)!==-1&&e(s.prop)&&a.append(s.clone({value:s.value.replace(o,v(n,n.landscapeUnit,n.landscapeWidth))}))}),a.nodes.length>0&&i.push(a)}U(u.parent.params,n.mediaQuery)&&u.walkDecls(function(a,s){if(a.value.indexOf(n.unitToConvert)===-1||!e(a.prop))return;let l,p,h=u.parent.params;n.landscape&&h&&h.indexOf("landscape")!==-1?(l=n.landscapeUnit,p=n.landscapeWidth):(l=O(a.prop,n),p=n.viewportWidth);let d=a.value.replace(o,v(n,l,p));P(a.parent,a.prop,d)||(n.replace?a.value=d:a.parent.insertAfter(s,a.clone({value:d})))})}}),i.length>0){let u=w({params:"(orientation: landscape)",name:"media"});i.forEach(function(f){u.append(f)}),r.append(u)}}}};function O(t,n){return t.indexOf("font")===-1?n.viewportUnit:n.fontViewportUnit}function v(t,n,o){return function(e,i){if(!i)return e;let r=Number.parseFloat(i);if(r<=t.minPixelValue)return e;let u=E(r/o*100,t.unitPrecision);return u===0?"0":u+n}}function E(t,n){let o=10**(n+1),e=Math.floor(t*o);return Math.round(e/10)*10/o}function R(t,n){if(typeof n=="string")return t.some(function(o){return typeof o=="string"?n.indexOf(o)!==-1:n.match(o)})}function b(t,n){if(Object.prototype.toString.call(t)!=="[object RegExp]")throw new Error("options.exclude should be RegExp.");return n.match(t)!==null}function P(t,n,o){return t.some(function(e){return e.prop===n&&e.value===o})}function U(t,n){return!t||t&&n}export{M as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empjs/plugin-postcss",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0-rc.28",
   "description": "emp postcss plugin",
   "license": "MIT",
   "type": "module",
@@ -18,30 +18,33 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
-    ".": "./dist/index.js"
+    ".": {
+      "import": {
+        "default": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      },
+      "require": {
+        "default": "./dist/index.cjs",
+        "types": "./dist/index.d.cts"
+      }
+    }
   },
   "scripts": {
-    "dev": "rimraf dist && pnpm run /^dev:.*/",
-    "dev:tsc": "tsc -w",
-    "dev:tsc-alias": "tsc-alias -w",
-    "build": "rimraf dist && pnpm run /^build:.*/",
-    "build:ts": "tsc && tsc-alias"
+    "build": "tsup",
+    "dev": "tsup --watch"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=18.0.0"
   },
   "author": "Ken",
   "devDependencies": {
     "@empjs/cli": "workspace:*",
-    "@types/react": "^18.2.30",
-    "rimraf": "^5.0.5",
-    "tsc-alias": "^1.8.8"
+    "tsup": "^8.0.2"
   },
   "dependencies": {
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "autoprefixer": "^10.4.19",
-    "@empjs/postcss-px-to-viewport": "^1.0.0",
     "postcss-pxtorem": "^6.1.0"
   }
 }

package/dist/plugins.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="node" />
-export declare const __filename: string;
-export declare const __dirname: string;
-export declare const require: NodeRequire;
-export declare const plugins: {
-    autoprefixer(o?: {}): {}[];
-    pxtorem(o?: {}): {}[];
-    pxtovw(o?: {}): {}[];
-};

package/dist/plugins.js

@@ -1,48 +0,0 @@
-import Module from 'node:module';
-import { dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-export const __filename = fileURLToPath(import.meta.url);
-export const __dirname = dirname(__filename);
-export const require = Module.createRequire(import.meta.url);
-export const plugins = {
-    autoprefixer(o = {}) {
-        return [require.resolve('autoprefixer'), o];
-    },
-    pxtorem(o = {}) {
-        o = {
-            ...{
-                rootValue: 16,
-                unitPrecision: 5,
-                propList: ['*'],
-                selectorBlackList: [],
-                replace: true,
-                mediaQuery: false,
-                minPixelValue: 0,
-            },
-            ...o,
-        };
-        return [require.resolve('postcss-pxtorem'), o];
-    },
-    pxtovw(o = {}) {
-        o = {
-            ...{
-                unitToConvert: 'px',
-                viewportWidth: 320,
-                viewportHeight: 568, // not now used; TODO: need for different units and math for different properties
-                unitPrecision: 5,
-                viewportUnit: 'vw',
-                fontViewportUnit: 'vw', // vmin is more suitable.
-                selectorBlackList: [],
-                propList: ['*'],
-                minPixelValue: 1,
-                mediaQuery: false,
-                replace: true,
-                landscape: false,
-                landscapeUnit: 'vw',
-                landscapeWidth: 568,
-            },
-            ...o,
-        };
-        return [require.resolve('@empjs/postcss-px-to-viewport'), o];
-    },
-};