@empjs/plugin-lightningcss 1.0.4 → 1.0.6

package/dist/index.js

@@ -1,6 +1 @@
-import empLightningcssPlugin from './plugin.js';
-import postcss from './postcss-config.js';
-import { composeVisitors } from 'lightningcss';
-//
-export default empLightningcssPlugin;
-export { postcss, composeVisitors };
+var k=Object.defineProperty;var w=(r,e)=>()=>(r&&(e=r(r=0)),e);var P=(r,e)=>{for(var t in e)k(r,t,{get:e[t],enumerable:!0})};var d={};P(d,{LightningCSSMinifyPlugin:()=>c,default:()=>O});import{transform as A}from"lightningcss";import{Buffer as _}from"node:buffer";var p,T,c,O,g=w(()=>{"use strict";p="lightningcss-minify-plugin",T=/\.css(?:\?.*)?$/i,c=class{options;transform;constructor(e={}){let{implementation:t}=e;if(t&&typeof t.transform!="function")throw new TypeError(`[${p}]: implementation.transform must be an 'lightningcss' transform function. Received ${typeof t.transform}`);this.transform=t?.transform??A,this.options=e}apply(e){e.hooks.compilation.tap(p,t=>{t.hooks.processAssets.tapPromise({name:p,stage:t?.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE},async()=>await this.transformAssets(t)),t.hooks.statsPrinter.tap(p,s=>{s.hooks.print.for("asset.info.minimized").tap(p,(n,{green:o,formatFlag:i})=>n&&o&&i?o(i("minimized")):"")})})}async transformAssets(e){let{options:{devtool:t},webpack:{sources:{SourceMapSource:s,RawSource:n}}}=e.compiler,o=this.options.sourceMap===void 0?t&&t.includes("source-map"):this.options.sourceMap,{targets:i,...m}=this.options,l=e.getAssets().filter(a=>!a.info.minimized&&T.test(a.name));await Promise.all(l.map(async a=>{let{source:u,map:S}=a.source.sourceAndMap(),V=u.toString(),C=typeof u=="string"?_.from(u):u,y=this.transform({filename:a.name,code:C,minify:!0,sourceMap:o,...m}),v=y.code.toString();e.updateAsset(a.name,o?new s(v,a.name,JSON.parse(y.map.toString()),V,S,!0):new n(v),{...a.info,minimized:!0})}))}},O=c});import{browserslistToTargets as E}from"lightningcss";import M from"browserslist";var L=async(r,e)=>{if(e?.transform===!1)return;let{importResolve:t,chain:s}=r,n=["sass","less","css"],o=e?.transform||{},m={targets:E(M(">= 0.25%")),...o};for(let l of n){let a=s.module.rule(l),u=a.use("lightningcss").loader(t("./loader.cjs",import.meta.url)).options(m);u.before("postcss"),["sass","less"].includes(l)?u.before(`${l}Loader`):u.before("postcss"),a.uses.delete("postcss")}},z=async(r,e)=>{if(e?.minify===!1)return;let{chain:t}=r,s=e?.minify||{},{LightningCSSMinifyPlugin:n}=await Promise.resolve().then(()=>(g(),d));t.optimization.minimizer("minCss").use(n,[s])},j=r=>({name:"@empjs/plugin-lightningcss",async rsConfig(e){await Promise.all([L(e,r),z(e,r)])}}),h=j;var G={designWidth:320,minPixelValue:1,excludeSelectors:[]};function x(r){return t=>{if(!t.name)return!1;for(let s of r)if(t.type===s.type&&(typeof s.name=="string"&&s.name===t.name||typeof s.name=="object"&&s.name.test(t.name)))return!0;return!1}}function b(r={}){let e=Object.assign(G,r),t=x(e.excludeSelectors),s=!1;return{Selector(n){s=!1;for(let o of n)t(o)&&(s=!0)},Length(n){if(n.unit==="px"&&!s&&n.value>e.minPixelValue)return{unit:"vw",value:n.value/e.designWidth*100}}}}function R(r={}){let e=Object.assign({rootValue:16,excludeSelectors:[],minPixelValue:1},r),t=x(e.excludeSelectors),s=!1;return{Selector(n){s=!1;for(let o of n)t(o)&&(s=!0)},Length(n){if(n.unit==="px"&&!s&&n.value>e.minPixelValue)return{unit:"rem",value:n.value/e.rootValue}}}}import{composeVisitors as q}from"lightningcss";var f=class{px_to_rem(e){return R(e)}px_to_viewport(e){return q([b(e)])}apply(e){return e=e||new Map,{Rule:{style(t){for(let s of t.value.selectors)if(s.length===1&&s[0].type==="type"&&s[0].name.startsWith("--"))return e.set(s[0].name,t.value.declarations),{type:"ignored",value:null};return t.value.rules=t.value.rules.filter(s=>{if(s.type==="unknown"&&s.value.name==="apply"){for(let n of s.value.prelude)if(n.type==="dashed-ident"&&e.has(n.value)){let o=e.get(n.value),i=t.value.declarations;i.declarations.push(...o.declarations),i.importantDeclarations.push(...o.importantDeclarations)}return!1}return!0}),t}}}}selector_prefix(){return{Selector(e){return[{type:"class",name:"prefix"},{type:"combinator",value:"descendant"},...e]}}}static_vars(e){return e=e||new Map,{Rule:{unknown(t){return e.set(t.name,t.prelude),[]}},Token:{"at-keyword"(t){if(e.has(t.value))return e.get(t.value)}}}}url(e){return{Url(t){return t.url=e+t.url,t}}}specific_environment_variables(e){let t={};for(let s in e)t[s]=()=>e[s];return{EnvironmentVariable:t}}env_function(e){return{EnvironmentVariable(t){if(t.name.type==="custom")return e[t.name.ident]}}}design_tokens(e){return{Function:{"design-token"(t){if(t.arguments.length===1&&t.arguments[0].type==="token"&&t.arguments[0].value.type==="string")return e[t.arguments[0].value.value]}}}}custom_units(){return{Token:{dimension(e){if(e.unit.startsWith("--"))return{type:"function",value:{name:"calc",arguments:[{type:"token",value:{type:"number",value:e.value}},{type:"token",value:{type:"delim",value:"*"}},{type:"var",value:{name:{ident:e.unit}}}]}}}}}}property_lookup(){return{Rule:{style(e){let t=new Map;for(let s of e.value.declarations.declarations){let n=s.property;s.property==="unparsed"&&(n=s.value.propertyId.property),t.set(n,s)}return e.value.declarations.declarations=e.value.declarations.declarations.map(s=>{if(s.property==="unparsed"&&s.value.value.length===1){let n=s.value.value[0];if(n.type==="token"&&n.value.type==="at-keyword"&&t.has(n.value.value)){let o=t.get(n.value.value);return{property:s.value.propertyId.property,value:o.value}}}return s}),e}}}}focus_visible(){return{Rule:{style(e){let t=null;for(let s of e.value.selectors)for(let[n,o]of s.entries())o.type==="pseudo-class"&&o.kind==="focus-visible"&&(t==null&&(t=[...e.value.selectors.map(i=>[...i])]),s[n]={type:"class",name:"focus-visible"});if(t)return[e,{type:"style",value:{...e.value,selectors:t}}]}}}}dark_theme_class(){return{Rule:{media(e){let t=e.value.query.mediaQueries[0];if(t.condition?.type==="feature"&&t.condition.value.type==="plain"&&t.condition.value.name==="prefers-color-scheme"&&t.condition.value.value.value==="dark"){let s=[e];for(let n of e.value.rules)if(n.type==="style"){let o=[];for(let i of n.value.selectors)o.push([{type:"type",name:"html"},{type:"attribute",name:"theme",operation:{operator:"equal",value:"dark"}},{type:"combinator",value:"descendant"},...i]),i.unshift({type:"type",name:"html"},{type:"pseudo-class",kind:"not",selectors:[[{type:"attribute",name:"theme",operation:{operator:"equal",value:"light"}}]]},{type:"combinator",value:"descendant"});s.push({type:"style",value:{...n.value,selectors:o}})}return s}}}}}fix_100vh(){return{Rule:{style(e){let t;for(let s of e.value.declarations.declarations)s.property==="height"&&s.value.type==="length-percentage"&&s.value.value.type==="dimension"&&s.value.value.value.unit==="vh"&&s.value.value.value.value===100&&(t||(t=structuredClone(e),t.value.declarations.declarations=[]),t.value.declarations.declarations.push({...s,value:{type:"stretch",vendorPrefix:["webkit"]}}));if(t)return[e,{type:"supports",value:{condition:{type:"declaration",propertyId:{property:"-webkit-touch-callout"},value:"none"},loc:e.value.loc,rules:[t]}}]}}}}logical_transforms(){return{Rule:{style(e){let t;for(let s of e.value.declarations.declarations)if(s.property==="transform"){let n=s.value.map(o=>{if(o.type!=="translateX")return o;t||(t=structuredClone(e),t.value.declarations.declarations=[]);let i;switch(o.value.type){case"dimension":i={type:"dimension",value:{unit:o.value.value.unit,value:-o.value.value.value}};break;case"percentage":i={type:"percentage",value:-o.value.value};break;case"calc":i={type:"calc",value:{type:"product",value:[-1,o.value.value]}};break}return{type:"translateX",value:i}});t&&(t.value.selectors.at(-1).push({type:"pseudo-class",kind:"dir",direction:"rtl"}),t.value.declarations.declarations.push({...s,value:n}))}if(t)return[e,t]}}}}hover_media_query(){return{Rule:{media(e){let t=e.value.query.mediaQueries;if(t.length===1&&t[0].condition&&t[0].condition.type==="feature"&&t[0].condition.value.type==="boolean"&&t[0].condition.value.name==="hover"){for(let s of e.value.rules)if(s.type==="style")for(let n of s.value.selectors)n.unshift({type:"class",name:"hoverable"},{type:"combinator",value:"descendant"});return e.value.rules}}}}}momentum_scrolling(e){return{Declaration:{overflow:e,"overflow-x":e,"overflow-y":e}}}size(){return{Declaration:{custom:{size(e){if(e.value[0].type==="length"){let t={type:"length-percentage",value:{type:"dimension",value:e.value[0].value}};return[{property:"width",value:t},{property:"height",value:t}]}}}}}}},W=new f;import{composeVisitors as ee}from"lightningcss";var te=h;export{ee as composeVisitors,te as default,W as postcss};

package/dist/loader.cjs

@@ -1,57 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/loader.ts
-var loader_exports = {};
-__export(loader_exports, {
-  default: () => loader_default
-});
-module.exports = __toCommonJS(loader_exports);
-var import_lightningcss = require("lightningcss");
-var import_node_buffer = require("node:buffer");
-var LOADER_NAME = "lightningcss-loader";
-async function LightningCSSLoader(source, prevMap) {
-  const done = this.async();
-  const options = this.getOptions();
-  const { implementation, targets, ...opts } = options;
-  if (implementation && typeof implementation.transform !== "function") {
-    done(
-      new TypeError(
-        `[${LOADER_NAME}]: options.implementation.transform must be an 'lightningcss' transform function. Received ${typeof implementation.transform}`
-      )
-    );
-    return;
-  }
-  const transform = implementation?.transform ?? import_lightningcss.transform;
-  try {
-    const { code, map } = transform({
-      filename: this.resourcePath,
-      code: import_node_buffer.Buffer.from(source),
-      sourceMap: this.sourceMap,
-      targets,
-      inputSourceMap: this.sourceMap && prevMap ? JSON.stringify(prevMap) : void 0,
-      ...opts
-    });
-    const codeAsString = code.toString();
-    done(null, codeAsString, map && JSON.parse(map.toString()));
-  } catch (error) {
-    done(error);
-  }
-}
-var loader_default = LightningCSSLoader;
+"use strict";var m=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var l=(n,t)=>{for(var r in t)m(n,r,{get:t[r],enumerable:!0})},h=(n,t,r,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of S(t))!y.call(n,o)&&o!==r&&m(n,o,{get:()=>t[o],enumerable:!(e=d(t,o))||e.enumerable});return n};var L=n=>h(m({},"__esModule",{value:!0}),n);var v={};l(v,{default:()=>R});module.exports=L(v);var s=require("lightningcss"),c=require("node:buffer"),O="lightningcss-loader";async function C(n,t){let r=this.async(),e=this.getOptions(),{implementation:o,targets:f,...i}=e;if(o&&typeof o.transform!="function"){r(new TypeError(`[${O}]: options.implementation.transform must be an 'lightningcss' transform function. Received ${typeof o.transform}`));return}let u=o?.transform??s.transform;i.visitor&&(i.visitor=(0,s.composeVisitors)([i.visitor]));try{let{code:a,map:p}=u({filename:this.resourcePath,code:c.Buffer.from(n),sourceMap:this.sourceMap,targets:f,inputSourceMap:this.sourceMap&&t?JSON.stringify(t):void 0,errorRecovery:!0,nonStandard:{deepSelectorCombinator:!0},...i}),g=a.toString();r(null,g,p&&JSON.parse(p.toString()))}catch(a){r(a)}}var R=C;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empjs/plugin-lightningcss",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "emp v3 lightningcss",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/loader.js

@@ -1,30 +0,0 @@
-import { transform as _transform } from 'lightningcss';
-import { Buffer } from 'node:buffer';
-const LOADER_NAME = 'lightningcss-loader';
-async function LightningCSSLoader(source, prevMap) {
-    const done = this.async();
-    const options = this.getOptions();
-    // console.log('options', options)
-    const { implementation, targets, ...opts } = options;
-    if (implementation && typeof implementation.transform !== 'function') {
-        done(new TypeError(`[${LOADER_NAME}]: options.implementation.transform must be an 'lightningcss' transform function. Received ${typeof implementation.transform}`));
-        return;
-    }
-    const transform = implementation?.transform ?? _transform;
-    try {
-        const { code, map } = transform({
-            filename: this.resourcePath,
-            code: Buffer.from(source),
-            sourceMap: this.sourceMap,
-            targets,
-            inputSourceMap: this.sourceMap && prevMap ? JSON.stringify(prevMap) : undefined,
-            ...opts,
-        });
-        const codeAsString = code.toString();
-        done(null, codeAsString, map && JSON.parse(map.toString()));
-    }
-    catch (error) {
-        done(error);
-    }
-}
-export default LightningCSSLoader;

package/dist/minimizer.js

@@ -1,62 +0,0 @@
-import { transform as _transform } from 'lightningcss';
-import { Buffer } from 'node:buffer';
-const PLUGIN_NAME = 'lightningcss-minify-plugin';
-//
-const CSS_REGEX = /\.css(?:\?.*)?$/i;
-export class LightningCSSMinifyPlugin {
-    options;
-    transform;
-    constructor(opts = {}) {
-        const { implementation } = opts;
-        if (implementation && typeof implementation.transform !== 'function') {
-            throw new TypeError(`[${PLUGIN_NAME}]: implementation.transform must be an 'lightningcss' transform function. Received ${typeof implementation.transform}`);
-        }
-        this.transform = implementation?.transform ?? _transform;
-        this.options = opts;
-    }
-    apply(compiler) {
-        compiler.hooks.compilation.tap(PLUGIN_NAME, compilation => {
-            compilation.hooks.processAssets.tapPromise({
-                name: PLUGIN_NAME,
-                stage: compilation?.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE,
-            }, async () => await this.transformAssets(compilation));
-            compilation.hooks.statsPrinter.tap(PLUGIN_NAME, statsPrinter => {
-                statsPrinter.hooks.print
-                    .for('asset.info.minimized')
-                    .tap(PLUGIN_NAME, (minimized, { green, formatFlag }) => minimized && green && formatFlag ? green(formatFlag('minimized')) : '');
-            });
-        });
-    }
-    async transformAssets(compilation) {
-        const { options: { devtool }, webpack: { sources: { SourceMapSource, RawSource }, }, } = compilation.compiler;
-        const sourcemap = this.options.sourceMap === undefined
-            ? (devtool && devtool.includes('source-map'))
-            : this.options.sourceMap;
-        const { targets: userTargets, ...transformOptions } = this.options;
-        const assets = compilation.getAssets().filter(asset => 
-        // Filter out already minimized
-        !asset.info.minimized &&
-            // Filter out by file type
-            CSS_REGEX.test(asset.name));
-        await Promise.all(assets.map(async (asset) => {
-            const { source, map } = asset.source.sourceAndMap();
-            const sourceAsString = source.toString();
-            const code = typeof source === 'string' ? Buffer.from(source) : source;
-            const result = this.transform({
-                filename: asset.name,
-                code,
-                minify: true,
-                sourceMap: sourcemap,
-                ...transformOptions,
-            });
-            const codeString = result.code.toString();
-            compilation.updateAsset(asset.name, sourcemap
-                ? new SourceMapSource(codeString, asset.name, JSON.parse(result.map.toString()), sourceAsString, map, true)
-                : new RawSource(codeString), {
-                ...asset.info,
-                minimized: true,
-            });
-        }));
-    }
-}
-export default LightningCSSMinifyPlugin;

package/dist/plugin.js

@@ -1,40 +0,0 @@
-import { browserslistToTargets } from 'lightningcss';
-import browserslist from 'browserslist';
-const uselightningcssLoader = async (store, o) => {
-    if (o?.transform === false)
-        return;
-    const { importResolve, chain } = store;
-    const ruleMap = ['sass', 'less', 'css'];
-    //
-    const transform = o?.transform || {};
-    const targets = browserslistToTargets(browserslist('>= 0.25%'));
-    //
-    const loaderOptions = { targets, ...transform };
-    for (const ruleName of ruleMap) {
-        const rule = chain.module.rule(ruleName);
-        const useLightningcss = rule
-            .use('lightningcss')
-            .loader(importResolve('./loader.cjs', import.meta.url))
-            .options(loaderOptions);
-        useLightningcss.before('postcss');
-        rule.uses.delete('postcss');
-    }
-};
-const uselightningcssMinify = async (store, o) => {
-    if (o?.minify === false)
-        return;
-    const { chain } = store;
-    const minify = o?.minify || {};
-    const { LightningCSSMinifyPlugin } = await import('./minimizer.js');
-    chain.optimization.minimizer('minCss').use(LightningCSSMinifyPlugin, [minify]);
-};
-//
-const empLightningcssPlugin = (o) => {
-    return {
-        name: '@empjs/plugin-lightningcss',
-        async rsConfig(store) {
-            await Promise.all([uselightningcssLoader(store, o), uselightningcssMinify(store, o)]);
-        },
-    };
-};
-export default empLightningcssPlugin;

package/dist/postcss-config.js

@@ -1,441 +0,0 @@
-import { createPxToVwVisitor, createPxToRemVisitor } from './px-to-base.js';
-import { composeVisitors } from 'lightningcss';
-/**
- * // 插件编写 https://github.com/parcel-bundler/lightningcss/blob/master/node/test/visitor.test.mjs
- */
-class PostcssConfig {
-    /**
-     * https://github.com/cuth/postcss-pxtorem
-     */
-    px_to_rem(op) {
-        return createPxToRemVisitor(op);
-    }
-    /**
-     * https://github.com/evrone/postcss-px-to-viewport
-     */
-    px_to_viewport(op) {
-        return composeVisitors([createPxToVwVisitor(op)]);
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-apply
-     */
-    apply(defined) {
-        defined = defined ? defined : new Map();
-        return {
-            Rule: {
-                style(rule) {
-                    for (const selector of rule.value.selectors) {
-                        if (selector.length === 1 && selector[0].type === 'type' && selector[0].name.startsWith('--')) {
-                            defined.set(selector[0].name, rule.value.declarations);
-                            return { type: 'ignored', value: null };
-                        }
-                    }
-                    rule.value.rules = rule.value.rules.filter(child => {
-                        if (child.type === 'unknown' && child.value.name === 'apply') {
-                            for (const token of child.value.prelude) {
-                                if (token.type === 'dashed-ident' && defined.has(token.value)) {
-                                    const r = defined.get(token.value);
-                                    const decls = rule.value.declarations;
-                                    decls.declarations.push(...r.declarations);
-                                    decls.importantDeclarations.push(...r.importantDeclarations);
-                                }
-                            }
-                            return false;
-                        }
-                        return true;
-                    });
-                    return rule;
-                },
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-prefix-selector
-     */
-    selector_prefix() {
-        return {
-            Selector(selector) {
-                return [{ type: 'class', name: 'prefix' }, { type: 'combinator', value: 'descendant' }, ...selector];
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-simple-vars
-     */
-    static_vars(declared) {
-        declared = declared ? declared : new Map();
-        return {
-            Rule: {
-                unknown(rule) {
-                    declared.set(rule.name, rule.prelude);
-                    return [];
-                },
-            },
-            Token: {
-                'at-keyword'(token) {
-                    if (declared.has(token.value)) {
-                        return declared.get(token.value);
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-url
-     */
-    url(hostUrl) {
-        return {
-            Url(url) {
-                url.url = hostUrl + url.url;
-                return url;
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-env-function
-     */
-    specific_environment_variables(tokens) {
-        const ev = {};
-        for (const key in tokens) {
-            ev[key] = () => tokens[key];
-        }
-        return {
-            EnvironmentVariable: ev,
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-env-function
-     */
-    env_function(tokens) {
-        return {
-            EnvironmentVariable(env) {
-                if (env.name.type === 'custom') {
-                    return tokens[env.name.ident];
-                }
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/@csstools/postcss-design-tokens
-     */
-    design_tokens(tokens) {
-        return {
-            Function: {
-                'design-token'(fn) {
-                    if (fn.arguments.length === 1 &&
-                        fn.arguments[0].type === 'token' &&
-                        fn.arguments[0].value.type === 'string') {
-                        return tokens[fn.arguments[0].value.value];
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://github.com/csstools/custom-units
-     */
-    custom_units() {
-        return {
-            Token: {
-                dimension(token) {
-                    if (token.unit.startsWith('--')) {
-                        return {
-                            type: 'function',
-                            value: {
-                                name: 'calc',
-                                arguments: [
-                                    {
-                                        type: 'token',
-                                        value: {
-                                            type: 'number',
-                                            value: token.value,
-                                        },
-                                    },
-                                    {
-                                        type: 'token',
-                                        value: {
-                                            type: 'delim',
-                                            value: '*',
-                                        },
-                                    },
-                                    {
-                                        type: 'var',
-                                        value: {
-                                            name: {
-                                                ident: token.unit,
-                                            },
-                                        },
-                                    },
-                                ],
-                            },
-                        };
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-property-lookup
-     */
-    property_lookup() {
-        return {
-            Rule: {
-                style(rule) {
-                    const valuesByProperty = new Map();
-                    for (const decl of rule.value.declarations.declarations) {
-                        let name = decl.property;
-                        if (decl.property === 'unparsed') {
-                            name = decl.value.propertyId.property;
-                        }
-                        valuesByProperty.set(name, decl);
-                    }
-                    rule.value.declarations.declarations = rule.value.declarations.declarations.map((decl) => {
-                        // Only single value supported. Would need a way to convert parsed values to unparsed tokens otherwise.
-                        if (decl.property === 'unparsed' && decl.value.value.length === 1) {
-                            const token = decl.value.value[0];
-                            if (token.type === 'token' &&
-                                token.value.type === 'at-keyword' &&
-                                valuesByProperty.has(token.value.value)) {
-                                const v = valuesByProperty.get(token.value.value);
-                                return {
-                                    /** @type any */
-                                    property: decl.value.propertyId.property,
-                                    value: v.value,
-                                };
-                            }
-                        }
-                        return decl;
-                    });
-                    return rule;
-                },
-            },
-        };
-    }
-    /**
-     * https://www.npmjs.com/package/postcss-focus-visible
-     */
-    focus_visible() {
-        return {
-            Rule: {
-                style(rule) {
-                    let clone = null;
-                    for (const selector of rule.value.selectors) {
-                        for (const [i, component] of selector.entries()) {
-                            if (component.type === 'pseudo-class' && component.kind === 'focus-visible') {
-                                if (clone == null) {
-                                    clone = [...rule.value.selectors.map(s => [...s])];
-                                }
-                                selector[i] = { type: 'class', name: 'focus-visible' };
-                            }
-                        }
-                    }
-                    if (clone) {
-                        return [rule, { type: 'style', value: { ...rule.value, selectors: clone } }];
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://github.com/postcss/postcss-dark-theme-class
-     */
-    dark_theme_class() {
-        return {
-            Rule: {
-                media(rule) {
-                    const q = rule.value.query.mediaQueries[0];
-                    if (q.condition?.type === 'feature' &&
-                        q.condition.value.type === 'plain' &&
-                        q.condition.value.name === 'prefers-color-scheme' &&
-                        q.condition.value.value.value === 'dark') {
-                        const clonedRules = [rule];
-                        for (const r of rule.value.rules) {
-                            if (r.type === 'style') {
-                                const clonedSelectors = [];
-                                for (const selector of r.value.selectors) {
-                                    clonedSelectors.push([
-                                        { type: 'type', name: 'html' },
-                                        { type: 'attribute', name: 'theme', operation: { operator: 'equal', value: 'dark' } },
-                                        { type: 'combinator', value: 'descendant' },
-                                        ...selector,
-                                    ]);
-                                    selector.unshift({ type: 'type', name: 'html' }, {
-                                        type: 'pseudo-class',
-                                        kind: 'not',
-                                        selectors: [[{ type: 'attribute', name: 'theme', operation: { operator: 'equal', value: 'light' } }]],
-                                    }, { type: 'combinator', value: 'descendant' });
-                                }
-                                clonedRules.push({ type: 'style', value: { ...r.value, selectors: clonedSelectors } });
-                            }
-                        }
-                        return clonedRules;
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://github.com/postcss/postcss-100vh-fix
-     */
-    fix_100vh() {
-        return {
-            Rule: {
-                style(style) {
-                    let cloned;
-                    for (const property of style.value.declarations.declarations) {
-                        if (property.property === 'height' &&
-                            property.value.type === 'length-percentage' &&
-                            property.value.value.type === 'dimension' &&
-                            property.value.value.value.unit === 'vh' &&
-                            property.value.value.value.value === 100) {
-                            if (!cloned) {
-                                cloned = structuredClone(style);
-                                cloned.value.declarations.declarations = [];
-                            }
-                            cloned.value.declarations.declarations.push({
-                                ...property,
-                                value: {
-                                    type: 'stretch',
-                                    vendorPrefix: ['webkit'],
-                                },
-                            });
-                        }
-                    }
-                    if (cloned) {
-                        return [
-                            style,
-                            {
-                                type: 'supports',
-                                value: {
-                                    condition: {
-                                        type: 'declaration',
-                                        propertyId: {
-                                            property: '-webkit-touch-callout',
-                                        },
-                                        value: 'none',
-                                    },
-                                    loc: style.value.loc,
-                                    rules: [cloned],
-                                },
-                            },
-                        ];
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://github.com/MohammadYounes/rtlcss
-     */
-    logical_transforms() {
-        return {
-            Rule: {
-                style(style) {
-                    let cloned;
-                    for (const property of style.value.declarations.declarations) {
-                        if (property.property === 'transform') {
-                            const clonedTransforms = property.value.map(transform => {
-                                if (transform.type !== 'translateX') {
-                                    return transform;
-                                }
-                                if (!cloned) {
-                                    cloned = structuredClone(style);
-                                    cloned.value.declarations.declarations = [];
-                                }
-                                let value;
-                                switch (transform.value.type) {
-                                    case 'dimension':
-                                        value = {
-                                            type: 'dimension',
-                                            value: { unit: transform.value.value.unit, value: -transform.value.value.value },
-                                        };
-                                        break;
-                                    case 'percentage':
-                                        value = { type: 'percentage', value: -transform.value.value };
-                                        break;
-                                    case 'calc':
-                                        value = { type: 'calc', value: { type: 'product', value: [-1, transform.value.value] } };
-                                        break;
-                                }
-                                return {
-                                    type: 'translateX',
-                                    value,
-                                };
-                            });
-                            if (cloned) {
-                                cloned.value.selectors.at(-1).push({ type: 'pseudo-class', kind: 'dir', direction: 'rtl' });
-                                cloned.value.declarations.declarations.push({
-                                    ...property,
-                                    value: clonedTransforms,
-                                });
-                            }
-                        }
-                    }
-                    if (cloned) {
-                        return [style, cloned];
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://github.com/twbs/mq4-hover-shim
-     */
-    hover_media_query() {
-        return {
-            Rule: {
-                media(media) {
-                    const mediaQueries = media.value.query.mediaQueries;
-                    if (mediaQueries.length === 1 &&
-                        mediaQueries[0].condition &&
-                        mediaQueries[0].condition.type === 'feature' &&
-                        mediaQueries[0].condition.value.type === 'boolean' &&
-                        mediaQueries[0].condition.value.name === 'hover') {
-                        for (const rule of media.value.rules) {
-                            if (rule.type === 'style') {
-                                for (const selector of rule.value.selectors) {
-                                    selector.unshift({ type: 'class', name: 'hoverable' }, { type: 'combinator', value: 'descendant' });
-                                }
-                            }
-                        }
-                        return media.value.rules;
-                    }
-                },
-            },
-        };
-    }
-    /**
-     * https://github.com/yunusga/postcss-momentum-scrolling
-     */
-    momentum_scrolling(visitOverflow) {
-        return {
-            Declaration: {
-                overflow: visitOverflow,
-                'overflow-x': visitOverflow,
-                'overflow-y': visitOverflow,
-            },
-        };
-    }
-    /**
-     * https://github.com/postcss/postcss-size
-     */
-    size() {
-        return {
-            Declaration: {
-                custom: {
-                    size(property) {
-                        if (property.value[0].type === 'length') {
-                            /** @type {import('../ast').Size} */
-                            const value = { type: 'length-percentage', value: { type: 'dimension', value: property.value[0].value } };
-                            return [
-                                { property: 'width', value },
-                                { property: 'height', value },
-                            ];
-                        }
-                    },
-                },
-            },
-        };
-    }
-}
-export default new PostcssConfig();

package/dist/px-to-base.js

@@ -1,74 +0,0 @@
-const baseOptions = {
-    designWidth: 320,
-    minPixelValue: 1,
-    excludeSelectors: [],
-};
-export function createExcludeFilter(excludes) {
-    const isExclude = (testItem) => {
-        if (!testItem.name) {
-            return false;
-        }
-        for (const rule of excludes) {
-            if (testItem.type === rule.type) {
-                if (typeof rule.name === 'string' && rule.name === testItem.name) {
-                    return true;
-                }
-                if (typeof rule.name === 'object' && rule.name.test(testItem.name)) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    };
-    return isExclude;
-}
-export function createPxToVwVisitor(userOptions = {}) {
-    const options = Object.assign(baseOptions, userOptions);
-    const isExclude = createExcludeFilter(options.excludeSelectors);
-    let skipCurrentSelector = false;
-    return {
-        Selector(selectors) {
-            skipCurrentSelector = false;
-            for (const selector of selectors) {
-                if (isExclude(selector)) {
-                    skipCurrentSelector = true;
-                }
-            }
-        },
-        Length(length) {
-            if (length.unit === 'px' && !skipCurrentSelector) {
-                if (length.value > options.minPixelValue) {
-                    return {
-                        unit: 'vw',
-                        value: (length.value / options.designWidth) * 100,
-                    };
-                }
-            }
-        },
-    };
-}
-export function createPxToRemVisitor(options = {}) {
-    const op = Object.assign({ rootValue: 16, excludeSelectors: [], minPixelValue: 1 }, options);
-    const isExclude = createExcludeFilter(op.excludeSelectors);
-    let skipCurrentSelector = false;
-    return {
-        Selector(selectors) {
-            skipCurrentSelector = false;
-            for (const selector of selectors) {
-                if (isExclude(selector)) {
-                    skipCurrentSelector = true;
-                }
-            }
-        },
-        Length(length) {
-            if (length.unit === 'px' && !skipCurrentSelector) {
-                if (length.value > op.minPixelValue) {
-                    return {
-                        unit: 'rem',
-                        value: length.value / op.rootValue,
-                    };
-                }
-            }
-        },
-    };
-}