@acusti/styling 0.7.1 → 1.0.0-rc.0

package/dist/Style.d.ts

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

package/dist/Style.js

@@ -1,45 +1,16 @@
-import * as React from 'react';
-import { getRegisteredStyles, registerStyles, unregisterStyles, updateStyles, } from './style-registry.js';
-const { useCallback, useEffect, useMemo, useRef, useState } = React;
-const Style = ({ children }) => {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { useStyles } from './useStyles.js';
+const Style = ({ children, href: _href, precedence = 'medium' }) => {
     // Minify CSS styles by replacing consecutive whitespace (including \n) with ' '
-    const styles = useMemo(() => children.replace(/\s+/gm, ' '), [children]);
-    const [ownerDocument, setOwnerDocument] = useState(null);
-    const isMountedRef = useRef(false);
-    useEffect(() => {
-        isMountedRef.current = true;
-        unregisterStyles({ ownerDocument: 'global', styles });
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    useEffect(() => () => {
-        if (!ownerDocument)
-            return;
-        unregisterStyles({ ownerDocument, styles });
-    }, [ownerDocument]);
-    const previousStylesRef = useRef('');
-    useEffect(() => {
-        if (!ownerDocument)
-            return;
-        updateStyles({
-            ownerDocument,
-            previousStyles: previousStylesRef.current,
-            styles,
-        });
-        previousStylesRef.current = styles;
-    }, [ownerDocument, styles]);
-    const handleRef = useCallback((element) => {
-        if (!element)
-            return;
-        setOwnerDocument(element.ownerDocument);
-    }, []);
-    if (ownerDocument)
-        return null;
-    // Avoid duplicate style rendering during SSR via style registry
-    if (!isMountedRef.current) {
-        if (getRegisteredStyles({ ownerDocument: 'global', styles }))
-            return null;
-        registerStyles({ ownerDocument: 'global', styles });
-    }
-    return React.createElement("style", { dangerouslySetInnerHTML: { __html: styles }, ref: handleRef });
+    const { href, styles } = useStyles(children, _href);
+    // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/canary.d.ts
+    // https://react.dev/reference/react-dom/components/style#props
+    return (
+        // @ts-expect-error @types/react is missing new <style> props
+        // eslint-disable-next-line react/no-unknown-property
+        React.createElement('style', { href: href, precedence: precedence }, styles)
+    );
 };
 export default Style;
-//# sourceMappingURL=Style.js.map
+//# sourceMappingURL=Style.js.map

package/dist/Style.js.flow

@@ -5,9 +5,11 @@
  * @flow
  */
 
-import * as React from "react";
+import React from "react";
 declare type Props = {|
   children: string,
+  href?: string,
+  precedence?: string,
 |};
-declare var Style: (x: Props) => React.JSX.Element | null;
+declare var Style: (x: Props) => React.Node;
 declare export default typeof Style;

package/dist/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","sourceRoot":"","sources":["../src/Style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,YAAY,GACf,MAAM,qBAAqB,CAAC;AAE7B,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAMpE,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClC,gFAAgF;IAChF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,gBAAgB,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,SAAS,CACL,GAAG,EAAE,CAAC,GAAG,EAAE;QACP,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,gBAAgB,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;IAChD,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,iBAAiB,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,YAAY,CAAC;YACT,aAAa;YACb,cAAc,EAAE,iBAAiB,CAAC,OAAO;YACzC,MAAM;SACT,CAAC,CAAC;QAEH,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QAC1D,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,aAAa;QAAE,OAAO,IAAI,CAAC;IAE/B,gEAAgE;IAChE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QACxB,IAAI,mBAAmB,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;YAAE,OAAO,IAAI,CAAC;QAC1E,cAAc,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,OAAO,+BAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AAClF,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Style.js","sourceRoot":"","sources":["../src/Style.tsx"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,GAAG,QAAQ,EAAS,EAAE,EAAE;IACtE,gFAAgF;IAChF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACpD,yFAAyF;IACzF,+DAA+D;IAC/D,OAAO;IACH,6DAA6D;IAC7D,qDAAqD;IACrD,+BAAO,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,IACpC,MAAM,CACH,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Style } from './Style.js';
-export declare const SYSTEM_UI_FONT = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif";
+export declare const SYSTEM_UI_FONT =
+    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';

package/dist/index.js

@@ -1,3 +1,5 @@
+/// <reference types="react/canary" />
 export { default as Style } from './Style.js';
-export const SYSTEM_UI_FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
-//# sourceMappingURL=index.js.map
+export const SYSTEM_UI_FONT =
+    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GACvB,qHAAqH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GACvB,qHAAqH,CAAC"}

package/dist/minifyStyles.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Adapted from:
+ * https://github.com/jbleuzen/node-cssmin/blob/master/cssmin.js
+ * node-cssmin
+ * A simple module for Node.js that minify CSS
+ * Author : Johan Bleuzen
+ */
+/**
+ * cssmin.js
+ * Author: Stoyan Stefanov - http://phpied.com/
+ * This is a JavaScript port of the CSS minification tool
+ * distributed with YUICompressor, itself a port
+ * of the cssmin utility by Isaac Schlueter - http://foohack.com/
+ * Permission is hereby granted to use the JavaScript version under the same
+ * conditions as the YUICompressor (original YUICompressor note below).
+ */
+export declare function minifyStyles(css: string): string;
+export default minifyStyles;

package/dist/minifyStyles.js

@@ -0,0 +1,151 @@
+/**
+ * Adapted from:
+ * https://github.com/jbleuzen/node-cssmin/blob/master/cssmin.js
+ * node-cssmin
+ * A simple module for Node.js that minify CSS
+ * Author : Johan Bleuzen
+ */
+/**
+ * cssmin.js
+ * Author: Stoyan Stefanov - http://phpied.com/
+ * This is a JavaScript port of the CSS minification tool
+ * distributed with YUICompressor, itself a port
+ * of the cssmin utility by Isaac Schlueter - http://foohack.com/
+ * Permission is hereby granted to use the JavaScript version under the same
+ * conditions as the YUICompressor (original YUICompressor note below).
+ */
+/*
+ * YUI Compressor
+ * http://developer.yahoo.com/yui/compressor/
+ * Author: Julien Lecomte - http://www.julienlecomte.net/
+ * Copyright (c) 2011 Yahoo! Inc. All rights reserved.
+ * The copyrights embodied in the content of this file are licensed
+ * by Yahoo! Inc. under the BSD (revised) open source license.
+ */
+export function minifyStyles(css) {
+    const preservedTokens = [];
+    const comments = [];
+    const totalLength = css.length;
+    let startIndex = 0,
+        endIndex = 0,
+        i = 0,
+        max = 0,
+        token = '',
+        placeholder = '';
+    // collect all comment blocks...
+    while ((startIndex = css.indexOf('/*', startIndex)) >= 0) {
+        endIndex = css.indexOf('*/', startIndex + 2);
+        if (endIndex < 0) {
+            endIndex = totalLength;
+        }
+        token = css.slice(startIndex + 2, endIndex);
+        comments.push(token);
+        css =
+            css.slice(0, startIndex + 2) +
+            '___PRESERVE_CANDIDATE_COMMENT_' +
+            (comments.length - 1) +
+            '___' +
+            css.slice(endIndex);
+        startIndex += 2;
+    }
+    // preserve strings so their content doesn't get accidentally minified
+    css = css.replace(/("([^\\"]|\\.|\\)*")|('([^\\']|\\.|\\)*')/g, function (match) {
+        const quote = match.substring(0, 1);
+        let i, max;
+        match = match.slice(1, -1);
+        // maybe the string contains a comment-like substring?
+        // one, maybe more? put'em back then
+        if (match.indexOf('___PRESERVE_CANDIDATE_COMMENT_') >= 0) {
+            for (i = 0, max = comments.length; i < max; i = i + 1) {
+                match = match.replace(
+                    '___PRESERVE_CANDIDATE_COMMENT_' + i + '___',
+                    comments[i],
+                );
+            }
+        }
+        preservedTokens.push(match);
+        return (
+            quote + '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___' + quote
+        );
+    });
+    // strings are safe, now wrestle the comments
+    for (i = 0, max = comments.length; i < max; i = i + 1) {
+        token = comments[i];
+        placeholder = '___PRESERVE_CANDIDATE_COMMENT_' + i + '___';
+        // ! in the first position of the comment means preserve
+        // so push to the preserved tokens keeping the !
+        if (token.charAt(0) === '!') {
+            preservedTokens.push(token);
+            css = css.replace(
+                placeholder,
+                '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___',
+            );
+            continue;
+        }
+        // otherwise, kill the comment
+        css = css.replace('/*' + placeholder + '*/', '');
+    }
+    // Normalize all whitespace strings to single spaces. Easier to work with that way.
+    css = css.replace(/\s+/g, ' ');
+    // Remove the spaces before the things that should not have spaces before them.
+    // But, be careful not to turn "p :link {...}" into "p:link{...}"
+    // Swap out any pseudo-class colons with the token, and then swap back.
+    css = css.replace(/(^|\})(([^{:])+:)+([^{]*\{)/g, function (m) {
+        return m.replace(/:/g, '___PSEUDOCLASSCOLON___');
+    });
+    // Preserve spaces in calc expressions
+    css = css.replace(/calc\s*\(\s*(.*?)\s*\)/g, function (m, c) {
+        return m.replace(c, c.replace(/\s+/g, '___SPACE_IN_CALC___'));
+    });
+    css = css.replace(/\s+([!{};:>+()\],])/g, '$1');
+    css = css.replace(/___PSEUDOCLASSCOLON___/g, ':');
+    // no space after the end of a preserved comment
+    css = css.replace(/\*\/ /g, '*/');
+    // If there is a @charset, then only allow one, and push to the top of the file.
+    css = css.replace(/^(.*)(@charset "[^"]*";)/gi, '$2$1');
+    css = css.replace(/^(\s*@charset [^;]+;\s*)+/gi, '$1');
+    // Put the space back in some cases, to support stuff like
+    // @media screen and (-webkit-min-device-pixel-ratio:0){
+    css = css.replace(/\band\(/gi, 'and (');
+    // Remove the spaces after the things that should not have spaces after them.
+    css = css.replace(/([!{}:;>+([,])\s+/g, '$1');
+    // Restore preserved spaces in calc expressions
+    css = css.replace(/___SPACE_IN_CALC___/g, ' ');
+    // remove unnecessary semicolons
+    css = css.replace(/;+\}/g, '}');
+    // Replace 0(px,em,%) with 0.
+    css = css.replace(/([\s:])(0)(px|em|%|in|cm|mm|pc|pt|ex)/gi, '$1$2');
+    // Replace 0 0 0 0; with 0.
+    css = css.replace(/:0 0 0 0(;|\})/g, ':0$1');
+    css = css.replace(/:0 0 0(;|\})/g, ':0$1');
+    css = css.replace(/:0 0(;|\})/g, ':0$1');
+    // Replace background-position:0; with background-position:0 0;
+    // same for transform-origin
+    css = css.replace(
+        /(background-position|transform-origin):0(;|\})/gi,
+        function (_all, prop, tail) {
+            return prop.toLowerCase() + ':0 0' + tail;
+        },
+    );
+    // Replace 0.6 to .6, but only when preceded by : or a white-space
+    css = css.replace(/(:|\s)0+\.(\d+)/g, '$1.$2');
+    // border: none -> border:0
+    css = css.replace(
+        /(border|border-top|border-right|border-bottom|border-right|outline|background):none(;|\})/gi,
+        function (_all, prop, tail) {
+            return prop.toLowerCase() + ':0' + tail;
+        },
+    );
+    // Remove empty rules.
+    css = css.replace(/[^};{/]+\{\}/g, '');
+    // Replace multiple semi-colons in a row by a single one
+    // See SF bug #1980989
+    css = css.replace(/;;+/g, ';');
+    // restore preserved comments and strings
+    for (i = 0, max = preservedTokens.length; i < max; i = i + 1) {
+        css = css.replace('___PRESERVED_TOKEN_' + i + '___', preservedTokens[i]);
+    }
+    return css.trim();
+}
+export default minifyStyles;
+//# sourceMappingURL=minifyStyles.js.map

package/dist/minifyStyles.js.flow

@@ -0,0 +1,25 @@
+/**
+ * Flowtype definitions for minifyStyles
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.20.1
+ * @flow
+ */
+
+/**
+ * Adapted from:
+ * https://github.com/jbleuzen/node-cssmin/blob/master/cssmin.js
+ * node-cssmin
+ * A simple module for Node.js that minify CSS
+ * Author : Johan Bleuzen
+ */
+/**
+ * cssmin.js
+ * Author: Stoyan Stefanov - http://phpied.com/
+ * This is a JavaScript port of the CSS minification tool
+ * distributed with YUICompressor, itself a port
+ * of the cssmin utility by Isaac Schlueter - http://foohack.com/
+ * Permission is hereby granted to use the JavaScript version under the same
+ * conditions as the YUICompressor (original YUICompressor note below).
+ */
+declare export function minifyStyles(css: string): string;
+declare export default typeof minifyStyles;

package/dist/minifyStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minifyStyles.js","sourceRoot":"","sources":["../src/minifyStyles.ts"],"names":[],"mappings":"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"}

package/dist/minifyStyles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/minifyStyles.test.js

@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest';
+import { minifyStyles } from './minifyStyles.js';
+describe('@acusti/styling', () => {
+    describe('minifyStyles.ts', () => {
+        it('minifies basic CSS declarations', () => {
+            expect(
+                minifyStyles(`
+.foo {
+    padding: 10px;
+    color: red;
+}`),
+            ).toBe('.foo{padding:10px;color:red}');
+        });
+        it('preserves whitespace where needed in selectors', () => {
+            expect(
+                minifyStyles(`
+.foo > .bar :hover {
+    background-color: cyan;
+}`),
+            ).toBe('.foo>.bar :hover{background-color:cyan}');
+        });
+        it('minifies 0.6 to .6, but only when preceded by : or a whitespace', () => {
+            expect(
+                minifyStyles(`
+.foo {
+    opacity: 0.6;
+}`),
+            ).toBe('.foo{opacity:.6}');
+        });
+    });
+});
+//# sourceMappingURL=minifyStyles.test.js.map

package/dist/minifyStyles.test.js.flow

@@ -0,0 +1,6 @@
+/**
+ * Flowtype definitions for minifyStyles.test
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.20.1
+ * @flow
+ */

package/dist/minifyStyles.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minifyStyles.test.js","sourceRoot":"","sources":["../src/minifyStyles.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC7B,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YACvC,MAAM,CACF,YAAY,CAAC;;;;EAI3B,CAAC,CACU,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACtD,MAAM,CACF,YAAY,CAAC;;;EAG3B,CAAC,CACU,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;YACvE,MAAM,CACF,YAAY,CAAC;;;EAG3B,CAAC,CACU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/style-registry.d.ts

@@ -13,7 +13,11 @@ type UpdatePayload = {
     previousStyles: string;
     styles: string;
 };
-export declare const updateStyles: ({ ownerDocument, previousStyles, styles, }: UpdatePayload) => void;
+export declare const updateStyles: ({
+    ownerDocument,
+    previousStyles,
+    styles,
+}: UpdatePayload) => void;
 export declare const getStyleRegistryKeys: () => IterableIterator<string>;
 export declare const clearRegistry: () => void;
 export {};

package/dist/style-registry.js

@@ -1,18 +1,15 @@
 const styleRegistry = new Map();
 export const getRegisteredStyles = ({ ownerDocument, styles }) => {
     var _a;
-    if (!styles)
-        return null;
+    if (!styles) return null;
     const stylesMap = styleRegistry.get(styles);
-    if (!stylesMap)
-        return null;
+    if (!stylesMap) return null;
     return (_a = stylesMap.get(ownerDocument)) !== null && _a !== void 0 ? _a : null;
 };
 // NOTE a more idiomatic API than (register|unregister)Styles would be
 // to make registerStyles a thunk that returns a cleanup function
 export const registerStyles = ({ ownerDocument, styles }) => {
-    if (!styles)
-        return;
+    if (!styles) return;
     const existingStylesItem = getRegisteredStyles({ ownerDocument, styles });
     if (existingStylesItem) {
         existingStylesItem.referenceCount++;
@@ -23,8 +20,7 @@ export const registerStyles = ({ ownerDocument, styles }) => {
         let stylesMap = styleRegistry.get(styles);
         if (stylesMap) {
             stylesMap.set(ownerDocument, stylesItem);
-        }
-        else {
+        } else {
             stylesMap = new Map([[ownerDocument, stylesItem]]);
         }
         styleRegistry.set(styles, stylesMap);
@@ -43,14 +39,11 @@ export const registerStyles = ({ ownerDocument, styles }) => {
     styleRegistry.set(styles, new Map([[ownerDocument, stylesItem]]));
 };
 export const unregisterStyles = ({ ownerDocument, styles }) => {
-    if (!styles)
-        return;
+    if (!styles) return;
     const stylesItem = getRegisteredStyles({ ownerDocument, styles });
-    if (!stylesItem)
-        return;
+    if (!stylesItem) return;
     stylesItem.referenceCount--;
-    if (stylesItem.referenceCount)
-        return;
+    if (stylesItem.referenceCount) return;
     // If no more references to these styles in this document, remove <style> element from the DOM
     if (stylesItem.element) {
         const { parentElement } = stylesItem.element;
@@ -61,17 +54,24 @@ export const unregisterStyles = ({ ownerDocument, styles }) => {
     // Then remove the document Map
     const stylesMap = styleRegistry.get(styles);
     stylesMap.delete(ownerDocument);
-    if (stylesMap.size)
-        return;
+    if (stylesMap.size) return;
     // If no more references to these styles in any document, remove it entirely
     styleRegistry.delete(styles);
 };
-export const updateStyles = ({ ownerDocument, previousStyles, styles, }) => {
-    if (previousStyles === styles)
-        return;
+export const updateStyles = ({ ownerDocument, previousStyles, styles }) => {
+    if (previousStyles === styles) return;
     const stylesMap = styleRegistry.get(previousStyles);
-    const stylesItem = stylesMap === null || stylesMap === void 0 ? void 0 : stylesMap.get(ownerDocument);
-    if (stylesMap && (stylesItem === null || stylesItem === void 0 ? void 0 : stylesItem.element) && (stylesItem === null || stylesItem === void 0 ? void 0 : stylesItem.referenceCount) === 1) {
+    const stylesItem =
+        stylesMap === null || stylesMap === void 0
+            ? void 0
+            : stylesMap.get(ownerDocument);
+    if (
+        stylesMap &&
+        (stylesItem === null || stylesItem === void 0 ? void 0 : stylesItem.element) &&
+        (stylesItem === null || stylesItem === void 0
+            ? void 0
+            : stylesItem.referenceCount) === 1
+    ) {
         // Mutate existing <style> element with updated styles
         stylesItem.element.innerHTML = styles;
         styleRegistry.set(styles, new Map([[ownerDocument, stylesItem]]));
@@ -91,4 +91,4 @@ export const getStyleRegistryKeys = () => styleRegistry.keys();
 export const clearRegistry = () => {
     styleRegistry.clear();
 };
-//# sourceMappingURL=style-registry.js.map
+//# sourceMappingURL=style-registry.js.map

package/dist/style-registry.test.js

@@ -1,6 +1,13 @@
 // @vitest-environment happy-dom
 import { beforeEach, describe, expect, it } from 'vitest';
-import { clearRegistry, getRegisteredStyles, getStyleRegistryKeys, registerStyles, unregisterStyles, updateStyles, } from './style-registry.js';
+import {
+    clearRegistry,
+    getRegisteredStyles,
+    getStyleRegistryKeys,
+    registerStyles,
+    unregisterStyles,
+    updateStyles,
+} from './style-registry.js';
 describe('@acusti/styling', () => {
     describe('style-registry.ts', () => {
         const mockStyles = '.test { color: red; }';
@@ -111,4 +118,4 @@ describe('@acusti/styling', () => {
         });
     });
 });
-//# sourceMappingURL=style-registry.test.js.map
+//# sourceMappingURL=style-registry.test.js.map

package/dist/useStyles.d.ts

@@ -0,0 +1,19 @@
+type StyleRegistry = Map<
+    string,
+    {
+        href: string;
+        referenceCount: number;
+        styles: string;
+    }
+>;
+export declare const getStyleRegistry: () => StyleRegistry;
+export declare function useStyles(
+    styles: string,
+    initialHref?: string,
+): {
+    href: string;
+    referenceCount: number;
+    styles: string;
+};
+export default useStyles;
+export declare const clearRegistry: () => void;

package/dist/useStyles.js

@@ -0,0 +1,69 @@
+import { useEffect, useState } from 'react';
+import { minifyStyles } from './minifyStyles.js';
+const styleRegistry = new Map();
+export const getStyleRegistry = () => styleRegistry;
+export function useStyles(styles, initialHref) {
+    const [stylesItem, setStylesItem] = useState(() => {
+        if (!styles) return { href: '', referenceCount: 0, styles: '' };
+        const key = initialHref !== null && initialHref !== void 0 ? initialHref : styles;
+        let item = styleRegistry.get(key);
+        if (item) {
+            item.referenceCount++;
+        } else {
+            const minified = minifyStyles(styles);
+            item = {
+                href: sanitizeHref(
+                    initialHref !== null && initialHref !== void 0
+                        ? initialHref
+                        : minified,
+                ),
+                referenceCount: 1,
+                styles: minified,
+            };
+            styleRegistry.set(key, item);
+        }
+        return item;
+    });
+    useEffect(() => {
+        if (!styles) return;
+        const key = initialHref !== null && initialHref !== void 0 ? initialHref : styles;
+        if (!styleRegistry.get(key)) {
+            const minified = minifyStyles(styles);
+            const item = {
+                href: sanitizeHref(
+                    initialHref !== null && initialHref !== void 0
+                        ? initialHref
+                        : minified,
+                ),
+                referenceCount: 1,
+                styles: minified,
+            };
+            styleRegistry.set(key, item);
+            setStylesItem(item);
+        }
+        return () => {
+            const existingItem = styleRegistry.get(styles);
+            if (existingItem) {
+                existingItem.referenceCount--;
+                if (!existingItem.referenceCount) {
+                    // TODO try scheduling this via setTimeout
+                    // and add another referenceCount check
+                    // to deal with instance where existing <Style>
+                    // component is moved in the tree or re-keyed
+                    styleRegistry.delete(styles);
+                }
+            }
+        };
+    }, [initialHref, styles]);
+    return stylesItem;
+}
+export default useStyles;
+export const clearRegistry = () => {
+    styleRegistry.clear();
+};
+// Dashes in selectors in href prop create happy-dom / jsdom test errors:
+// Invalid regular expression (“Range out of order in character class”)
+function sanitizeHref(text) {
+    return text.replace(/-/g, '');
+}
+//# sourceMappingURL=useStyles.js.map

package/dist/useStyles.js.flow

@@ -0,0 +1,26 @@
+/**
+ * Flowtype definitions for useStyles
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.20.1
+ * @flow
+ */
+
+declare type StyleRegistry = Map<
+  string,
+  {|
+    href: string,
+    referenceCount: number,
+    styles: string,
+  |}
+>;
+declare export var getStyleRegistry: () => StyleRegistry;
+declare export function useStyles(
+  styles: string,
+  initialHref?: string
+): {|
+  href: string,
+  referenceCount: number,
+  styles: string,
+|};
+declare export default typeof useStyles;
+declare export var clearRegistry: () => void;

package/dist/useStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.js","sourceRoot":"","sources":["../src/useStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,aAAa,GAAkB,IAAI,GAAG,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,MAAc,EAAE,WAAoB;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QAEhE,MAAM,GAAG,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,MAAM,CAAC;QAClC,IAAI,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAElC,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YACtC,IAAI,GAAG;gBACH,IAAI,EAAE,YAAY,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,CAAC;gBAC3C,cAAc,EAAE,CAAC;gBACjB,MAAM,EAAE,QAAQ;aACnB,CAAC;YACF,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,GAAG,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,MAAM,CAAC;QAElC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YACtC,MAAM,IAAI,GAAG;gBACT,IAAI,EAAE,YAAY,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,CAAC;gBAC3C,cAAc,EAAE,CAAC;gBACjB,MAAM,EAAE,QAAQ;aACnB,CAAC;YACF,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC/C,IAAI,YAAY,EAAE,CAAC;gBACf,YAAY,CAAC,cAAc,EAAE,CAAC;gBAC9B,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;oBAC/B,0CAA0C;oBAC1C,uCAAuC;oBACvC,+CAA+C;oBAC/C,6CAA6C;oBAC7C,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACjC,CAAC;YACL,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,UAAU,CAAC;AACtB,CAAC;AAED,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,aAAa,CAAC,KAAK,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,yEAAyE;AACzE,uEAAuE;AACvE,SAAS,YAAY,CAAC,IAAY;IAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAClC,CAAC"}

package/dist/useStyles.test.d.ts

@@ -0,0 +1 @@
+export {};