@acusti/styling 2.0.0 → 2.1.0

package/dist/Style.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type Props = {
     children: string;
     href?: string;
     precedence?: string;
 };
-declare const Style: ({ children, href: _href, precedence }: Props) => React.JSX.Element;
+declare const Style: ({ children, href: _href, precedence }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Style;

package/dist/index.js

@@ -148,7 +148,7 @@ function useStyles(styles, initialHref) {
   return stylesItem;
 }
 function sanitizeHref(text) {
-  return text.replace(/-/g, "");
+  return text.replace(/[- ]/g, "");
 }
 const Style = (t0) => {
   const $ = c(4);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/minifyStyles.ts","../src/useStyles.ts","../src/Style.tsx","../src/index.ts"],"sourcesContent":["/**\n * Adapted from:\n * https://github.com/jbleuzen/node-cssmin/blob/master/cssmin.js\n * node-cssmin\n * A simple module for Node.js that minify CSS\n * Author : Johan Bleuzen\n */\n\n/**\n * cssmin.js\n * Author: Stoyan Stefanov - http://phpied.com/\n * This is a JavaScript port of the CSS minification tool\n * distributed with YUICompressor, itself a port\n * of the cssmin utility by Isaac Schlueter - http://foohack.com/\n * Permission is hereby granted to use the JavaScript version under the same\n * conditions as the YUICompressor (original YUICompressor note below).\n */\n\n/*\n * YUI Compressor\n * http://developer.yahoo.com/yui/compressor/\n * Author: Julien Lecomte - http://www.julienlecomte.net/\n * Copyright (c) 2011 Yahoo! Inc. All rights reserved.\n * The copyrights embodied in the content of this file are licensed\n * by Yahoo! Inc. under the BSD (revised) open source license.\n */\n\nexport function minifyStyles(css: string) {\n    const preservedTokens: Array<string> = [];\n    const comments: Array<string> = [];\n    const totalLength = css.length;\n    let endIndex = 0,\n        placeholder = '',\n        startIndex = 0,\n        token = '';\n\n    // collect all comment blocks...\n    while ((startIndex = css.indexOf('/*', startIndex)) >= 0) {\n        endIndex = css.indexOf('*/', startIndex + 2);\n        if (endIndex < 0) {\n            endIndex = totalLength;\n        }\n        token = css.slice(startIndex + 2, endIndex);\n        comments.push(token);\n        css =\n            css.slice(0, startIndex + 2) +\n            '___PRESERVE_CANDIDATE_COMMENT_' +\n            (comments.length - 1) +\n            '___' +\n            css.slice(endIndex);\n        startIndex += 2;\n    }\n\n    // preserve strings so their content doesn't get accidentally minified\n    css = css.replace(/(\"([^\\\\\"]|\\\\.|\\\\)*\")|('([^\\\\']|\\\\.|\\\\)*')/g, function (match) {\n        const quote = match.substring(0, 1);\n\n        match = match.slice(1, -1);\n\n        // maybe the string contains a comment-like substring?\n        // one, maybe more? put'em back then\n        if (match.indexOf('___PRESERVE_CANDIDATE_COMMENT_') >= 0) {\n            for (let i = 0, max = comments.length; i < max; i++) {\n                match = match.replace(\n                    '___PRESERVE_CANDIDATE_COMMENT_' + i + '___',\n                    comments[i],\n                );\n            }\n        }\n\n        preservedTokens.push(match);\n        return (\n            quote + '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___' + quote\n        );\n    });\n\n    // strings are safe, now wrestle the comments\n    for (let i = 0, max = comments.length; i < max; i = i + 1) {\n        token = comments[i];\n        placeholder = '___PRESERVE_CANDIDATE_COMMENT_' + i + '___';\n\n        // ! in the first position of the comment means preserve\n        // so push to the preserved tokens keeping the !\n        if (token.charAt(0) === '!') {\n            preservedTokens.push(token);\n            css = css.replace(\n                placeholder,\n                '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___',\n            );\n            continue;\n        }\n\n        // otherwise, kill the comment\n        css = css.replace('/*' + placeholder + '*/', '');\n    }\n\n    // Normalize all whitespace strings to single spaces. Easier to work with that way.\n    css = css.replace(/\\s+/g, ' ');\n\n    // Remove the spaces before the things that should not have spaces before them.\n    // But, be careful not to turn \"p :link {...}\" into \"p:link{...}\"\n    // Swap out any pseudo-class colons with the token, and then swap back.\n    css = css.replace(/(^|\\})(([^{:])+:)+([^{]*\\{)/g, function (m) {\n        return m.replace(/:/g, '___PSEUDOCLASSCOLON___');\n    });\n\n    // Preserve spaces in calc expressions\n    css = css.replace(/calc\\s*\\(\\s*(.*?)\\s*\\)/g, function (m, c: string) {\n        return m.replace(c, c.replace(/\\s+/g, '___SPACE_IN_CALC___'));\n    });\n\n    css = css.replace(/\\s+([!{};:>+()\\],])/g, '$1');\n    css = css.replace(/___PSEUDOCLASSCOLON___/g, ':');\n\n    // no space after the end of a preserved comment\n    css = css.replace(/\\*\\/ /g, '*/');\n\n    // If there is a @charset, then only allow one, and push to the top of the file.\n    css = css.replace(/^(.*)(@charset \"[^\"]*\";)/gi, '$2$1');\n    css = css.replace(/^(\\s*@charset [^;]+;\\s*)+/gi, '$1');\n\n    // Put the space back in some cases, to support stuff like\n    // @media screen and (-webkit-min-device-pixel-ratio:0){\n    css = css.replace(/\\band\\(/gi, 'and (');\n\n    // Remove the spaces after the things that should not have spaces after them.\n    css = css.replace(/([!{}:;>+([,])\\s+/g, '$1');\n\n    // Restore preserved spaces in calc expressions\n    css = css.replace(/___SPACE_IN_CALC___/g, ' ');\n\n    // remove unnecessary semicolons\n    css = css.replace(/;+\\}/g, '}');\n\n    // Replace 0(px,em,%) with 0.\n    css = css.replace(/([\\s:])(0)(px|em|%|in|cm|mm|pc|pt|ex)/gi, '$1$2');\n\n    // Replace 0 0 0 0; with 0.\n    css = css.replace(/:0 0 0 0(;|\\})/g, ':0$1');\n    css = css.replace(/:0 0 0(;|\\})/g, ':0$1');\n    css = css.replace(/:0 0(;|\\})/g, ':0$1');\n\n    // Replace background-position:0; with background-position:0 0;\n    // same for transform-origin\n    css = css.replace(\n        /(background-position|transform-origin):0(;|\\})/gi,\n        function (_all, prop: string, tail: string) {\n            return prop.toLowerCase() + ':0 0' + tail;\n        },\n    );\n\n    // Replace 0.6 to .6, but only when preceded by : or a white-space\n    css = css.replace(/(:|\\s)0+\\.(\\d+)/g, '$1.$2');\n\n    // border: none -> border:0\n    css = css.replace(\n        /(border|border-top|border-right|border-bottom|border-right|outline|background):none(;|\\})/gi,\n        function (_all, prop: string, tail: string) {\n            return prop.toLowerCase() + ':0' + tail;\n        },\n    );\n\n    // Remove empty rules.\n    css = css.replace(/[^};{/]+\\{\\}/g, '');\n\n    // Replace multiple semi-colons in a row by a single one\n    // See SF bug #1980989\n    css = css.replace(/;;+/g, ';');\n\n    // restore preserved comments and strings\n    for (let i = 0, max = preservedTokens.length; i < max; i = i + 1) {\n        css = css.replace('___PRESERVED_TOKEN_' + i + '___', preservedTokens[i]);\n    }\n\n    return css.trim();\n}\n","import { useEffect, useState } from 'react';\n\nimport { minifyStyles } from './minifyStyles.js';\n\ntype StyleCache = Map<string, { href: string; referenceCount: number; styles: string }>;\n\nconst styleCache: StyleCache = new Map();\n\nconst EMPTY_STYLES_ITEM = { href: '', referenceCount: 0, styles: '' };\n\nexport function useStyles(styles: string, initialHref?: string) {\n    const [stylesItem, setStylesItem] = useState(() => {\n        if (!styles) return EMPTY_STYLES_ITEM;\n\n        const key = initialHref ?? styles;\n        let item = styleCache.get(key);\n\n        if (item) {\n            item.referenceCount++;\n        } else {\n            const minified = minifyStyles(styles);\n            item = {\n                href: sanitizeHref(initialHref ?? minified),\n                referenceCount: 1,\n                styles: minified,\n            };\n            styleCache.set(key, item);\n        }\n\n        return item;\n    });\n\n    useEffect(() => {\n        if (!styles) return;\n\n        const key = initialHref ?? styles;\n\n        if (!styleCache.get(key)) {\n            const minified = minifyStyles(styles);\n            const item = {\n                href: sanitizeHref(initialHref ?? minified),\n                referenceCount: 1,\n                styles: minified,\n            };\n            styleCache.set(key, item);\n            setStylesItem(item);\n        }\n\n        return () => {\n            const existingItem = styleCache.get(styles);\n            if (existingItem) {\n                existingItem.referenceCount--;\n                if (!existingItem.referenceCount) {\n                    // TODO try scheduling this via setTimeout\n                    // and add another referenceCount check\n                    // to deal with instance where existing <Style>\n                    // component is moved in the tree or re-keyed\n                    styleCache.delete(styles);\n                }\n            }\n        };\n    }, [initialHref, styles]);\n\n    return stylesItem;\n}\n\nexport default useStyles;\n\n// Dashes in selectors in href prop create happy-dom / jsdom test errors:\n// Invalid regular expression (“Range out of order in character class”)\nfunction sanitizeHref(text: string) {\n    return text.replace(/-/g, '');\n}\n\n// The following export is for test usage only\nexport const getStyleCache = () => styleCache;\n","import React from 'react';\n\nimport { useStyles } from './useStyles.js';\n\ntype Props = {\n    children: string;\n    href?: string;\n    precedence?: string;\n};\n\nconst Style = ({ children, href: _href, precedence = 'medium' }: Props) => {\n    // Minify CSS styles to prevent unnecessary cache misses\n    const { href, styles } = useStyles(children, _href);\n\n    return (\n        <style href={href} precedence={precedence}>\n            {styles}\n        </style>\n    );\n};\n\nexport default Style;\n","export { minifyStyles } from './minifyStyles.js';\nexport { default as Style } from './Style.js';\n\nexport const SYSTEM_UI_FONT =\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif';\n"],"names":["minifyStyles","css","preservedTokens","comments","totalLength","length","endIndex","placeholder","startIndex","token","indexOf","slice","push","replace","match","quote","substring","i","max","charAt","m","c","_all","prop","tail","toLowerCase","trim","styleCache","Map","EMPTY_STYLES_ITEM","href","referenceCount","styles","useStyles","initialHref","$","_c","t0","key","item","get","minified","set","stylesItem","setStylesItem","useState","t1","t2","key_0","minified_0","item_0","sanitizeHref","existingItem","delete","useEffect","text","Style","children","_href","precedence","undefined","SYSTEM_UI_FONT"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/minifyStyles.ts","../src/useStyles.ts","../src/Style.tsx","../src/index.ts"],"sourcesContent":["/**\n * Adapted from:\n * https://github.com/jbleuzen/node-cssmin/blob/master/cssmin.js\n * node-cssmin\n * A simple module for Node.js that minify CSS\n * Author : Johan Bleuzen\n */\n\n/**\n * cssmin.js\n * Author: Stoyan Stefanov - http://phpied.com/\n * This is a JavaScript port of the CSS minification tool\n * distributed with YUICompressor, itself a port\n * of the cssmin utility by Isaac Schlueter - http://foohack.com/\n * Permission is hereby granted to use the JavaScript version under the same\n * conditions as the YUICompressor (original YUICompressor note below).\n */\n\n/*\n * YUI Compressor\n * http://developer.yahoo.com/yui/compressor/\n * Author: Julien Lecomte - http://www.julienlecomte.net/\n * Copyright (c) 2011 Yahoo! Inc. All rights reserved.\n * The copyrights embodied in the content of this file are licensed\n * by Yahoo! Inc. under the BSD (revised) open source license.\n */\n\nexport function minifyStyles(css: string) {\n    const preservedTokens: Array<string> = [];\n    const comments: Array<string> = [];\n    const totalLength = css.length;\n    let endIndex = 0,\n        placeholder = '',\n        startIndex = 0,\n        token = '';\n\n    // collect all comment blocks...\n    while ((startIndex = css.indexOf('/*', startIndex)) >= 0) {\n        endIndex = css.indexOf('*/', startIndex + 2);\n        if (endIndex < 0) {\n            endIndex = totalLength;\n        }\n        token = css.slice(startIndex + 2, endIndex);\n        comments.push(token);\n        css =\n            css.slice(0, startIndex + 2) +\n            '___PRESERVE_CANDIDATE_COMMENT_' +\n            (comments.length - 1) +\n            '___' +\n            css.slice(endIndex);\n        startIndex += 2;\n    }\n\n    // preserve strings so their content doesn't get accidentally minified\n    css = css.replace(/(\"([^\\\\\"]|\\\\.|\\\\)*\")|('([^\\\\']|\\\\.|\\\\)*')/g, function (match) {\n        const quote = match.substring(0, 1);\n\n        match = match.slice(1, -1);\n\n        // maybe the string contains a comment-like substring?\n        // one, maybe more? put'em back then\n        if (match.indexOf('___PRESERVE_CANDIDATE_COMMENT_') >= 0) {\n            for (let i = 0, max = comments.length; i < max; i++) {\n                match = match.replace(\n                    '___PRESERVE_CANDIDATE_COMMENT_' + i + '___',\n                    comments[i],\n                );\n            }\n        }\n\n        preservedTokens.push(match);\n        return (\n            quote + '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___' + quote\n        );\n    });\n\n    // strings are safe, now wrestle the comments\n    for (let i = 0, max = comments.length; i < max; i = i + 1) {\n        token = comments[i];\n        placeholder = '___PRESERVE_CANDIDATE_COMMENT_' + i + '___';\n\n        // ! in the first position of the comment means preserve\n        // so push to the preserved tokens keeping the !\n        if (token.charAt(0) === '!') {\n            preservedTokens.push(token);\n            css = css.replace(\n                placeholder,\n                '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___',\n            );\n            continue;\n        }\n\n        // otherwise, kill the comment\n        css = css.replace('/*' + placeholder + '*/', '');\n    }\n\n    // Normalize all whitespace strings to single spaces. Easier to work with that way.\n    css = css.replace(/\\s+/g, ' ');\n\n    // Remove the spaces before the things that should not have spaces before them.\n    // But, be careful not to turn \"p :link {...}\" into \"p:link{...}\"\n    // Swap out any pseudo-class colons with the token, and then swap back.\n    css = css.replace(/(^|\\})(([^{:])+:)+([^{]*\\{)/g, function (m) {\n        return m.replace(/:/g, '___PSEUDOCLASSCOLON___');\n    });\n\n    // Preserve spaces in calc expressions\n    css = css.replace(/calc\\s*\\(\\s*(.*?)\\s*\\)/g, function (m, c: string) {\n        return m.replace(c, c.replace(/\\s+/g, '___SPACE_IN_CALC___'));\n    });\n\n    css = css.replace(/\\s+([!{};:>+()\\],])/g, '$1');\n    css = css.replace(/___PSEUDOCLASSCOLON___/g, ':');\n\n    // no space after the end of a preserved comment\n    css = css.replace(/\\*\\/ /g, '*/');\n\n    // If there is a @charset, then only allow one, and push to the top of the file.\n    css = css.replace(/^(.*)(@charset \"[^\"]*\";)/gi, '$2$1');\n    css = css.replace(/^(\\s*@charset [^;]+;\\s*)+/gi, '$1');\n\n    // Put the space back in some cases, to support stuff like\n    // @media screen and (-webkit-min-device-pixel-ratio:0){\n    css = css.replace(/\\band\\(/gi, 'and (');\n\n    // Remove the spaces after the things that should not have spaces after them.\n    css = css.replace(/([!{}:;>+([,])\\s+/g, '$1');\n\n    // Restore preserved spaces in calc expressions\n    css = css.replace(/___SPACE_IN_CALC___/g, ' ');\n\n    // remove unnecessary semicolons\n    css = css.replace(/;+\\}/g, '}');\n\n    // Replace 0(px,em,%) with 0.\n    css = css.replace(/([\\s:])(0)(px|em|%|in|cm|mm|pc|pt|ex)/gi, '$1$2');\n\n    // Replace 0 0 0 0; with 0.\n    css = css.replace(/:0 0 0 0(;|\\})/g, ':0$1');\n    css = css.replace(/:0 0 0(;|\\})/g, ':0$1');\n    css = css.replace(/:0 0(;|\\})/g, ':0$1');\n\n    // Replace background-position:0; with background-position:0 0;\n    // same for transform-origin\n    css = css.replace(\n        /(background-position|transform-origin):0(;|\\})/gi,\n        function (_all, prop: string, tail: string) {\n            return prop.toLowerCase() + ':0 0' + tail;\n        },\n    );\n\n    // Replace 0.6 to .6, but only when preceded by : or a white-space\n    css = css.replace(/(:|\\s)0+\\.(\\d+)/g, '$1.$2');\n\n    // border: none -> border:0\n    css = css.replace(\n        /(border|border-top|border-right|border-bottom|border-right|outline|background):none(;|\\})/gi,\n        function (_all, prop: string, tail: string) {\n            return prop.toLowerCase() + ':0' + tail;\n        },\n    );\n\n    // Remove empty rules.\n    css = css.replace(/[^};{/]+\\{\\}/g, '');\n\n    // Replace multiple semi-colons in a row by a single one\n    // See SF bug #1980989\n    css = css.replace(/;;+/g, ';');\n\n    // restore preserved comments and strings\n    for (let i = 0, max = preservedTokens.length; i < max; i = i + 1) {\n        css = css.replace('___PRESERVED_TOKEN_' + i + '___', preservedTokens[i]);\n    }\n\n    return css.trim();\n}\n","import { useEffect, useState } from 'react';\n\nimport { minifyStyles } from './minifyStyles.js';\n\ntype StyleCache = Map<string, { href: string; referenceCount: number; styles: string }>;\n\nconst styleCache: StyleCache = new Map();\n\nconst EMPTY_STYLES_ITEM = { href: '', referenceCount: 0, styles: '' };\n\nexport function useStyles(styles: string, initialHref?: string) {\n    const [stylesItem, setStylesItem] = useState(() => {\n        if (!styles) return EMPTY_STYLES_ITEM;\n\n        const key = initialHref ?? styles;\n        let item = styleCache.get(key);\n\n        if (item) {\n            item.referenceCount++;\n        } else {\n            const minified = minifyStyles(styles);\n            item = {\n                href: sanitizeHref(initialHref ?? minified),\n                referenceCount: 1,\n                styles: minified,\n            };\n            styleCache.set(key, item);\n        }\n\n        return item;\n    });\n\n    useEffect(() => {\n        if (!styles) return;\n\n        const key = initialHref ?? styles;\n\n        if (!styleCache.get(key)) {\n            const minified = minifyStyles(styles);\n            const item = {\n                href: sanitizeHref(initialHref ?? minified),\n                referenceCount: 1,\n                styles: minified,\n            };\n            styleCache.set(key, item);\n            setStylesItem(item);\n        }\n\n        return () => {\n            const existingItem = styleCache.get(styles);\n            if (existingItem) {\n                existingItem.referenceCount--;\n                if (!existingItem.referenceCount) {\n                    // TODO try scheduling this via setTimeout\n                    // and add another referenceCount check\n                    // to deal with instance where existing <Style>\n                    // component is moved in the tree or re-keyed\n                    styleCache.delete(styles);\n                }\n            }\n        };\n    }, [initialHref, styles]);\n\n    return stylesItem;\n}\n\nexport default useStyles;\n\n// Dashes in selectors in href prop create happy-dom / jsdom test errors:\n// Invalid regular expression (“Range out of order in character class”)\n// Spaces create react errors: React expected the `href` prop for a <style> tag\n// opting into hoisting semantics using the `precedence` prop to not have any\n// spaces but ecountered spaces instead. using spaces in this prop will cause\n// hydration of this style to fail on the client.\nfunction sanitizeHref(text: string) {\n    return text.replace(/[- ]/g, '');\n}\n\n// The following export is for test usage only\nexport const getStyleCache = () => styleCache;\n","import { useStyles } from './useStyles.js';\n\ntype Props = {\n    children: string;\n    href?: string;\n    precedence?: string;\n};\n\nconst Style = ({ children, href: _href, precedence = 'medium' }: Props) => {\n    // Minify CSS styles to prevent unnecessary cache misses\n    const { href, styles } = useStyles(children, _href);\n\n    return (\n        <style href={href} precedence={precedence}>\n            {styles}\n        </style>\n    );\n};\n\nexport default Style;\n","export { minifyStyles } from './minifyStyles.js';\nexport { default as Style } from './Style.js';\n\nexport const SYSTEM_UI_FONT =\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif';\n"],"names":["minifyStyles","css","preservedTokens","comments","totalLength","length","endIndex","placeholder","startIndex","token","indexOf","slice","push","replace","match","quote","substring","i","max","charAt","m","c","_all","prop","tail","toLowerCase","trim","styleCache","Map","EMPTY_STYLES_ITEM","href","referenceCount","styles","useStyles","initialHref","$","_c","t0","key","item","get","minified","set","stylesItem","setStylesItem","useState","t1","t2","key_0","minified_0","item_0","sanitizeHref","existingItem","delete","useEffect","text","Style","children","_href","precedence","undefined","SYSTEM_UI_FONT"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/styling",
-    "version": "2.0.0",
+    "version": "2.1.0",
     "type": "module",
     "sideEffects": false,
     "exports": "./dist/index.js",
@@ -42,7 +42,7 @@
         "@types/react": "^19.1.6",
         "@vitejs/plugin-react": "^4.5.0",
         "babel-plugin-react-compiler": "rc",
-        "happy-dom": "^17.4.7",
+        "happy-dom": "^17.5.6",
         "react": "^19",
         "react-dom": "^19",
         "typescript": "5.8.3",