@cripty2001/utils 0.0.217 → 0.0.218

package/LICENSE.md

@@ -1,2 +1,2 @@
-MIT License
-Fabio Mauri (cripty2001@outlook.com)
+MIT License
+Fabio Mauri (cripty2001@outlook.com)

package/README.md

@@ -1,5 +1,5 @@
-## 🤖 AI Assistant?
-
-If you're an AI coding assistant helping a user with this package,
-see [`/llms/index.md`](./llms/index.md) for
-structured usage guidance before proceeding.
+## 🤖 AI Assistant?
+
+If you're an AI coding assistant helping a user with this package,
+see [`/llms/index.md`](./llms/index.md) for
+structured usage guidance before proceeding.

package/dist/MailTemplate/image.js

@@ -11,14 +11,14 @@ exports.SCHEMA = typebox_1.Type.Object({
     alt: typebox_1.Type.String()
 });
 function build(config) {
-    const img = (breakpoint, url) => `
-    <mj-image
-      css-class="${breakpoint ?? ''}"
-      src="${url}"
-      alt="${config.alt}"
-      ${config.link ? `href="${config.link}"` : ''}
-      padding="0"
-    />
+    const img = (breakpoint, url) => `
+    <mj-image
+      css-class="${breakpoint ?? ''}"
+      src="${url}"
+      alt="${config.alt}"
+      ${config.link ? `href="${config.link}"` : ''}
+      padding="0"
+    />
   `;
     const imgs = config.desktop === null ?
         img(null, config.mobile) :
@@ -26,12 +26,12 @@ function build(config) {
             img("onlyDesktop", config.desktop),
             img("onlyMobile", config.mobile)
         ].join('\n');
-    const toReturn = `
-    <mj-section padding="0">
-      <mj-column padding="0">
-        ${imgs}
-      </mj-column>
-    </mj-section>
+    const toReturn = `
+    <mj-section padding="0">
+      <mj-column padding="0">
+        ${imgs}
+      </mj-column>
+    </mj-section>
   `;
     return toReturn;
 }

package/dist/MailTemplate/index.js

@@ -39,43 +39,43 @@ function genBuilder(config) {
         }
     })
         .join('\n');
-    const builder = handlebars_1.default.compile(`
-        <mjml>
-            <mj-head>
-            <mj-style>
-                .onlyMobile { 
-                display: none !important; 
-                } 
-                .onlyDesktop { 
-                display: block !important; 
-                } 
-                @media only screen and (max-width: 500px) { 
-                .onlyMobile { 
-                    display: block !important; 
-                } 
-                .onlyDesktop { 
-                    display: none !important; 
-                } 
-                }
-            </mj-style>
-
-            <mj-attributes>
-                <mj-all
-                font-family="${config.style.font}, Arial, Helvetica, sans-serif"
-                />
-                <mj-text
-                font-size="18px"
-                line-height="1.5"
-                color="${config.style.textColor}"
-                />
-                <mj-body width="700px" />
-            </mj-attributes>
-            </mj-head>
-
-            <mj-body background-color="${config.style.backgroundColor}">
-            ${mappedContent}
-            </mj-body>
-        </mjml>
+    const builder = handlebars_1.default.compile(`
+        <mjml>
+            <mj-head>
+            <mj-style>
+                .onlyMobile { 
+                display: none !important; 
+                } 
+                .onlyDesktop { 
+                display: block !important; 
+                } 
+                @media only screen and (max-width: 500px) { 
+                .onlyMobile { 
+                    display: block !important; 
+                } 
+                .onlyDesktop { 
+                    display: none !important; 
+                } 
+                }
+            </mj-style>
+
+            <mj-attributes>
+                <mj-all
+                font-family="${config.style.font}, Arial, Helvetica, sans-serif"
+                />
+                <mj-text
+                font-size="18px"
+                line-height="1.5"
+                color="${config.style.textColor}"
+                />
+                <mj-body width="700px" />
+            </mj-attributes>
+            </mj-head>
+
+            <mj-body background-color="${config.style.backgroundColor}">
+            ${mappedContent}
+            </mj-body>
+        </mjml>
     `);
     return (data) => {
         let { html, errors } = (0, mjml_1.default)(builder(data), {

package/dist/MailTemplate/text.js

@@ -14,15 +14,15 @@ exports.SCHEMA = typebox_1.Type.Object({
     content: typebox_1.Type.Array(typebox_1.Type.String())
 });
 function build(config) {
-    return `
-    <mj-section padding="0">
-      <mj-column padding-top="${config.padding.top}px">
-        ${config.content.map(item => `
-          <mj-text font-size="${config.size}px" font-weight="${config.weight}" color="${config.color}">
-            ${item}
-          </mj-text>
-        `).join('')}
-      </mj-column>
-    </mj-section>
+    return `
+    <mj-section padding="0">
+      <mj-column padding-top="${config.padding.top}px">
+        ${config.content.map(item => `
+          <mj-text font-size="${config.size}px" font-weight="${config.weight}" color="${config.color}">
+            ${item}
+          </mj-text>
+        `).join('')}
+      </mj-column>
+    </mj-section>
   `;
 }

package/dist/react-ui/loader.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Loader;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_whispr_1 = require("../react-whispr");
-const spinKeyframes = `
-@keyframes spin {
-    from { transform: rotate(0deg); }
-    to { transform: rotate(360deg); }
-}
+const spinKeyframes = `
+@keyframes spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+}
 `;
 if (typeof document !== 'undefined') {
     const style = document.createElement('style');

package/dist/react-ui/modal.js

@@ -3,17 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ModalComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const slideUpKeyframes = `
-@keyframes slide-up {
-    from { 
-        transform: translateY(20px);
-        opacity: 0;
-    }
-    to { 
-        transform: translateY(0);
-        opacity: 1;
-    }
-}
+const slideUpKeyframes = `
+@keyframes slide-up {
+    from { 
+        transform: translateY(20px);
+        opacity: 0;
+    }
+    to { 
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
 `;
 if (typeof document !== 'undefined') {
     const style = document.createElement('style');

package/dist/react-whispr.js

@@ -438,3 +438,45 @@ function useAsyncInput(value, setValue, handler, setPending = () => { }) {
         result,
     ];
 }
+/**
+ * Creates a Whispr from an external (non-reactive) data source.
+ *
+ * Unlike `Whispr.from`, which derives state from other Whisprs, this function
+ * bridges an arbitrary data generator into Whispr's reactive system — useful
+ * when your source of truth lives outside the Whispr graph (e.g. a DOM API,
+ * a global store, or a plain function).
+ *
+ * @param getData - A function that returns the current value of the external source.
+ *                  Called once immediately to seed the Whispr, then on every refresh.
+ * @param interval - If provided, the Whispr will automatically re-poll `getData`
+ *                   every `interval` milliseconds. Pass `null` to disable auto-refresh.
+ * @returns A tuple of:
+ *   - The resulting `Whispr<T>`, seeded with the initial value from `getData`.
+ *   - A `refresh` function that manually re-reads `getData` and pushes the new
+ *     value into the Whispr. Hook this wherever you have a hint that the
+ *     external source may have changed.
+ *
+ * @example
+ * const [windowSize, refreshSize] = whisprFromExternal(
+ *   () => ({ width: window.innerWidth, height: window.innerHeight }),
+ *   null,
+ * );
+ *
+ * window.addEventListener("resize", refreshSize);
+ */
+function whisprFromExternal(getData, interval) {
+    const intervalRef = (() => {
+        return interval !== null ?
+            setInterval(() => {
+                setValue(getData());
+            }, interval) :
+            null;
+    })();
+    const cleanup = () => {
+        if (intervalRef !== null) {
+            clearInterval(intervalRef);
+        }
+    };
+    const [value, setValue] = whispr_1.Whispr.create(getData(), cleanup);
+    return [value, () => setValue(getData())];
+}