lapikit 0.0.0-insiders.09c4e21 → 0.0.0-insiders.0d42e81

package/README.md

@@ -1,5 +1,5 @@
 <a href="https://lapikit.dev">
-  <img src="https://raw.githubusercontent.com/Nycolaide/lapikit/main/.github/lapikit.svg" alt="Lapikit Logo" width="125">
+  <img src="https://raw.githubusercontent.com/lapikit/lapikit.dev/main/.github/lapikit.svg" alt="Lapikit Logo" width="125">
 </a>
 
 # Lapikit - Svelte components library
@@ -8,10 +8,10 @@
 [![][subscribe-to-instagram]](https://www.instagram.com/lapikit/)
 [![][join-discord-lapikit]](https://discord.gg/gn9ZGtDtK4)
 
-[![][version]](https://github.com/nycolaide/lapikit/releases?q=lapikit&expanded=true)
+[![][version]](https://github.com/lapikit/lapikit/releases?q=lapikit&expanded=true)
 [![][installs]](https://www.npmjs.com/package/lapikit)
 [![][installs-this-month]](https://www.npmjs.com/package/lapikit)
-[![][license]](https://github.com/nycolaide/lapikit/blob/main/LICENSE)
+[![][license]](https://github.com/lapikit/lapikit/blob/main/LICENSE)
 [![][discord]](https://discord.gg/gn9ZGtDtK4)
 
 Lapikit is a comprehensive Svelte components library that provides developers with a wide range of pre-built, customizable UI components to streamline the development process. Whether you're building a simple website or a complex web application, Lapikit has the tools you need to create beautiful and functional user interfaces with ease.
@@ -71,7 +71,7 @@ Lapikit has created to help Svelte developers save time and effort when building
 
 ## 💖Community
 
-Join our growing community on [Discord](https://discord.gg/gn9ZGtDtK4) and [GitHub Discussions](https://github.com/nycolaide/lapikit/discussions) where we discuss and collaborate on all things Lapikit. Don't be shy, jump right in and be part of the discussion!
+Join our growing community on [Discord](https://discord.gg/gn9ZGtDtK4) and [GitHub Discussions](https://github.com/lapikit/lapikit/discussions) where we discuss and collaborate on all things Lapikit. Don't be shy, jump right in and be part of the discussion!
 
 ## 💁‍♂️Contributing
 
@@ -84,7 +84,7 @@ Be part of the next revolution in code editing by contributing to the project. T
 
 ## 📄License
 
-Licensed under the [MIT license](https://github.com/nycolaide/lapikit/blob/main/LICENSE).
+Licensed under the [MIT license](https://github.com/lapikit/lapikit/blob/main/LICENSE).
 
 Copyright © 2025 Nycolaide
 
@@ -96,12 +96,12 @@ We are proud supporters of the open-source community and contribute to several p
   <tr>
     <td>
       <a href="https://www.w3.org/">
-        <img src="https://raw.githubusercontent.com/Nycolaide/lapikit/main/.github/w3c.svg" alt="W3C" width="75">
+        <img src="https://raw.githubusercontent.com/lapikit/lapikit.dev/main/.github/w3c.svg" alt="W3C" width="75">
       </a>
     </td>
     <td>
       <a href="https://humanstxt.org/">
-        <img src="https://raw.githubusercontent.com/Nycolaide/lapikit/main/.github/humans.png" alt="Humans.txt" width="115">
+        <img src="https://raw.githubusercontent.com/lapikit/lapikit.dev/main/.github/humans.png" alt="Humans.txt" width="115">
       </a>
     </td>
   </tr>
@@ -111,7 +111,7 @@ We are proud supporters of the open-source community and contribute to several p
 [join-discord-lapikit]: https://img.shields.io/badge/Join%20the%20community-black.svg?style=for-the-badge&logo=Discord
 [subscribe-to-instagram]: https://img.shields.io/badge/Follow%20@Lapikit-black.svg?style=for-the-badge&logo=Instagram
 [version]: https://img.shields.io/npm/v/lapikit.svg?label=Version&color=f58142
-[license]: https://badgen.net/github/license/nycolaide/lapikit?label=License&color=cc5640
+[license]: https://badgen.net/github/license/lapikit/lapikit?label=License&color=cc5640
 [installs]: https://badgen.net/npm/dt/lapikit?label=NPM%20installs&color=40ba12
 [installs-this-month]: https://badgen.net/npm/dm/lapikit?label=NPM%20installs&color=40ba12
 [discord]: https://img.shields.io/discord/1383879204671721492?color=5865F2&label=Discord&logo=discord&logoColor=white

package/bin/index.js

@@ -23,7 +23,7 @@ async function run() {
 run()
 	.then(() => {
 		terminal('none', `\n\n\n\nWebsite: https://lapikit.dev`);
-		terminal('none', `Github: https://github.com/nycolaide/lapikit`);
+		terminal('none', `Github: https://github.com/lapikit/lapikit`);
 		terminal('none', `Support the developement: https://buymeacoffee.com/nycolaide`);
 		process.exit(0);
 	})

package/dist/entry-bundler.d.ts

@@ -1,6 +1,4 @@
-type LapikitPreprocessOptions = {
-    plugins?: string[];
-};
+import type { LapikitPreprocessOptions } from './labs/compiler/types/options.js';
 declare function lapikitPreprocess(options?: LapikitPreprocessOptions): {
     markup({ content }: {
         content: string;

package/dist/entry-bundler.js

@@ -1,107 +1,5 @@
-const components = ['btn'];
-function componentName(shortName) {
-    return 'Kit' + shortName.charAt(0).toUpperCase() + shortName.slice(1);
-}
-// plugins lapikit
-const lapikitPlugins = {
-    repl: {
-        components: ['repl'],
-        ref: '@lapikit/repl'
-    }
-};
+import { liliCore } from './labs/compiler/preprocess/index.js';
 function lapikitPreprocess(options) {
-    return {
-        markup({ content }) {
-            const allComponents = [...components];
-            const componentToRef = new Map();
-            components.forEach((comp) => {
-                componentToRef.set(comp, 'lapikit/labs/components');
-            });
-            // plugins
-            if (options?.plugins) {
-                options.plugins.forEach((pluginKey) => {
-                    const plugin = lapikitPlugins[pluginKey];
-                    if (plugin) {
-                        plugin.components.forEach((comp) => {
-                            if (!allComponents.includes(comp)) {
-                                allComponents.push(comp);
-                            }
-                            componentToRef.set(comp, plugin.ref);
-                        });
-                    }
-                });
-            }
-            const hasComponent = allComponents.some((comp) => content.includes(`<kit:${comp}`));
-            if (!hasComponent)
-                return;
-            let processedContent = content;
-            const importedComponents = new Map();
-            let hasChanges = true;
-            while (hasChanges) {
-                hasChanges = false;
-                for (const shortName of allComponents) {
-                    const componentNameStr = componentName(shortName);
-                    const attrPattern = `(?:[^>"']|"[^"]*"|'[^']*')*?`;
-                    const selfClosingRegex = new RegExp(`<kit:${shortName}(${attrPattern})\\s*/>`, 'g');
-                    const pairRegex = new RegExp(`<kit:${shortName}(${attrPattern})>([\\s\\S]*?)<\\/kit:${shortName}\\s*>`, 'g');
-                    let newContent = processedContent.replace(selfClosingRegex, (fullMatch, attrs) => {
-                        hasChanges = true;
-                        const ref = componentToRef.get(shortName) || 'lapikit/labs/components';
-                        importedComponents.set(componentNameStr, ref);
-                        return `<${componentNameStr}${attrs} />`;
-                    });
-                    newContent = newContent.replace(pairRegex, (fullMatch, attrs, children) => {
-                        hasChanges = true;
-                        const ref = componentToRef.get(shortName) || 'lapikit/labs/components';
-                        importedComponents.set(componentNameStr, ref);
-                        return `<${componentNameStr}${attrs}>${children}</${componentNameStr}>`;
-                    });
-                    if (newContent !== processedContent) {
-                        processedContent = newContent;
-                    }
-                }
-            }
-            if (processedContent === content)
-                return;
-            if (importedComponents.size > 0) {
-                const importsByRef = new Map();
-                importedComponents.forEach((ref, component) => {
-                    if (!importsByRef.has(ref)) {
-                        importsByRef.set(ref, []);
-                    }
-                    importsByRef.get(ref).push(component);
-                });
-                const importLines = Array.from(importsByRef.entries())
-                    .map(([ref, components]) => {
-                    const imports = components.join(', ');
-                    return `\n\timport { ${imports} } from '${ref}';`;
-                })
-                    .join('');
-                const scriptRegex = /<script(?![^>]*\bmodule\b)([^>]*)>/;
-                const scriptMatch = processedContent.match(scriptRegex);
-                if (scriptMatch && scriptMatch.index !== undefined) {
-                    const insertPos = scriptMatch.index + scriptMatch[0].length;
-                    processedContent =
-                        processedContent.slice(0, insertPos) + importLines + processedContent.slice(insertPos);
-                }
-                else {
-                    const moduleScriptMatch = processedContent.match(/<script[^>]*\bmodule\b[^>]*>/);
-                    if (moduleScriptMatch && moduleScriptMatch.index !== undefined) {
-                        const moduleScriptEnd = processedContent.indexOf('</script>', moduleScriptMatch.index) + '</script>'.length;
-                        processedContent =
-                            processedContent.slice(0, moduleScriptEnd) +
-                                `\n\n<script>${importLines}\n</script>` +
-                                processedContent.slice(moduleScriptEnd);
-                    }
-                    else {
-                        processedContent = `<script>${importLines}\n</script>\n\n` + processedContent;
-                    }
-                }
-            }
-            return {
-                code: processedContent
-            };
-        }
-    };
+    return liliCore(options);
 }
 export { lapikitPreprocess };

package/dist/internal/core/animations/ripple.js

@@ -4,6 +4,9 @@ export function ripple(el, options = {}) {
     const rippleContainer = document.createElement('div');
     addClasses();
     setOptions(options);
+    function isAriaDisabled() {
+        return el.getAttribute('aria-disabled') === 'true';
+    }
     function addClasses(center) {
         const shouldBeCentered = center || options.center;
         if (!rippleContainer.classList.contains('kit-ripple--effect')) {
@@ -17,7 +20,7 @@ export function ripple(el, options = {}) {
         }
     }
     function setOptions(options) {
-        if (options.disabled || el.hasAttribute('aria-disabled')) {
+        if (options.disabled || isAriaDisabled()) {
             rippleContainer.remove();
         }
         else {
@@ -37,7 +40,7 @@ export function ripple(el, options = {}) {
         }
     }
     function createRipple(e, center) {
-        if (options.disabled || el.hasAttribute('aria-disabled')) {
+        if (options.disabled || isAriaDisabled()) {
             return;
         }
         if (e instanceof KeyboardEvent) {

package/dist/labs/animations/index.d.ts

@@ -0,0 +1 @@
+export * from './ripple.ts';

package/dist/labs/animations/index.js

@@ -0,0 +1 @@
+export * from "./ripple.js";

package/dist/labs/animations/ripple.d.ts

@@ -0,0 +1,5 @@
+import type { RippleProps } from '../utils/types/index.ts';
+export declare function ripple(el: HTMLElement, options?: RippleProps): {
+    destroy(): void;
+    update(newOptions: RippleProps): void;
+};

package/dist/labs/animations/ripple.js

@@ -0,0 +1,96 @@
+const triggerEvents = ['pointerdown', 'touchstart', 'keydown'];
+const cancelEvents = ['mouseleave', 'dragleave', 'touchmove', 'touchcancel', 'pointerup', 'keyup'];
+export function ripple(el, options = {}) {
+    const rippleContainer = document.createElement('div');
+    addClasses();
+    setOptions(options);
+    function isAriaDisabled() {
+        return el.getAttribute('aria-disabled') === 'true';
+    }
+    function addClasses(center) {
+        const shouldBeCentered = center || options.center;
+        if (!rippleContainer.classList.contains('kit-ripple--effect')) {
+            rippleContainer.classList.add('kit-ripple--effect');
+        }
+        if (!shouldBeCentered && rippleContainer.classList.contains('kit-ripple--center')) {
+            rippleContainer.classList.remove('kit-ripple--center');
+        }
+        if (shouldBeCentered) {
+            rippleContainer.classList.add('kit-ripple--center');
+        }
+    }
+    function setOptions(options) {
+        if (options.disabled || isAriaDisabled()) {
+            rippleContainer.remove();
+        }
+        else {
+            el.appendChild(rippleContainer);
+        }
+        if (options.duration && options.duration < 0) {
+            options.duration = undefined;
+        }
+        if (options.component) {
+            rippleContainer.style.setProperty('--system-ripple-radius', `var(--${options.component}-shape)`);
+        }
+        if (options.color) {
+            rippleContainer.style.setProperty('--system-ripple-color', options.color);
+        }
+        if (options.duration) {
+            rippleContainer.style.setProperty('--system-animation-ripple-duration', `${options.duration}ms`);
+        }
+    }
+    function createRipple(e, center) {
+        if (options.disabled || isAriaDisabled()) {
+            return;
+        }
+        if (e instanceof KeyboardEvent) {
+            if (!['Enter', 'Space'].includes(e.code) || e.repeat) {
+                return;
+            }
+            e.preventDefault();
+            const click = new PointerEvent('pointerdown');
+            createRipple(click, true);
+            return;
+        }
+        addClasses(center);
+        const rect = el.getBoundingClientRect();
+        const clientX = window.TouchEvent && e instanceof TouchEvent
+            ? e.touches[0].clientX
+            : e.clientX;
+        const clientY = window.TouchEvent && e instanceof TouchEvent
+            ? e.touches[0].clientY
+            : e.clientY;
+        const x = clientX - rect.left > el.offsetWidth / 2 ? 0 : el.offsetWidth;
+        const y = clientY - rect.top > el.offsetHeight / 2 ? 0 : el.offsetHeight;
+        const radius = Math.hypot(x - (clientX - rect.left), y - (clientY - rect.top));
+        const ripple = document.createElement('div');
+        ripple.classList.add('kit-ripple');
+        ripple.style.left = `${clientX - rect.left - radius}px`;
+        ripple.style.top = `${clientY - rect.top - radius}px`;
+        ripple.style.width = ripple.style.height = `${radius * 2}px`;
+        rippleContainer.appendChild(ripple);
+        function removeRipple() {
+            if (ripple === null) {
+                return;
+            }
+            ripple.style.opacity = '0';
+            setTimeout(() => {
+                ripple.remove();
+            }, options.duration || 1000);
+            cancelEvents.forEach((event) => el.removeEventListener(event, removeRipple));
+        }
+        cancelEvents.forEach((event) => el.addEventListener(event, removeRipple, { passive: true }));
+    }
+    triggerEvents.forEach((event) => el.addEventListener(event, createRipple, { passive: event === 'touchstart' }));
+    return {
+        destroy() {
+            triggerEvents.forEach((event) => {
+                el.removeEventListener(event, createRipple);
+            });
+        },
+        update(newOptions) {
+            options = newOptions;
+            setOptions(newOptions);
+        }
+    };
+}

package/dist/labs/assets/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-align-end-horizontal-icon lucide-align-end-horizontal"><rect width="6" height="16" x="4" y="2" rx="2"/><rect width="6" height="9" x="14" y="9" rx="2"/><path d="M22 22H2"/></svg>

package/dist/labs/compiler/components.d.ts

@@ -0,0 +1,2 @@
+declare const lapikitComponents: readonly string[];
+export default lapikitComponents;

package/dist/labs/compiler/components.js

@@ -0,0 +1,10 @@
+const lapikitComponents = [
+    'sheet',
+    'app',
+    'btn',
+    'icon',
+    'avatar',
+    'list',
+    'list-item'
+];
+export default lapikitComponents;

package/dist/labs/compiler/index.d.ts

@@ -0,0 +1 @@
+export * from './preprocess/index.js';

package/dist/labs/compiler/index.js

@@ -0,0 +1 @@
+export * from './preprocess/index.js';

package/dist/labs/compiler/mapped-code.d.ts

@@ -16,6 +16,7 @@ export declare function computeSClasses(sClass: SClassProp, classDirectiveProps:
 export declare function computeSStyles(sStyle: SStyleProp, styleDirectiveProps: Record<string, unknown>): string;
 /**
  * Makes component props by separating s-class and s-style directives from other props.
+ * Optimized to use a single pass instead of three separate iterations.
  * @param props The original props object containing all props.
  * @returns An object containing separated classProps, styleProps, and restProps.
  */

package/dist/labs/compiler/mapped-code.js

@@ -20,25 +20,32 @@ export function computeSClasses(sClass, classDirectiveProps) {
     }
     // s-class object
     if (sClass && typeof sClass === 'object' && !Array.isArray(sClass)) {
-        Object.entries(sClass).forEach(([key, value]) => {
+        const entries = Object.entries(sClass);
+        if (entries.length > 0) {
+            for (const [key, value] of entries) {
+                if (value === true) {
+                    classes.push(key);
+                }
+                else if (typeof value === 'string' && value) {
+                    classes.push(value);
+                }
+            }
+        }
+    }
+    // s-class_xxx
+    const classEntries = Object.entries(classDirectiveProps);
+    if (classEntries.length > 0) {
+        for (const [key, value] of classEntries) {
+            // Use slice instead of replace for better performance (8 = 's-class_'.length)
+            const base = key.slice(8);
             if (value === true) {
-                classes.push(key);
+                classes.push(base);
             }
             else if (typeof value === 'string' && value) {
-                classes.push(value);
+                classes.push(`${base}${value}`);
             }
-        });
-    }
-    // s-class_xxx
-    Object.entries(classDirectiveProps).forEach(([key, value]) => {
-        const base = key.replace('s-class_', '');
-        if (value === true) {
-            classes.push(base);
         }
-        else if (typeof value === 'string' && value) {
-            classes.push(`${base}${value}`);
-        }
-    });
+    }
     return classes.join(' ');
 }
 /**
@@ -50,28 +57,47 @@ export function computeSClasses(sClass, classDirectiveProps) {
 export function computeSStyles(sStyle, styleDirectiveProps) {
     const styles = [];
     if (sStyle && typeof sStyle === 'object') {
-        Object.entries(sStyle).forEach(([key, value]) => {
-            if (value) {
-                styles.push(`${key}: ${value}`);
+        const entries = Object.entries(sStyle);
+        if (entries.length > 0) {
+            for (const [key, value] of entries) {
+                if (value) {
+                    styles.push(`${key}: ${value}`);
+                }
             }
-        });
+        }
     }
-    Object.entries(styleDirectiveProps).forEach(([key, value]) => {
-        const base = key.replace('s-style_', '');
-        if (value) {
-            styles.push(`${base}: ${value}`);
+    const styleEntries = Object.entries(styleDirectiveProps);
+    if (styleEntries.length > 0) {
+        for (const [key, value] of styleEntries) {
+            // Use slice instead of replace for better performance (8 = 's-style_'.length)
+            const base = key.slice(8);
+            if (value) {
+                styles.push(`${base}: ${value}`);
+            }
         }
-    });
+    }
     return styles.join('; ');
 }
 /**
  * Makes component props by separating s-class and s-style directives from other props.
+ * Optimized to use a single pass instead of three separate iterations.
  * @param props The original props object containing all props.
  * @returns An object containing separated classProps, styleProps, and restProps.
  */
 export function makeComponentProps(props) {
-    const classProps = Object.fromEntries(Object.entries(props).filter(([key]) => key.startsWith('s-class_')));
-    const styleProps = Object.fromEntries(Object.entries(props).filter(([key]) => key.startsWith('s-style_')));
-    const restProps = Object.fromEntries(Object.entries(props).filter(([key]) => !key.startsWith('s-class') && !key.startsWith('s-style')));
+    const classProps = {};
+    const styleProps = {};
+    const restProps = {};
+    for (const [key, value] of Object.entries(props)) {
+        if (key.startsWith('s-class_')) {
+            classProps[key] = value;
+        }
+        else if (key.startsWith('s-style_')) {
+            styleProps[key] = value;
+        }
+        else if (!key.startsWith('s-class') && !key.startsWith('s-style')) {
+            restProps[key] = value;
+        }
+    }
     return { classProps, styleProps, restProps };
 }

package/dist/labs/compiler/plugins.d.ts

@@ -0,0 +1,7 @@
+declare const lapikitPlugins: {
+    readonly repl: {
+        readonly components: readonly ["repl"];
+        readonly ref: "@lapikit/repl";
+    };
+};
+export default lapikitPlugins;

package/dist/labs/compiler/plugins.js

@@ -0,0 +1,7 @@
+const lapikitPlugins = {
+    repl: {
+        components: ['repl'],
+        ref: '@lapikit/repl'
+    }
+};
+export default lapikitPlugins;

package/dist/labs/compiler/preprocess/decode-sourcemap.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo, KitComponentScan } from '../types/index.js';
+export declare const decodeSourceMap: (content: string, componentInfo: Map<string, ComponentInfo>) => KitComponentScan;

package/dist/labs/compiler/preprocess/decode-sourcemap.js

@@ -0,0 +1,106 @@
+import { findTagEnd } from './finding.js';
+export const decodeSourceMap = (content, componentInfo) => {
+    const importedComponents = new Map();
+    const parts = [];
+    let changed = false;
+    let index = 0;
+    const length = content.length;
+    while (index < length) {
+        const nextLt = content.indexOf('<', index);
+        if (nextLt === -1) {
+            parts.push(content.slice(index));
+            break;
+        }
+        if (nextLt > index) {
+            parts.push(content.slice(index, nextLt));
+        }
+        const ch = content[nextLt + 1];
+        const isClosing = ch === '/';
+        if (content.startsWith('<script', nextLt) || content.startsWith('<style', nextLt)) {
+            const tagName = content.startsWith('<script', nextLt) ? 'script' : 'style';
+            const nameEnd = nextLt + tagName.length + 1;
+            const afterName = content[nameEnd];
+            if (afterName && !/[\s>/]/.test(afterName)) {
+                parts.push('<');
+                index = nextLt + 1;
+                continue;
+            }
+            const openEnd = findTagEnd(content, nameEnd);
+            if (openEnd === -1) {
+                parts.push(content.slice(nextLt));
+                break;
+            }
+            const closeTag = `</${tagName}>`;
+            const closeStart = content.indexOf(closeTag, openEnd + 1);
+            if (closeStart === -1) {
+                parts.push(content.slice(nextLt));
+                break;
+            }
+            const closeEnd = closeStart + closeTag.length;
+            parts.push(content.slice(nextLt, closeEnd));
+            index = closeEnd;
+            continue;
+        }
+        const isKitTag = (!isClosing && content.startsWith('<kit:', nextLt)) ||
+            (isClosing && content.startsWith('</kit:', nextLt));
+        if (!isKitTag) {
+            parts.push('<');
+            index = nextLt + 1;
+            continue;
+        }
+        const prefixLength = isClosing ? 6 : 5;
+        const nameStart = nextLt + prefixLength;
+        let nameEnd = nameStart;
+        while (nameEnd < length) {
+            const c = content[nameEnd];
+            if (c === '>' || c === '/' || c === ' ' || c === '\n' || c === '\t' || c === '\r') {
+                break;
+            }
+            nameEnd++;
+        }
+        const shortName = content.slice(nameStart, nameEnd);
+        if (!shortName) {
+            parts.push('<');
+            index = nextLt + 1;
+            continue;
+        }
+        const info = componentInfo.get(shortName);
+        const isKnown = info !== undefined;
+        if (isClosing) {
+            const tagEnd = content.indexOf('>', nameEnd);
+            if (tagEnd === -1) {
+                parts.push(content.slice(nextLt));
+                break;
+            }
+            if (isKnown) {
+                importedComponents.set(info.name, info.ref);
+                parts.push(`</${info.name}>`);
+                changed = true;
+            }
+            else {
+                parts.push(content.slice(nextLt, tagEnd + 1));
+            }
+            index = tagEnd + 1;
+            continue;
+        }
+        const tagEnd = findTagEnd(content, nameEnd);
+        if (tagEnd === -1) {
+            parts.push(content.slice(nextLt));
+            break;
+        }
+        if (isKnown) {
+            importedComponents.set(info.name, info.ref);
+            parts.push(`<${info.name}${content.slice(nameEnd, tagEnd + 1)}`);
+            changed = true;
+        }
+        else {
+            parts.push(content.slice(nextLt, tagEnd + 1));
+        }
+        index = tagEnd + 1;
+    }
+    return {
+        code: changed ? parts.join('') : content,
+        changed,
+        importedComponents
+    };
+};

package/dist/labs/compiler/preprocess/finding.d.ts

@@ -0,0 +1 @@
+export declare const findTagEnd: (content: string, start: number) => number;

package/dist/labs/compiler/preprocess/finding.js

@@ -0,0 +1,49 @@
+export const findTagEnd = (content, start) => {
+    let inSingle = false;
+    let inDouble = false;
+    let inTemplate = false;
+    let braceDepth = 0;
+    for (let i = start; i < content.length; i++) {
+        const ch = content[i];
+        const prev = i > 0 ? content[i - 1] : '';
+        if (inSingle) {
+            if (ch === "'" && prev !== '\\')
+                inSingle = false;
+            continue;
+        }
+        if (inDouble) {
+            if (ch === '"' && prev !== '\\')
+                inDouble = false;
+            continue;
+        }
+        if (inTemplate) {
+            if (ch === '`' && prev !== '\\')
+                inTemplate = false;
+            continue;
+        }
+        if (ch === "'") {
+            inSingle = true;
+            continue;
+        }
+        if (ch === '"') {
+            inDouble = true;
+            continue;
+        }
+        if (ch === '`') {
+            inTemplate = true;
+            continue;
+        }
+        if (ch === '{') {
+            braceDepth++;
+            continue;
+        }
+        if (ch === '}' && braceDepth > 0) {
+            braceDepth--;
+            continue;
+        }
+        if (braceDepth === 0 && ch === '>') {
+            return i;
+        }
+    }
+    return -1;
+};

package/dist/labs/compiler/preprocess/index.d.ts

@@ -0,0 +1 @@
+export * from './lili.js';

package/dist/labs/compiler/preprocess/index.js

@@ -0,0 +1 @@
+export * from './lili.js';