npm - @slimr/css - Versions diffs - 2.0.2 → 2.0.3 - Mend

@slimr/css 2.0.2 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/README.md CHANGED Viewed

@@ -73,9 +73,9 @@ export function App() {
 }
 ```
-### Comparisons
+## Comparisons
-#### [Emotion](https://emotion.sh/docs/introduction)
+### [Emotion](https://emotion.sh/docs/introduction)
 - A popular css-in-js lib that inspired this lib
@@ -89,7 +89,7 @@ Cons
 - Many features require addons, which make bundle even larger
 - Does not support zx prop or css shorthand props
-#### [Astroturf](https://astroturfcss.github.io/astroturf/)
+### [Astroturf](https://astroturfcss.github.io/astroturf/)
 - A popular css-in-js lib similar to Emotion but compiles out the css into css stylesheets
@@ -104,6 +104,6 @@ Cons
 - Does not support zx prop or css shorthand props
 - Is not progressive -- all styles for all components is loaded and blocks initial page paint
-#### [Linaria](https://linaria.dev/)
+### [Linaria](https://linaria.dev/)
 - Pretty much identical to Astroturf, but maybe better Vite support

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@slimr/css",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "author": "Brian Dombrowski",
   "license": "ISC",
   "private": false,
@@ -17,25 +17,15 @@
     "url": "https://github.com/bdombro/slimr.git"
   },
   "type": "module",
-  "main": "./src/index.cjs",
-  "module": "./src/index.js",
-  "types": "./src/index.ts",
-  "exports": {
-    ".": {
-      "import": "./src/index.js",
-      "require": "./src/index.cjs",
-      "types": "./src/index.ts"
-    }
-  },
-  "files": [
-    "src",
-    "README.md",
-    "tsconfig.json"
-  ],
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "types": "./esm/index.d.ts",
   "scripts": {
-    "build": "npm run clean && tsup",
-    "clean": "find -E ./src -regex '.*(\\.js|\\.cjs|\\.d\\.ts|\\.map)' -delete",
-    "prepack": "npm run build && npm version patch",
-    "postpublish": "npm run clean"
+    "build": "npm-run-all clean lint --parallel build:*",
+    "build:esm": "OUT=esm; tsc -d -m es2020 --outDir $OUT --noEmit false && cp -r src/* $OUT",
+    "build:cjs": "OUT=cjs; tsc -d -m commonjs --outDir $OUT --noEmit false && cp -r src/* $OUT",
+    "clean": "rm -rf esm cjs",
+    "lint": "eslint .",
+    "prepack": "npm run build && npm version patch"
   }
 }

package/src/core.cjs DELETED Viewed

@@ -1,23 +0,0 @@
-"use strict";var g=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var c=(r,n)=>{for(var t in n)g(r,t,{get:n[t],enumerable:!0})},y=(r,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of f(n))!b.call(r,e)&&e!==t&&g(r,e,{get:()=>n[e],enumerable:!(o=l(n,e))||o.enumerable});return r};var h=r=>y(g({},"__esModule",{value:!0}),r);var k={};c(k,{addCss:()=>m,breakPoints:()=>a,classJoin:()=>x,createClass:()=>u,shorthandProps:()=>w,shorthandPropsMap:()=>p,t2s:()=>d});module.exports=h(k);var a=["30em","48em","62em","80em","96em"];function x(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function $(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function j(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,o]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return o?o.split(",").map((i,s)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":s===0?`${t}: ${i};`:`@media (min-width: ${a[s-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var p={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},w=[...Object.keys(p),"mx","my","px","py"];function P(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(p).forEach(([n,t])=>{r=r.replace(new RegExp(`([
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function S(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let o="",e=0,i=0;for(let s=t.index;s<r.length;s++)if(r[s]==="{")i===0&&(o=r.slice(t.index,s).trim(),e=s+1),i++;else if(r[s]==="}"&&(i--,i===0)){n.push({start:t.index,end:s+1,query:o,outerBody:r.slice(t.index,s+1),innerBody:r.slice(e,s)});break}i!==0&&console.error(`${o} not closed: "${r}"`)}return n}function A(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function d(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((o,e)=>{var i;return o+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=d(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=$(n),n=P(n),n=j(n);let o=S(n);for(let e of o.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=o.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=A(n)+`
-`,m(n)}return t}u.count=0;u.history=new Map;0&&(module.exports={addCss,breakPoints,classJoin,createClass,shorthandProps,shorthandPropsMap,t2s});
-//# sourceMappingURL=core.cjs.map

package/src/core.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["core.ts"],"sourcesContent":["/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n if (!css.includes('[')) return css\n return css\n .split('\\n')\n .map(l => {\n // eslint-disable-next-line no-useless-escape\n const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n if (vals) {\n return vals\n .split(',')\n .map((val, i) => {\n val = val.trim()\n if (!val || val === 'null' || val === 'undefined') return ''\n if (i === 0) {\n return `${prop}: ${val};`\n }\n return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n })\n .join('\\n')\n }\n return l\n })\n .join('\\n')\n}\n\nexport interface ShorthandProps {\n /** shorthand for css:align-items */\n ai?: string\n /** shorthand for css:border */\n b?: string | number\n /** shorthand for css:border-radius */\n br?: string | number\n /** shorthand for css:background */\n bg?: string\n /** shorthand for css:color */\n c?: string\n /** shorthand for css:display */\n d?: string\n /** shorthand for css:flex */\n f?: string\n /** shorthand for css:flex-direction */\n fd?: string\n /** shorthand for css:height */\n h?: number | string\n /** shorthand for css:inset */\n i?: number | string\n /** shorthand for css:justify-content */\n jc?: string\n /** shorthand for css:margin */\n m?: number | string\n /** shorthand for css:margin-left */\n ml?: number | string\n /** shorthand for css:margin-right */\n mr?: number | string\n /** shorthand for css:margin-top */\n mt?: number | string\n /** shorthand for css:margin-bottom */\n mb?: number | string\n /** shorthand for css:margin-top & margin-bottom */\n my?: number | string\n /** shorthand for css:margin-left & margin-right */\n mx?: number | string\n /** shorthand for css:max-width */\n maxW?: number | string\n /** shorthand for css:min-width */\n minW?: number | string\n /** shorthand for css:padding */\n p?: number | string\n /** shorthand for css:padding-left */\n pl?: number | string\n /** shorthand for css:padding-right */\n pr?: number | string\n /** shorthand for css:padding-top */\n pt?: number | string\n /** shorthand for css:padding-bottom */\n pb?: number | string\n /** shorthand for css:padding-top & padding-bottom */\n py?: number | string\n /** shorthand for css:padding-left & padding-right */\n px?: number | string\n /** shorthand for css:position */\n pos?: number | string\n /** shorthand for css:text-align */\n ta?: string\n /** shorthand for css:width */\n w?: number | string\n /** shorthand for css:z-index */\n z?: number | string\n}\nexport const shorthandPropsMap: Record<\n keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n string\n> = {\n ai: 'align-items',\n b: 'border',\n br: 'border-radius',\n bg: 'background',\n c: 'color',\n d: 'display',\n f: 'flex',\n fd: 'flex-direction',\n i: 'inset',\n h: 'height',\n jc: 'justify-content',\n m: 'margin',\n ml: 'margin-left',\n mr: 'margin-right',\n mt: 'margin-top',\n mb: 'margin-bottom',\n maxW: 'max-width',\n minW: 'min-width',\n p: 'padding',\n pl: 'padding-left',\n pr: 'padding-right',\n pt: 'padding-top',\n pb: 'padding-bottom',\n pos: 'position',\n ta: 'text-align',\n w: 'width',\n z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n css = '\\n' + css // inject a newline to make the regex easier\n // Handle 'mx', 'my', 'px', 'py'\n css = css\n .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n })\n return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n const queries = []\n for (const m of css.matchAll(/[@&]/gm)) {\n let query = ''\n let bodyStart = 0\n let openCount = 0\n for (let i = m.index!; i < css.length; i++) {\n if (css[i] === '{') {\n if (openCount === 0) {\n query = css.slice(m.index, i).trim()\n bodyStart = i + 1\n }\n openCount++\n } else if (css[i] === '}') {\n openCount--\n if (openCount === 0) {\n queries.push({\n start: m.index,\n end: i + 1,\n query,\n outerBody: css.slice(m.index, i + 1),\n innerBody: css.slice(bodyStart, i),\n })\n break\n }\n }\n }\n if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n }\n return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n return css\n .split('\\n')\n .map(l => l.trim())\n .filter(l => l)\n .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n * const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n const [s, ...p] = tsp\n return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n strings: TemplateStringsArray | string,\n ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n addCss.que.add(css)\n setTimeout(() => {\n const css = [...addCss.que].join('\\n')\n if (css) {\n addCss.que.clear()\n const s = document.createElement('style')\n s.id = `u${addCss.count++}`\n s.innerHTML = css\n document.head.appendChild(s)\n }\n }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n let css = t2s(...p)\n if (!css) return ''\n let className = createClass.history.get(css)\n if (!className) {\n className = 's' + createClass.count++\n createClass.history.set(css, className)\n\n css = deleteComments(css)\n css = expandProps(css)\n css = expandArrayValues(css)\n const qs = findQueries(css)\n\n for (const q of qs.reverse()) {\n css = css.slice(0, q.start) + css.slice(q.end)\n }\n\n css = `.${className}{\\n${css}\\n}\\n`\n css += qs\n .map(q => {\n if (q.query.startsWith('&')) {\n return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n }\n if (q.query.startsWith('@keyframes')) {\n return q.outerBody\n }\n return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n })\n .join('\\n')\n\n css = trim(css) + '\\n\\n'\n\n addCss(css)\n }\n return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["core_exports","__export","addCss","breakPoints","classJoin","createClass","shorthandProps","shorthandPropsMap","t2s","__toCommonJS","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","tsp","s","p","className","qs","q"]}

package/src/core.d.ts DELETED Viewed

@@ -1,116 +0,0 @@
-/** Breakpoints like chakra */
-declare const breakPoints: string[];
-type allowableAny = any;
-/** Joins class names and filters out blanks */
-declare function classJoin(...classes: allowableAny[]): string;
-interface ShorthandProps {
-    /** shorthand for css:align-items */
-    ai?: string;
-    /** shorthand for css:border */
-    b?: string | number;
-    /** shorthand for css:border-radius */
-    br?: string | number;
-    /** shorthand for css:background */
-    bg?: string;
-    /** shorthand for css:color */
-    c?: string;
-    /** shorthand for css:display */
-    d?: string;
-    /** shorthand for css:flex */
-    f?: string;
-    /** shorthand for css:flex-direction */
-    fd?: string;
-    /** shorthand for css:height */
-    h?: number | string;
-    /** shorthand for css:inset */
-    i?: number | string;
-    /** shorthand for css:justify-content */
-    jc?: string;
-    /** shorthand for css:margin */
-    m?: number | string;
-    /** shorthand for css:margin-left */
-    ml?: number | string;
-    /** shorthand for css:margin-right */
-    mr?: number | string;
-    /** shorthand for css:margin-top */
-    mt?: number | string;
-    /** shorthand for css:margin-bottom */
-    mb?: number | string;
-    /** shorthand for css:margin-top & margin-bottom */
-    my?: number | string;
-    /** shorthand for css:margin-left & margin-right */
-    mx?: number | string;
-    /** shorthand for css:max-width */
-    maxW?: number | string;
-    /** shorthand for css:min-width */
-    minW?: number | string;
-    /** shorthand for css:padding */
-    p?: number | string;
-    /** shorthand for css:padding-left */
-    pl?: number | string;
-    /** shorthand for css:padding-right */
-    pr?: number | string;
-    /** shorthand for css:padding-top */
-    pt?: number | string;
-    /** shorthand for css:padding-bottom */
-    pb?: number | string;
-    /** shorthand for css:padding-top & padding-bottom */
-    py?: number | string;
-    /** shorthand for css:padding-left & padding-right */
-    px?: number | string;
-    /** shorthand for css:position */
-    pos?: number | string;
-    /** shorthand for css:text-align */
-    ta?: string;
-    /** shorthand for css:width */
-    w?: number | string;
-    /** shorthand for css:z-index */
-    z?: number | string;
-}
-declare const shorthandPropsMap: Record<keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>, string>;
-declare const shorthandProps: string[];
-/**
- * Assemble a string from a template string array and a list of placeholders.
- *
- * - If the first argument is a string, it is returned as is.
- *
- * i.e.
- * myFoo(...props: TemplateStringProps) => {
- *  const inputStr = t2s(...props);
- * }
- * myFoo`hello ${name}` => 'hello world'
- * myFoo(`hello ${name}`) => 'hello world'
- */
-declare function t2s(...tsp: TemplateStringProps): string;
-type TemplateStringProps = [
-    strings: TemplateStringsArray | string,
-    ...placeHolders: string[]
-];
-/**
- * Injects css to the page
- *
- * - Batches adds for performance
- *
- * @param css - css to be injected
- * @returns void
- */
-declare function addCss(css: string): void;
-declare namespace addCss {
-    var que: Set<string>;
-    var count: number;
-}
-/**
- * Injects css and creates unique class names
- *
- * - Skips if already added
- *
- * @param css - string or template string, to be injected
- * @returns a unique class name
- */
-declare function createClass(...p: TemplateStringProps): string;
-declare namespace createClass {
-    var count: number;
-    var history: Map<string, string>;
-}
-export { ShorthandProps, TemplateStringProps, addCss, breakPoints, classJoin, createClass, shorthandProps, shorthandPropsMap, t2s };

package/src/core.js DELETED Viewed

@@ -1,23 +0,0 @@
-var p=["30em","48em","62em","80em","96em"];function y(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function a(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function d(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,s]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return s?s.split(",").map((i,o)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":o===0?`${t}: ${i};`:`@media (min-width: ${p[o-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var g={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},h=[...Object.keys(g),"mx","my","px","py"];function l(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(g).forEach(([n,t])=>{r=r.replace(new RegExp(`([
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function f(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let s="",e=0,i=0;for(let o=t.index;o<r.length;o++)if(r[o]==="{")i===0&&(s=r.slice(t.index,o).trim(),e=o+1),i++;else if(r[o]==="}"&&(i--,i===0)){n.push({start:t.index,end:o+1,query:s,outerBody:r.slice(t.index,o+1),innerBody:r.slice(e,o)});break}i!==0&&console.error(`${s} not closed: "${r}"`)}return n}function b(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function c(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((s,e)=>{var i;return s+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=c(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=a(n),n=l(n),n=d(n);let s=f(n);for(let e of s.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=s.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=b(n)+`
-`,m(n)}return t}u.count=0;u.history=new Map;export{m as addCss,p as breakPoints,y as classJoin,u as createClass,h as shorthandProps,g as shorthandPropsMap,c as t2s};
-//# sourceMappingURL=core.js.map

package/src/core.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["core.ts"],"sourcesContent":["/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n if (!css.includes('[')) return css\n return css\n .split('\\n')\n .map(l => {\n // eslint-disable-next-line no-useless-escape\n const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n if (vals) {\n return vals\n .split(',')\n .map((val, i) => {\n val = val.trim()\n if (!val || val === 'null' || val === 'undefined') return ''\n if (i === 0) {\n return `${prop}: ${val};`\n }\n return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n })\n .join('\\n')\n }\n return l\n })\n .join('\\n')\n}\n\nexport interface ShorthandProps {\n /** shorthand for css:align-items */\n ai?: string\n /** shorthand for css:border */\n b?: string | number\n /** shorthand for css:border-radius */\n br?: string | number\n /** shorthand for css:background */\n bg?: string\n /** shorthand for css:color */\n c?: string\n /** shorthand for css:display */\n d?: string\n /** shorthand for css:flex */\n f?: string\n /** shorthand for css:flex-direction */\n fd?: string\n /** shorthand for css:height */\n h?: number | string\n /** shorthand for css:inset */\n i?: number | string\n /** shorthand for css:justify-content */\n jc?: string\n /** shorthand for css:margin */\n m?: number | string\n /** shorthand for css:margin-left */\n ml?: number | string\n /** shorthand for css:margin-right */\n mr?: number | string\n /** shorthand for css:margin-top */\n mt?: number | string\n /** shorthand for css:margin-bottom */\n mb?: number | string\n /** shorthand for css:margin-top & margin-bottom */\n my?: number | string\n /** shorthand for css:margin-left & margin-right */\n mx?: number | string\n /** shorthand for css:max-width */\n maxW?: number | string\n /** shorthand for css:min-width */\n minW?: number | string\n /** shorthand for css:padding */\n p?: number | string\n /** shorthand for css:padding-left */\n pl?: number | string\n /** shorthand for css:padding-right */\n pr?: number | string\n /** shorthand for css:padding-top */\n pt?: number | string\n /** shorthand for css:padding-bottom */\n pb?: number | string\n /** shorthand for css:padding-top & padding-bottom */\n py?: number | string\n /** shorthand for css:padding-left & padding-right */\n px?: number | string\n /** shorthand for css:position */\n pos?: number | string\n /** shorthand for css:text-align */\n ta?: string\n /** shorthand for css:width */\n w?: number | string\n /** shorthand for css:z-index */\n z?: number | string\n}\nexport const shorthandPropsMap: Record<\n keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n string\n> = {\n ai: 'align-items',\n b: 'border',\n br: 'border-radius',\n bg: 'background',\n c: 'color',\n d: 'display',\n f: 'flex',\n fd: 'flex-direction',\n i: 'inset',\n h: 'height',\n jc: 'justify-content',\n m: 'margin',\n ml: 'margin-left',\n mr: 'margin-right',\n mt: 'margin-top',\n mb: 'margin-bottom',\n maxW: 'max-width',\n minW: 'min-width',\n p: 'padding',\n pl: 'padding-left',\n pr: 'padding-right',\n pt: 'padding-top',\n pb: 'padding-bottom',\n pos: 'position',\n ta: 'text-align',\n w: 'width',\n z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n css = '\\n' + css // inject a newline to make the regex easier\n // Handle 'mx', 'my', 'px', 'py'\n css = css\n .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n })\n return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n const queries = []\n for (const m of css.matchAll(/[@&]/gm)) {\n let query = ''\n let bodyStart = 0\n let openCount = 0\n for (let i = m.index!; i < css.length; i++) {\n if (css[i] === '{') {\n if (openCount === 0) {\n query = css.slice(m.index, i).trim()\n bodyStart = i + 1\n }\n openCount++\n } else if (css[i] === '}') {\n openCount--\n if (openCount === 0) {\n queries.push({\n start: m.index,\n end: i + 1,\n query,\n outerBody: css.slice(m.index, i + 1),\n innerBody: css.slice(bodyStart, i),\n })\n break\n }\n }\n }\n if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n }\n return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n return css\n .split('\\n')\n .map(l => l.trim())\n .filter(l => l)\n .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n * const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n const [s, ...p] = tsp\n return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n strings: TemplateStringsArray | string,\n ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n addCss.que.add(css)\n setTimeout(() => {\n const css = [...addCss.que].join('\\n')\n if (css) {\n addCss.que.clear()\n const s = document.createElement('style')\n s.id = `u${addCss.count++}`\n s.innerHTML = css\n document.head.appendChild(s)\n }\n }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n let css = t2s(...p)\n if (!css) return ''\n let className = createClass.history.get(css)\n if (!className) {\n className = 's' + createClass.count++\n createClass.history.set(css, className)\n\n css = deleteComments(css)\n css = expandProps(css)\n css = expandArrayValues(css)\n const qs = findQueries(css)\n\n for (const q of qs.reverse()) {\n css = css.slice(0, q.start) + css.slice(q.end)\n }\n\n css = `.${className}{\\n${css}\\n}\\n`\n css += qs\n .map(q => {\n if (q.query.startsWith('&')) {\n return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n }\n if (q.query.startsWith('@keyframes')) {\n return q.outerBody\n }\n return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n })\n .join('\\n')\n\n css = trim(css) + '\\n\\n'\n\n addCss(css)\n }\n return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["breakPoints","classJoin","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","shorthandPropsMap","shorthandProps","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","t2s","tsp","s","p","addCss","createClass","className","qs","q"]}

package/src/index.cjs DELETED Viewed

@@ -1,23 +0,0 @@
-"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var b=(r,n)=>{for(var t in n)p(r,t,{get:n[t],enumerable:!0})},y=(r,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of f(n))!c.call(r,e)&&e!==t&&p(r,e,{get:()=>n[e],enumerable:!(o=l(n,e))||o.enumerable});return r};var x=r=>y(p({},"__esModule",{value:!0}),r);var k={};b(k,{addCss:()=>m,breakPoints:()=>a,classJoin:()=>h,createClass:()=>u,css:()=>u,shorthandProps:()=>w,shorthandPropsMap:()=>g,t2s:()=>d});module.exports=x(k);var a=["30em","48em","62em","80em","96em"];function h(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function $(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function j(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,o]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return o?o.split(",").map((i,s)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":s===0?`${t}: ${i};`:`@media (min-width: ${a[s-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var g={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},w=[...Object.keys(g),"mx","my","px","py"];function P(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(g).forEach(([n,t])=>{r=r.replace(new RegExp(`([
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function S(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let o="",e=0,i=0;for(let s=t.index;s<r.length;s++)if(r[s]==="{")i===0&&(o=r.slice(t.index,s).trim(),e=s+1),i++;else if(r[s]==="}"&&(i--,i===0)){n.push({start:t.index,end:s+1,query:o,outerBody:r.slice(t.index,s+1),innerBody:r.slice(e,s)});break}i!==0&&console.error(`${o} not closed: "${r}"`)}return n}function A(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function d(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((o,e)=>{var i;return o+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=d(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=$(n),n=P(n),n=j(n);let o=S(n);for(let e of o.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=o.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=A(n)+`
-`,m(n)}return t}u.count=0;u.history=new Map;0&&(module.exports={addCss,breakPoints,classJoin,createClass,css,shorthandProps,shorthandPropsMap,t2s});
-//# sourceMappingURL=index.cjs.map

package/src/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["index.ts","core.ts"],"sourcesContent":["export * from './core.js'\nexport {createClass as css} from './core.js'\n","/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n if (!css.includes('[')) return css\n return css\n .split('\\n')\n .map(l => {\n // eslint-disable-next-line no-useless-escape\n const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n if (vals) {\n return vals\n .split(',')\n .map((val, i) => {\n val = val.trim()\n if (!val || val === 'null' || val === 'undefined') return ''\n if (i === 0) {\n return `${prop}: ${val};`\n }\n return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n })\n .join('\\n')\n }\n return l\n })\n .join('\\n')\n}\n\nexport interface ShorthandProps {\n /** shorthand for css:align-items */\n ai?: string\n /** shorthand for css:border */\n b?: string | number\n /** shorthand for css:border-radius */\n br?: string | number\n /** shorthand for css:background */\n bg?: string\n /** shorthand for css:color */\n c?: string\n /** shorthand for css:display */\n d?: string\n /** shorthand for css:flex */\n f?: string\n /** shorthand for css:flex-direction */\n fd?: string\n /** shorthand for css:height */\n h?: number | string\n /** shorthand for css:inset */\n i?: number | string\n /** shorthand for css:justify-content */\n jc?: string\n /** shorthand for css:margin */\n m?: number | string\n /** shorthand for css:margin-left */\n ml?: number | string\n /** shorthand for css:margin-right */\n mr?: number | string\n /** shorthand for css:margin-top */\n mt?: number | string\n /** shorthand for css:margin-bottom */\n mb?: number | string\n /** shorthand for css:margin-top & margin-bottom */\n my?: number | string\n /** shorthand for css:margin-left & margin-right */\n mx?: number | string\n /** shorthand for css:max-width */\n maxW?: number | string\n /** shorthand for css:min-width */\n minW?: number | string\n /** shorthand for css:padding */\n p?: number | string\n /** shorthand for css:padding-left */\n pl?: number | string\n /** shorthand for css:padding-right */\n pr?: number | string\n /** shorthand for css:padding-top */\n pt?: number | string\n /** shorthand for css:padding-bottom */\n pb?: number | string\n /** shorthand for css:padding-top & padding-bottom */\n py?: number | string\n /** shorthand for css:padding-left & padding-right */\n px?: number | string\n /** shorthand for css:position */\n pos?: number | string\n /** shorthand for css:text-align */\n ta?: string\n /** shorthand for css:width */\n w?: number | string\n /** shorthand for css:z-index */\n z?: number | string\n}\nexport const shorthandPropsMap: Record<\n keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n string\n> = {\n ai: 'align-items',\n b: 'border',\n br: 'border-radius',\n bg: 'background',\n c: 'color',\n d: 'display',\n f: 'flex',\n fd: 'flex-direction',\n i: 'inset',\n h: 'height',\n jc: 'justify-content',\n m: 'margin',\n ml: 'margin-left',\n mr: 'margin-right',\n mt: 'margin-top',\n mb: 'margin-bottom',\n maxW: 'max-width',\n minW: 'min-width',\n p: 'padding',\n pl: 'padding-left',\n pr: 'padding-right',\n pt: 'padding-top',\n pb: 'padding-bottom',\n pos: 'position',\n ta: 'text-align',\n w: 'width',\n z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n css = '\\n' + css // inject a newline to make the regex easier\n // Handle 'mx', 'my', 'px', 'py'\n css = css\n .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n })\n return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n const queries = []\n for (const m of css.matchAll(/[@&]/gm)) {\n let query = ''\n let bodyStart = 0\n let openCount = 0\n for (let i = m.index!; i < css.length; i++) {\n if (css[i] === '{') {\n if (openCount === 0) {\n query = css.slice(m.index, i).trim()\n bodyStart = i + 1\n }\n openCount++\n } else if (css[i] === '}') {\n openCount--\n if (openCount === 0) {\n queries.push({\n start: m.index,\n end: i + 1,\n query,\n outerBody: css.slice(m.index, i + 1),\n innerBody: css.slice(bodyStart, i),\n })\n break\n }\n }\n }\n if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n }\n return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n return css\n .split('\\n')\n .map(l => l.trim())\n .filter(l => l)\n .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n * const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n const [s, ...p] = tsp\n return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n strings: TemplateStringsArray | string,\n ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n addCss.que.add(css)\n setTimeout(() => {\n const css = [...addCss.que].join('\\n')\n if (css) {\n addCss.que.clear()\n const s = document.createElement('style')\n s.id = `u${addCss.count++}`\n s.innerHTML = css\n document.head.appendChild(s)\n }\n }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n let css = t2s(...p)\n if (!css) return ''\n let className = createClass.history.get(css)\n if (!className) {\n className = 's' + createClass.count++\n createClass.history.set(css, className)\n\n css = deleteComments(css)\n css = expandProps(css)\n css = expandArrayValues(css)\n const qs = findQueries(css)\n\n for (const q of qs.reverse()) {\n css = css.slice(0, q.start) + css.slice(q.end)\n }\n\n css = `.${className}{\\n${css}\\n}\\n`\n css += qs\n .map(q => {\n if (q.query.startsWith('&')) {\n return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n }\n if (q.query.startsWith('@keyframes')) {\n return q.outerBody\n }\n return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n })\n .join('\\n')\n\n css = trim(css) + '\\n\\n'\n\n addCss(css)\n }\n return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["src_exports","__export","addCss","breakPoints","classJoin","createClass","shorthandProps","shorthandPropsMap","t2s","__toCommonJS","breakPoints","classJoin","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","shorthandPropsMap","shorthandProps","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","t2s","tsp","s","p","addCss","createClass","className","qs","q"]}

package/src/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { ShorthandProps, TemplateStringProps, addCss, breakPoints, classJoin, createClass, createClass as css, shorthandProps, shorthandPropsMap, t2s } from './core.js';

package/src/index.js DELETED Viewed

@@ -1,23 +0,0 @@
-var g=["30em","48em","62em","80em","96em"];function y(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function a(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function d(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,s]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return s?s.split(",").map((i,o)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":o===0?`${t}: ${i};`:`@media (min-width: ${g[o-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var p={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},x=[...Object.keys(p),"mx","my","px","py"];function l(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(p).forEach(([n,t])=>{r=r.replace(new RegExp(`([
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function f(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let s="",e=0,i=0;for(let o=t.index;o<r.length;o++)if(r[o]==="{")i===0&&(s=r.slice(t.index,o).trim(),e=o+1),i++;else if(r[o]==="}"&&(i--,i===0)){n.push({start:t.index,end:o+1,query:s,outerBody:r.slice(t.index,o+1),innerBody:r.slice(e,o)});break}i!==0&&console.error(`${s} not closed: "${r}"`)}return n}function c(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function b(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((s,e)=>{var i;return s+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=b(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=a(n),n=l(n),n=d(n);let s=f(n);for(let e of s.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=s.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=c(n)+`
-`,m(n)}return t}u.count=0;u.history=new Map;export{m as addCss,g as breakPoints,y as classJoin,u as createClass,u as css,x as shorthandProps,p as shorthandPropsMap,b as t2s};
-//# sourceMappingURL=index.js.map

package/src/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["core.ts"],"sourcesContent":["/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n if (!css.includes('[')) return css\n return css\n .split('\\n')\n .map(l => {\n // eslint-disable-next-line no-useless-escape\n const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n if (vals) {\n return vals\n .split(',')\n .map((val, i) => {\n val = val.trim()\n if (!val || val === 'null' || val === 'undefined') return ''\n if (i === 0) {\n return `${prop}: ${val};`\n }\n return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n })\n .join('\\n')\n }\n return l\n })\n .join('\\n')\n}\n\nexport interface ShorthandProps {\n /** shorthand for css:align-items */\n ai?: string\n /** shorthand for css:border */\n b?: string | number\n /** shorthand for css:border-radius */\n br?: string | number\n /** shorthand for css:background */\n bg?: string\n /** shorthand for css:color */\n c?: string\n /** shorthand for css:display */\n d?: string\n /** shorthand for css:flex */\n f?: string\n /** shorthand for css:flex-direction */\n fd?: string\n /** shorthand for css:height */\n h?: number | string\n /** shorthand for css:inset */\n i?: number | string\n /** shorthand for css:justify-content */\n jc?: string\n /** shorthand for css:margin */\n m?: number | string\n /** shorthand for css:margin-left */\n ml?: number | string\n /** shorthand for css:margin-right */\n mr?: number | string\n /** shorthand for css:margin-top */\n mt?: number | string\n /** shorthand for css:margin-bottom */\n mb?: number | string\n /** shorthand for css:margin-top & margin-bottom */\n my?: number | string\n /** shorthand for css:margin-left & margin-right */\n mx?: number | string\n /** shorthand for css:max-width */\n maxW?: number | string\n /** shorthand for css:min-width */\n minW?: number | string\n /** shorthand for css:padding */\n p?: number | string\n /** shorthand for css:padding-left */\n pl?: number | string\n /** shorthand for css:padding-right */\n pr?: number | string\n /** shorthand for css:padding-top */\n pt?: number | string\n /** shorthand for css:padding-bottom */\n pb?: number | string\n /** shorthand for css:padding-top & padding-bottom */\n py?: number | string\n /** shorthand for css:padding-left & padding-right */\n px?: number | string\n /** shorthand for css:position */\n pos?: number | string\n /** shorthand for css:text-align */\n ta?: string\n /** shorthand for css:width */\n w?: number | string\n /** shorthand for css:z-index */\n z?: number | string\n}\nexport const shorthandPropsMap: Record<\n keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n string\n> = {\n ai: 'align-items',\n b: 'border',\n br: 'border-radius',\n bg: 'background',\n c: 'color',\n d: 'display',\n f: 'flex',\n fd: 'flex-direction',\n i: 'inset',\n h: 'height',\n jc: 'justify-content',\n m: 'margin',\n ml: 'margin-left',\n mr: 'margin-right',\n mt: 'margin-top',\n mb: 'margin-bottom',\n maxW: 'max-width',\n minW: 'min-width',\n p: 'padding',\n pl: 'padding-left',\n pr: 'padding-right',\n pt: 'padding-top',\n pb: 'padding-bottom',\n pos: 'position',\n ta: 'text-align',\n w: 'width',\n z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n css = '\\n' + css // inject a newline to make the regex easier\n // Handle 'mx', 'my', 'px', 'py'\n css = css\n .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n })\n return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n const queries = []\n for (const m of css.matchAll(/[@&]/gm)) {\n let query = ''\n let bodyStart = 0\n let openCount = 0\n for (let i = m.index!; i < css.length; i++) {\n if (css[i] === '{') {\n if (openCount === 0) {\n query = css.slice(m.index, i).trim()\n bodyStart = i + 1\n }\n openCount++\n } else if (css[i] === '}') {\n openCount--\n if (openCount === 0) {\n queries.push({\n start: m.index,\n end: i + 1,\n query,\n outerBody: css.slice(m.index, i + 1),\n innerBody: css.slice(bodyStart, i),\n })\n break\n }\n }\n }\n if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n }\n return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n return css\n .split('\\n')\n .map(l => l.trim())\n .filter(l => l)\n .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n * const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n const [s, ...p] = tsp\n return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n strings: TemplateStringsArray | string,\n ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n addCss.que.add(css)\n setTimeout(() => {\n const css = [...addCss.que].join('\\n')\n if (css) {\n addCss.que.clear()\n const s = document.createElement('style')\n s.id = `u${addCss.count++}`\n s.innerHTML = css\n document.head.appendChild(s)\n }\n }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n let css = t2s(...p)\n if (!css) return ''\n let className = createClass.history.get(css)\n if (!className) {\n className = 's' + createClass.count++\n createClass.history.set(css, className)\n\n css = deleteComments(css)\n css = expandProps(css)\n css = expandArrayValues(css)\n const qs = findQueries(css)\n\n for (const q of qs.reverse()) {\n css = css.slice(0, q.start) + css.slice(q.end)\n }\n\n css = `.${className}{\\n${css}\\n}\\n`\n css += qs\n .map(q => {\n if (q.query.startsWith('&')) {\n return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n }\n if (q.query.startsWith('@keyframes')) {\n return q.outerBody\n }\n return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n })\n .join('\\n')\n\n css = trim(css) + '\\n\\n'\n\n addCss(css)\n }\n return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["breakPoints","classJoin","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","shorthandPropsMap","shorthandProps","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","t2s","tsp","s","p","addCss","createClass","className","qs","q"]}