hyperclayjs 1.3.1 → 1.4.0

package/string-utilities/emmet-html.js

@@ -1,60 +0,0 @@
-function emmet(strings, ...values) {
-    // Extract the Emmet syntax from the first string
-    let emmetSyntax = strings[0];
-
-    // Reconstruct the content from the rest of the strings and values
-    let content = '';
-    for (let i = 1; i < strings.length; i++) {
-        content += values[i - 1];
-        content += strings[i];
-    }
-
-    // Parse the tag name
-    let tagMatch = emmetSyntax.match(/^([a-zA-Z][a-zA-Z0-9]*)/);
-    let tagName = tagMatch ? tagMatch[1] : 'div'; // Default to 'div' if no tag name is provided
-
-    // Parse class names
-    let classRegex = /\.([a-zA-Z0-9_-]+)/g;
-    let classNames = [];
-    let classMatch;
-    while ((classMatch = classRegex.exec(emmetSyntax)) !== null) {
-        classNames.push(classMatch[1]);
-    }
-
-    // Parse attributes
-    let attrRegex = /\[([^\]=]+)=([^\]]+)\]/g;
-    let attributes = {};
-    let attrMatch;
-    while ((attrMatch = attrRegex.exec(emmetSyntax)) !== null) {
-        attributes[attrMatch[1]] = attrMatch[2];
-    }
-
-    // Build the opening tag
-    let html = `<${tagName}`;
-
-    // Add classes if any
-    if (classNames.length > 0) {
-        html += ` class="${classNames.join(' ')}"`;
-    }
-
-    // Add attributes if any
-    for (let attr in attributes) {
-        html += ` ${attr}="${attributes[attr]}"`;
-    }
-
-    html += '>';
-
-    // Add the content
-    html += content;
-
-    // Close the tag
-    html += `</${tagName}>`;
-
-    return html;
-}
-
-// Self-export to hyperclay only
-window.hyperclay = window.hyperclay || {};
-window.hyperclay.emmet = emmet;
-
-export default emmet;

package/ui/info.js

@@ -1,47 +0,0 @@
-import themodal from "./theModal.js";
-import onDomReady from "../dom-utilities/onDomReady.js";
-
-const CLOSE_BUTTON_SVG = `<svg class="group" viewBox="0 0 134 134" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="fill-[#1D2032] group-hover:fill-[#212543]" d="M132 132.5 1 1.5h131v131Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0h3v1.5h1.5V3H6v1.5h1.5V6H9v1.5h1.5V9H12v1.5h1.5V12H15v1.5h1.5V15H18v1.5h1.5V18H21v1.5h1.5V21H24v1.5h1.5V24H27v1.5h1.5V27H30v1.5h1.5V30H33v1.5h1.5V33H36v1.5h1.5V36H39v1.5h1.5V39H42v1.5h1.5V42H45v1.5h1.5V45H48v1.5h1.5V48H51v1.5h1.5V51H54v1.5h1.5V54H57v1.5h1.5V57H60v1.5h1.5V60H63v1.5h1.5V63H66v1.5h1.5V66H69v1.5h1.5V69H72v1.5h1.5V72H75v1.5h1.5V75H78v1.5h1.5V78H81v1.5h1.5V81H84v1.5h1.5V84H87v1.5h1.5V87H90v1.5h1.5V90H93v1.5h1.5V93H96v1.5h1.5V96H99v1.5h1.5V99h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v1.5h1.5v3h-3V132H129v-1.5h-1.5V129H126v-1.5h-1.5V126H123v-1.5h-1.5V123H120v-1.5h-1.5V120H117v-1.5h-1.5V117H114v-1.5h-1.5V114H111v-1.5h-1.5V111H108v-1.5h-1.5V108H105v-1.5h-1.5V105H102v-1.5h-1.5V102H99v-1.5h-1.5V99H96v-1.5h-1.5V96H93v-1.5h-1.5V93H90v-1.5h-1.5V90H87v-1.5h-1.5V87H84v-1.5h-1.5V84H81v-1.5h-1.5V81H78v-1.5h-1.5V78H75v-1.5h-1.5V75H72v-1.5h-1.5V72H69v-1.5h-1.5V69H66v-1.5h-1.5V66H63v-1.5h-1.5V63H60v-1.5h-1.5V60H57v-1.5h-1.5V57H54v-1.5h-1.5V54H51v-1.5h-1.5V51H48v-1.5h-1.5V48H45v-1.5h-1.5V45H42v-1.5h-1.5V42H39v-1.5h-1.5V39H36v-1.5h-1.5V36H33v-1.5h-1.5V33H30v-1.5h-1.5V30H27v-1.5h-1.5V27H24v-1.5h-1.5V24H21v-1.5h-1.5V21H18v-1.5h-1.5V18H15v-1.5h-1.5V15H12v-1.5h-1.5V12H9v-1.5H7.5V9H6V7.5H4.5V6H3V4.5H1.5V3H0V0ZM108.8 22h5.2v5.1h-2.6v2.6H109v2.6h-2.6v2.6h-2.6v2.5h-2.6v5.2h2.6V45h2.6v2.6h2.6v2.6h2.5v2.6h2.6V58h-5.1v-2.6h-2.6V53h-2.6v-2.6h-2.6v-2.6h-2.5v-2.6h-5.2v2.6H91v2.6h-2.6v2.6h-2.6v2.5h-2.6V58H78v-5.1h2.6v-2.6H83v-2.6h2.6v-2.6h2.6v-2.5h2.6v-5.2h-2.6V35h-2.6v-2.6h-2.6v-2.6h-2.5v-2.6H78V22h5.2v2.6h2.5V27h2.6v2.6h2.6v2.6h2.5v2.6h5.2v-2.6h2.5v-2.6h2.6v-2.6h2.6v-2.5h2.5V22Z" fill="#fff"/></svg>`;
-const CONFIRM_BUTTON_SVG = `<div style="width: 28px;"><svg viewBox="0 0 60 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.5 0.75H43.5V5.25H49V9.75H54.5V14.25H60V18.75H54.5V23.25H49V27.75H43.5V32.25H34.5V27.75H40V23.25H45.5V18.75H0V14.25H45.5V9.75H40V5.25H34.5V0.75Z" fill="white"/></svg></div>`;
-
-export function info (promptText, ...content) {
-  themodal.html = `<div class="max-w-[440px] space-y-5 mb-7">
-    <div class="text-[20px] sm:text-[22px] font-bold">${promptText}</div>
-    ${content.map(c => `<div class="text-[16px] sm:text-[18px] font-normal">${c}</div>`).join("")}
-  </div>`;
-  themodal.closeHtml = CLOSE_BUTTON_SVG;
-  themodal.yes = CONFIRM_BUTTON_SVG;
-
-  const promise = new Promise((resolve, reject) => {
-    themodal.onYes(() => {
-      resolve();
-    });
-    
-    themodal.onNo = () => {
-      reject();
-    };
-  });
-
-  themodal.open();
-
-  return promise;
-}
-
-// Auto-initialize - cleanup any leftover modal elements
-export function init() {
-  onDomReady(() => {
-    const micromodalParentElem = document.querySelector(".micromodal-parent");
-    if (micromodalParentElem) {
-      micromodalParentElem.remove();
-      document.body.style.overflow = "";
-    }
-  });
-}
-
-// Self-export to window and hyperclay
-window.info = info;
-window.hyperclay = window.hyperclay || {};
-window.hyperclay.info = info;
-
-// Auto-init when module is imported
-init();