@master/css 2.0.0-alpha.4 → 2.0.0-alpha.41

package/package.json

@@ -3,7 +3,8 @@
     "license": "MIT",
     "description": "A Virtual CSS language with enhanced syntax. ( ~13KB )",
     "author": "Aoyue Design LLC.",
-    "main": "index.js",
+    "main": "main.js",
+    "module": "index.js",
     "types": "index.d.ts",
     "funding": "https://docs.master.co/css/donate",
     "homepage": "https://css.master.co",
@@ -25,5 +26,5 @@
         "type": "git",
         "url": "https://github.com/master-co/css.git"
     },
-    "version": "2.0.0-alpha.4"
+    "version": "2.0.0-alpha.41"
 }

package/polyfills/css-escape.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: any;
+export = _exports;

package/polyfills/css-escape.js

@@ -0,0 +1,91 @@
+/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */
+;
+(function (root, factory) {
+    // https://github.com/umdjs/umd/blob/master/returnExports.js
+    if (typeof exports == 'object') {
+        // For Node.js.
+        module.exports = factory(root);
+    }
+    else if (typeof define == 'function' && define.amd) {
+        // For AMD. Register as an anonymous module.
+        define([], factory.bind(root, root));
+    }
+    else {
+        // For browser globals (not exposing the function separately).
+        factory(root);
+    }
+}(typeof global != 'undefined' ? global : this, function (root) {
+    if (root.CSS && root.CSS.escape) {
+        return root.CSS.escape;
+    }
+    // https://drafts.csswg.org/cssom/#serialize-an-identifier
+    var cssEscape = function (value) {
+        if (arguments.length == 0) {
+            throw new TypeError('`CSS.escape` requires an argument.');
+        }
+        var string = String(value);
+        var length = string.length;
+        var index = -1;
+        var codeUnit;
+        var result = '';
+        var firstCodeUnit = string.charCodeAt(0);
+        if (
+        // If the character is the first character and is a `-` (U+002D), and
+        // there is no second character, […]
+        length == 1 &&
+            firstCodeUnit == 0x002D) {
+            return '\\' + string;
+        }
+        while (++index < length) {
+            codeUnit = string.charCodeAt(index);
+            // Note: there’s no need to special-case astral symbols, surrogate
+            // pairs, or lone surrogates.
+            // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+            // (U+FFFD).
+            if (codeUnit == 0x0000) {
+                result += '\uFFFD';
+                continue;
+            }
+            if (
+            // If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+            // U+007F, […]
+            (codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
+                // If the character is the first character and is in the range [0-9]
+                // (U+0030 to U+0039), […]
+                (index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
+                // If the character is the second character and is in the range [0-9]
+                // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+                (index == 1 &&
+                    codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
+                    firstCodeUnit == 0x002D)) {
+                // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+                result += '\\' + codeUnit.toString(16) + ' ';
+                continue;
+            }
+            // If the character is not handled by one of the above rules and is
+            // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+            // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+            // U+005A), or [a-z] (U+0061 to U+007A), […]
+            if (codeUnit >= 0x0080 ||
+                codeUnit == 0x002D ||
+                codeUnit == 0x005F ||
+                codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
+                codeUnit >= 0x0041 && codeUnit <= 0x005A ||
+                codeUnit >= 0x0061 && codeUnit <= 0x007A) {
+                // the character itself
+                result += string.charAt(index);
+                continue;
+            }
+            // Otherwise, the escaped character.
+            // https://drafts.csswg.org/cssom/#escape-a-character
+            result += '\\' + string.charAt(index);
+        }
+        return result;
+    };
+    if (!root.CSS) {
+        root.CSS = {};
+    }
+    root.CSS.escape = cssEscape;
+    return cssEscape;
+}));
+//# sourceMappingURL=css-escape.js.map

package/polyfills/css-escape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-escape.js","sourceRoot":"","sources":["../../src/polyfills/css-escape.js"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,CAAC;AAAC,CAAC,UAAU,IAAI,EAAE,OAAO;IACtB,4DAA4D;IAC5D,IAAI,OAAO,OAAO,IAAI,QAAQ,EAAE;QAC5B,eAAe;QACf,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAClC;SAAM,IAAI,OAAO,MAAM,IAAI,UAAU,IAAI,MAAM,CAAC,GAAG,EAAE;QAClD,4CAA4C;QAC5C,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;KACxC;SAAM;QACH,8DAA8D;QAC9D,OAAO,CAAC,IAAI,CAAC,CAAC;KACjB;AACL,CAAC,CAAC,OAAO,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,UAAU,IAAI;IAE1D,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;QAC7B,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;KAC1B;IAED,0DAA0D;IAC1D,IAAI,SAAS,GAAG,UAAU,KAAK;QAC3B,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;YACvB,MAAM,IAAI,SAAS,CAAC,oCAAoC,CAAC,CAAC;SAC7D;QACD,IAAI,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC3B,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;QACf,IAAI,QAAQ,CAAC;QACb,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAEzC;QACI,qEAAqE;QACrE,oCAAoC;QACpC,MAAM,IAAI,CAAC;YACX,aAAa,IAAI,MAAM,EACzB;YACE,OAAO,IAAI,GAAG,MAAM,CAAC;SACxB;QAED,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE;YACrB,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACpC,kEAAkE;YAClE,6BAA6B;YAE7B,oEAAoE;YACpE,YAAY;YACZ,IAAI,QAAQ,IAAI,MAAM,EAAE;gBACpB,MAAM,IAAI,QAAQ,CAAC;gBACnB,SAAS;aACZ;YAED;YACI,qEAAqE;YACrE,cAAc;YACd,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM,CAAC,IAAI,QAAQ,IAAI,MAAM;gBAChE,oEAAoE;gBACpE,0BAA0B;gBAC1B,CAAC,KAAK,IAAI,CAAC,IAAI,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM,CAAC;gBACxD,qEAAqE;gBACrE,oEAAoE;gBACpE,CACI,KAAK,IAAI,CAAC;oBACV,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM;oBACxC,aAAa,IAAI,MAAM,CAC1B,EACH;gBACE,mEAAmE;gBACnE,MAAM,IAAI,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;gBAC7C,SAAS;aACZ;YAED,mEAAmE;YACnE,uEAAuE;YACvE,qEAAqE;YACrE,4CAA4C;YAC5C,IACI,QAAQ,IAAI,MAAM;gBAClB,QAAQ,IAAI,MAAM;gBAClB,QAAQ,IAAI,MAAM;gBAClB,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM;gBACxC,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM;gBACxC,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM,EAC1C;gBACE,uBAAuB;gBACvB,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC/B,SAAS;aACZ;YAED,oCAAoC;YACpC,qDAAqD;YACrD,MAAM,IAAI,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SACzC;QACD,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;KACjB;IAED,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;IAC5B,OAAO,SAAS,CAAC;AAErB,CAAC,CAAC,CAAC,CAAC"}

package/render-from-html.d.ts

@@ -0,0 +1,3 @@
+import MasterCSS from './core';
+import './polyfills/css-escape';
+export declare function renderFromHTML(html: string, css?: MasterCSS): string;

package/render-from-html.js

@@ -0,0 +1,19 @@
+import MasterCSS from './core';
+import './polyfills/css-escape';
+export function renderFromHTML(html, css = new MasterCSS()) {
+    if (!html)
+        return;
+    const regexp = /\sclass="([^"]*)"/gm;
+    let results;
+    while (results = regexp.exec(html)) {
+        const classNames = results[1].replace(/\n/g, '').split(' ').filter(css => css);
+        for (const eachClassName of classNames) {
+            if (!(eachClassName in css.countOfName)) {
+                css.findAndInsert(eachClassName);
+                css.countOfName[eachClassName] = 1;
+            }
+        }
+    }
+    return css.rules.map(eachRule => eachRule.natives.reduce((a, b) => a + b.text, '')).join('');
+}
+//# sourceMappingURL=render-from-html.js.map

package/render-from-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-from-html.js","sourceRoot":"","sources":["../src/render-from-html.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,QAAQ,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAE/B,MAAM,UAAU,cAAc,CAAC,IAAY,EAAE,MAAiB,IAAI,SAAS,EAAE;IACzE,IAAI,CAAC,IAAI;QAAE,OAAM;IACjB,MAAM,MAAM,GAAG,qBAAqB,CAAA;IACpC,IAAI,OAAiB,CAAA;IACrB,OAAO,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAChC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;QAC9E,KAAK,MAAM,aAAa,IAAI,UAAU,EAAE;YACpC,IAAI,CAAC,CAAC,aAAa,IAAI,GAAG,CAAC,WAAW,CAAC,EAAE;gBACrC,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;gBAChC,GAAG,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;aACrC;SACJ;KACJ;IACD,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAChG,CAAC"}

package/render-into-html.d.ts

@@ -0,0 +1,3 @@
+import MasterCSS from './core';
+import './polyfills/css-escape';
+export declare function renderIntoHTML(html: string, css?: MasterCSS): string;

package/render-into-html.js

@@ -0,0 +1,10 @@
+import MasterCSS from './core';
+import './polyfills/css-escape';
+import { renderFromHTML } from './render-from-html';
+export function renderIntoHTML(html, css = new MasterCSS()) {
+    if (!html)
+        return;
+    return html
+        .replace(/(<head>)/, `$1<style title="master">${renderFromHTML(html, css)}</style>`);
+}
+//# sourceMappingURL=render-into-html.js.map

package/render-into-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-into-html.js","sourceRoot":"","sources":["../src/render-into-html.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAC/B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,IAAY,EAAE,MAAiB,IAAI,SAAS,EAAE;IACzE,IAAI,CAAC,IAAI;QAAE,OAAO;IAClB,OAAO,IAAI;SACN,OAAO,CAAC,UAAU,EAAE,2BAA2B,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;AAC5F,CAAC"}

package/render.d.ts

@@ -1,8 +1,3 @@
-import { StyleSheet } from './';
+import MasterCSS from './core';
 import './polyfills/css-escape';
-export declare function render(html: string, options: {
-    StyleSheet: typeof StyleSheet;
-}): {
-    css: string;
-    html: string;
-};
+export declare function render(classes: string[], css?: MasterCSS): string;

package/render.js

@@ -1 +1,14 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@master/css"]=t():e["@master/css"]=t()}(this,(function(){return(()=>{var e={131:function(e,t,r){var o;o=void 0!==r.g?r.g:this,e.exports=function(e){if(e.CSS&&e.CSS.escape)return e.CSS.escape;var t=function(e){if(0==arguments.length)throw new TypeError("`CSS.escape` requires an argument.");for(var t,r=String(e),o=r.length,n=-1,s="",c=r.charCodeAt(0);++n<o;)0!=(t=r.charCodeAt(n))?s+=t>=1&&t<=31||127==t||0==n&&t>=48&&t<=57||1==n&&t>=48&&t<=57&&45==c?"\\"+t.toString(16)+" ":0==n&&1==o&&45==t||!(t>=128||45==t||95==t||t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122)?"\\"+r.charAt(n):r.charAt(n):s+="�";return s};return e.CSS||(e.CSS={}),e.CSS.escape=t,t}(o)}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var s=t[o]={exports:{}};return e[o].call(s.exports,s,s.exports,r),s.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{"use strict";r.r(o),r.d(o,{render:()=>e});r(131);function e(e,t){if(!e)return{css:"",html:e};const r=new(0,t.StyleSheet),o=/\sclass="([^"]*)"/gm;let n;for(;n=o.exec(e);){const e=n[1].replace(/\n/g,"").split(" ").filter((e=>e));for(const t of e)t in r.countOfName||(r.findAndInsert(t),r.countOfName[t]=1)}const s=r.styles.map((e=>e.text)).join("");return{css:s,html:e.includes("<head>")?e.replace(/(<head>)/,`$1<style id="master-css">${s}</style>`):e}}})(),o})()}));
+import MasterCSS from './core';
+import './polyfills/css-escape';
+export function render(classes, css = new MasterCSS()) {
+    if (!(classes === null || classes === void 0 ? void 0 : classes.length))
+        return;
+    for (const eachClassName of classes) {
+        if (!(eachClassName in css.countOfName)) {
+            css.findAndInsert(eachClassName);
+            css.countOfName[eachClassName] = 1;
+        }
+    }
+    return css.rules.map(eachRule => eachRule.natives.reduce((a, b) => a + b.text, '')).join('');
+}
+//# sourceMappingURL=render.js.map

package/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,QAAQ,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAE/B,MAAM,UAAU,MAAM,CAAC,OAAiB,EAAE,MAAiB,IAAI,SAAS,EAAE;IACtE,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA;QAAE,OAAM;IAC5B,KAAK,MAAM,aAAa,IAAI,OAAO,EAAE;QACjC,IAAI,CAAC,CAAC,aAAa,IAAI,GAAG,CAAC,WAAW,CAAC,EAAE;YACrC,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;YAChC,GAAG,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;SACrC;KACJ;IACD,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAChG,CAAC"}

package/rule.d.ts

@@ -0,0 +1,51 @@
+import { MasterCSSMedia } from './interfaces/media';
+import MasterCSS from './core';
+import { MasterCSSDeclaration } from './interfaces/declaration';
+export interface RuleMatching {
+    origin: 'matches' | 'semantics' | 'symbol';
+    value?: string;
+}
+export declare class MasterCSSRule {
+    readonly className: string;
+    readonly matching: RuleMatching;
+    readonly prefix: string;
+    readonly symbol: string;
+    readonly token: string;
+    readonly prefixSelectors: string[];
+    readonly suffixSelectors: string[];
+    readonly important: boolean;
+    readonly media: MasterCSSMedia;
+    readonly at: Record<string, string>;
+    readonly direction: string;
+    readonly themeName: string;
+    readonly unitToken: string;
+    readonly hasWhere: boolean;
+    readonly prioritySelectorIndex: number;
+    readonly natives: {
+        unit: string;
+        value: string | Record<string, string | number>;
+        text: string;
+        themeName: string;
+        cssRule?: CSSRule;
+    }[];
+    static id: string;
+    static propName: string;
+    static matches: RegExp;
+    static colorStarts: string;
+    static symbol: string;
+    static unit: string;
+    static colorful: boolean;
+    static match(name: string, colorNames: string[]): RuleMatching;
+    constructor(className: string, matching: RuleMatching, css: MasterCSS);
+}
+export interface MasterCSSRule {
+    readonly order?: number;
+    parseValue(value: string): string;
+    get(declaration: MasterCSSDeclaration): Record<string, any>;
+    getThemeProps(declaration: MasterCSSDeclaration, css: MasterCSS): Record<string, Record<string, string>>;
+}
+declare global {
+    interface Window {
+        MasterCSSRule: typeof MasterCSSRule;
+    }
+}