@builder.io/mitosis 0.0.0-dev-20260605060721

package/dist/src/generators/html/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generator';
+export * from './types';

package/dist/src/generators/html/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/html/types.d.ts

@@ -0,0 +1,6 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToHtmlOptions extends BaseTranspilerOptions {
+    format?: 'class' | 'script';
+    prefix?: string;
+}
+export type HtmlMetadata = {};

package/dist/src/generators/html/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/generators/liquid/generator.d.ts

@@ -0,0 +1,9 @@
+import { ToLiquidOptions } from '../../generators/liquid/types';
+import { TranspilerGenerator } from '../../types/transpiler';
+/**
+ * Test if the binding expression would be likely to generate
+ * valid or invalid liquid. If we generate invalid liquid tags
+ * Shopify will reject our PUT to update the template
+ */
+export declare const isValidLiquidBinding: (str?: string) => boolean;
+export declare const componentToLiquid: TranspilerGenerator<ToLiquidOptions>;

package/dist/src/generators/liquid/generator.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentToLiquid = exports.isValidLiquidBinding = void 0;
+const event_handlers_1 = require("../../helpers/event-handlers");
+const standalone_1 = require("prettier/standalone");
+const html_tags_1 = require("../../constants/html_tags");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+const collect_css_1 = require("../../helpers/styles/collect-css");
+const plugins_1 = require("../../modules/plugins");
+const mitosis_node_1 = require("../../types/mitosis-node");
+/**
+ * Test if the binding expression would be likely to generate
+ * valid or invalid liquid. If we generate invalid liquid tags
+ * Shopify will reject our PUT to update the template
+ */
+const isValidLiquidBinding = (str = '') => {
+    const strictMatches = Boolean(
+    // Test for our `context.shopify.liquid.*(expression), which
+    // we regex out later to transform back into valid liquid expressions
+    str.match(/(context|ctx)\s*(\.shopify\s*)?\.liquid\s*\./));
+    return (strictMatches ||
+        // Test is the expression is simple and would map to Shopify bindings	    // Test for our `context.shopify.liquid.*(expression), which
+        // e.g. `state.product.price` -> `{{product.price}}	    // we regex out later to transform back into valid liquid expressions
+        Boolean(str.match(/^[a-z0-9_\.\s]+$/i)));
+};
+exports.isValidLiquidBinding = isValidLiquidBinding;
+const mappers = {
+    Fragment: (json, options) => {
+        return `<div>${json.children.map((item) => blockToLiquid(item, options)).join('\n')}</div>`;
+    },
+};
+// TODO: spread support
+const blockToLiquid = (json, options = {}) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (mappers[json.name]) {
+        return mappers[json.name](json, options);
+    }
+    // TODO: Add support for `{props.children}` bindings
+    if (json.properties._text) {
+        return json.properties._text;
+    }
+    if ((_a = json.bindings._text) === null || _a === void 0 ? void 0 : _a.code) {
+        if (!(0, exports.isValidLiquidBinding)(json.bindings._text.code)) {
+            return '';
+        }
+        return `{{${(0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings._text.code)}}}`;
+    }
+    let str = '';
+    if ((0, mitosis_node_1.checkIsForNode)(json)) {
+        if (!((0, exports.isValidLiquidBinding)((_b = json.bindings.each) === null || _b === void 0 ? void 0 : _b.code) && (0, exports.isValidLiquidBinding)(json.scope.forName))) {
+            return str;
+        }
+        str += `{% for ${json.scope.forName} in ${(0, strip_state_and_props_refs_1.stripStateAndPropsRefs)((_c = json.bindings.each) === null || _c === void 0 ? void 0 : _c.code)} %}`;
+        if (json.children) {
+            str += json.children.map((item) => blockToLiquid(item, options)).join('\n');
+        }
+        str += '{% endfor %}';
+    }
+    else if (json.name === 'Show') {
+        if (!(0, exports.isValidLiquidBinding)((_d = json.bindings.when) === null || _d === void 0 ? void 0 : _d.code)) {
+            return str;
+        }
+        str += `{% if ${(0, strip_state_and_props_refs_1.stripStateAndPropsRefs)((_e = json.bindings.when) === null || _e === void 0 ? void 0 : _e.code)} %}`;
+        if (json.children) {
+            str += json.children.map((item) => blockToLiquid(item, options)).join('\n');
+        }
+        str += '{% endif %}';
+    }
+    else {
+        str += `<${json.name} `;
+        if (((_f = json.bindings._spread) === null || _f === void 0 ? void 0 : _f.code) === '_spread' &&
+            (0, exports.isValidLiquidBinding)(json.bindings._spread.code)) {
+            str += `
+          {% for _attr in ${json.bindings._spread.code} %}
+            {{ _attr[0] }}="{{ _attr[1] }}"
+          {% endfor %}
+        `;
+        }
+        for (const key in json.properties) {
+            const value = json.properties[key];
+            str += ` ${key}="${value}" `;
+        }
+        for (const key in json.bindings) {
+            if (key === '_spread' || key === 'ref' || key === 'css') {
+                continue;
+            }
+            const { code: value } = json.bindings[key];
+            // TODO: proper babel transform to replace. Util for this
+            const useValue = (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value);
+            if ((0, event_handlers_1.checkIsEvent)(key)) {
+                // Do nothing
+            }
+            else if ((0, exports.isValidLiquidBinding)(useValue)) {
+                str += ` ${key}="{{${useValue}}}" `;
+            }
+        }
+        if (html_tags_1.SELF_CLOSING_HTML_TAGS.has(json.name)) {
+            return str + ' />';
+        }
+        str += '>';
+        if (json.children) {
+            str += json.children.map((item) => blockToLiquid(item, options)).join('\n');
+        }
+        str += `</${json.name}>`;
+    }
+    return str;
+};
+// TODO: add JS support similar to componentToHtml()
+const componentToLiquid = (options = {}) => ({ component }) => {
+    let json = (0, fast_clone_1.fastClone)(component);
+    if (options.plugins) {
+        json = (0, plugins_1.runPreJsonPlugins)({ json, plugins: options.plugins });
+    }
+    const css = (0, collect_css_1.collectCss)(json);
+    (0, strip_meta_properties_1.stripMetaProperties)(json);
+    if (options.plugins) {
+        json = (0, plugins_1.runPostJsonPlugins)({ json, plugins: options.plugins });
+    }
+    let str = json.children.map((item) => blockToLiquid(item)).join('\n');
+    if (css.trim().length) {
+        str += `<style>${css}</style>`;
+    }
+    if (options.reactive) {
+        const stateObjectString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json);
+        if (stateObjectString.trim().length > 4) {
+            str += `<script reactive>
+        export default {
+          state: ${stateObjectString}
+        }
+      </script>`;
+        }
+    }
+    if (options.plugins) {
+        str = (0, plugins_1.runPreCodePlugins)({ json, code: str, plugins: options.plugins });
+    }
+    if (options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'html',
+                htmlWhitespaceSensitivity: 'ignore',
+                plugins: [
+                    // To support running in browsers
+                    require('prettier/parser-html'),
+                    require('prettier/parser-postcss'),
+                    require('prettier/parser-babel'),
+                ],
+            });
+        }
+        catch (err) {
+            console.warn('Could not prettify', { string: str }, err);
+        }
+    }
+    if (options.plugins) {
+        str = (0, plugins_1.runPostCodePlugins)({ json, code: str, plugins: options.plugins });
+    }
+    return str;
+};
+exports.componentToLiquid = componentToLiquid;

package/dist/src/generators/liquid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generator';
+export * from './types';

package/dist/src/generators/liquid/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/liquid/types.d.ts

@@ -0,0 +1,5 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToLiquidOptions extends BaseTranspilerOptions {
+    reactive?: boolean;
+}
+export type LiquidMetadata = {};

package/dist/src/generators/liquid/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/generators/lit/collect-class-string.d.ts

@@ -0,0 +1,2 @@
+import { MitosisNode } from '../../types/mitosis-node';
+export declare function collectClassString(json: MitosisNode, bindingOpenChar?: string, bindingCloseChar?: string): string | null;

package/dist/src/generators/lit/collect-class-string.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.collectClassString = void 0;
+// This should really be a preprocessor mapping the `class` attribute binding based on what other values have
+// to make this more pluggable
+function collectClassString(json, bindingOpenChar = '{', bindingCloseChar = '}') {
+    var _a, _b;
+    const staticClasses = [];
+    const hasStaticClasses = Boolean(staticClasses.length);
+    if (json.properties.class) {
+        staticClasses.push(json.properties.class);
+        delete json.properties.class;
+    }
+    if (json.properties.className) {
+        staticClasses.push(json.properties.className);
+        delete json.properties.className;
+    }
+    const dynamicClasses = [];
+    if (typeof ((_a = json.bindings.class) === null || _a === void 0 ? void 0 : _a.code) === 'string') {
+        dynamicClasses.push(json.bindings.class.code);
+        delete json.bindings.class;
+    }
+    if (typeof ((_b = json.bindings.className) === null || _b === void 0 ? void 0 : _b.code) === 'string') {
+        dynamicClasses.push(json.bindings.className.code);
+        delete json.bindings.className;
+    }
+    const staticClassesString = staticClasses.join(' ');
+    const dynamicClassesString = dynamicClasses.join(" + ' ' + ");
+    const hasDynamicClasses = Boolean(dynamicClasses.length);
+    if (hasStaticClasses && !hasDynamicClasses) {
+        return `"${staticClassesString}"`;
+    }
+    if (hasDynamicClasses && !hasStaticClasses) {
+        return `${bindingOpenChar}${dynamicClassesString}${bindingCloseChar}`;
+    }
+    if (hasDynamicClasses && hasStaticClasses) {
+        return `${bindingOpenChar}"${staticClassesString} " + ${dynamicClassesString}${bindingCloseChar}`;
+    }
+    return null;
+}
+exports.collectClassString = collectClassString;

package/dist/src/generators/lit/generate.d.ts

@@ -0,0 +1,3 @@
+import { ToLitOptions } from '../../generators/lit/types';
+import { TranspilerGenerator } from '../../types/transpiler';
+export declare const componentToLit: TranspilerGenerator<ToLitOptions>;

package/dist/src/generators/lit/generate.js

@@ -0,0 +1,271 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentToLit = void 0;
+const dash_case_1 = require("../../helpers/dash-case");
+const dedent_1 = require("../../helpers/dedent");
+const event_handlers_1 = require("../../helpers/event-handlers");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
+const get_props_1 = require("../../helpers/get-props");
+const get_refs_1 = require("../../helpers/get-refs");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const has_1 = require("../../helpers/has");
+const indent_1 = require("../../helpers/indent");
+const is_upper_case_1 = require("../../helpers/is-upper-case");
+const map_refs_1 = require("../../helpers/map-refs");
+const merge_options_1 = require("../../helpers/merge-options");
+const render_imports_1 = require("../../helpers/render-imports");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+const collect_css_1 = require("../../helpers/styles/collect-css");
+const mitosis_node_1 = require("../../types/mitosis-node");
+const lodash_1 = require("lodash");
+const standalone_1 = require("prettier/standalone");
+const html_tags_1 = require("../../constants/html_tags");
+const plugins_1 = require("../../modules/plugins");
+const on_mount_1 = require("../helpers/on-mount");
+const collect_class_string_1 = require("./collect-class-string");
+const getCustomTagName = (name, options) => {
+    if (!name || !(0, is_upper_case_1.isUpperCase)(name[0])) {
+        return name;
+    }
+    const kebabCaseName = (0, dash_case_1.dashCase)(name);
+    if (!kebabCaseName.includes('-')) {
+        // TODO: option to choose your prefix
+        return 'my-' + kebabCaseName;
+    }
+    return kebabCaseName;
+};
+const blockToLit = (json, options = {}) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (json.properties._text) {
+        return json.properties._text;
+    }
+    if ((_a = json.bindings._text) === null || _a === void 0 ? void 0 : _a.code) {
+        return `\${${processBinding((_b = json.bindings) === null || _b === void 0 ? void 0 : _b._text.code)}}`;
+    }
+    if ((0, mitosis_node_1.checkIsForNode)(json)) {
+        return `\${${processBinding((_c = json.bindings.each) === null || _c === void 0 ? void 0 : _c.code)}?.map((${(_d = json.scope.forName) !== null && _d !== void 0 ? _d : '_'}, ${(_e = json.scope.indexName) !== null && _e !== void 0 ? _e : 'index'}) => (
+      html\`${json.children
+            .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
+            .map((item) => blockToLit(item, options))
+            .join('\n')}\`
+    ))}`;
+    }
+    else if (json.name === 'Show') {
+        return `\${${processBinding((_f = json.bindings.when) === null || _f === void 0 ? void 0 : _f.code)} ?
+      html\`${json.children
+            .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
+            .map((item) => blockToLit(item, options))
+            .join('\n')}\`
+    : ${!json.meta.else ? 'null' : `html\`${blockToLit(json.meta.else, options)}\``}}`;
+    }
+    let str = '';
+    const tagName = getCustomTagName(json.name, options);
+    str += `<${tagName} `;
+    const classString = (0, collect_class_string_1.collectClassString)(json);
+    if (classString) {
+        str += ` class=${classString} `;
+    }
+    for (const key in json.properties) {
+        const value = json.properties[key];
+        str += ` ${key}="${value}" `;
+    }
+    for (const key in json.bindings) {
+        const { code, arguments: cusArgs = ['event'], type } = json.bindings[key];
+        if (type === 'spread') {
+            str += ` \${spread(${code})} `;
+        }
+        else if (key === 'ref') {
+            // TODO: maybe use ref directive instead
+            // https://lit.dev/docs/templates/directives/#ref
+            str += ` ref="${code}" `;
+        }
+        else if ((0, event_handlers_1.checkIsEvent)(key)) {
+            const asyncKeyword = ((_g = json.bindings[key]) === null || _g === void 0 ? void 0 : _g.async) ? 'async ' : '';
+            const useKey = '@' + key.substring(2).toLowerCase();
+            str += ` ${useKey}=\${${asyncKeyword}(${cusArgs.join(',')}) => ${processBinding(code)}} `;
+        }
+        else {
+            const value = processBinding(code);
+            // If they key includes a '-' it's an attribute, not a property
+            if (key.includes('-')) {
+                str += ` ${key}=\${${value}} `;
+            }
+            else {
+                // TODO: handle boolean attributes too by matching list of html boolean attributes
+                // https://lit.dev/docs/templates/expressions/#boolean-attribute-expressions
+                str += ` .${key}=\${${value}} `;
+            }
+        }
+    }
+    if (html_tags_1.SELF_CLOSING_HTML_TAGS.has(json.name)) {
+        return str + ' />';
+    }
+    str += '>';
+    if (json.children) {
+        str += json.children.map((item) => blockToLit(item, options)).join('\n');
+    }
+    str += `</${tagName}>`;
+    return str;
+};
+function processBinding(code) {
+    return (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(code, { replaceWith: 'this.' });
+}
+const componentToLit = (_options = {}) => ({ component }) => {
+    var _a, _b, _c;
+    const options = (0, merge_options_1.initializeOptions)({ target: 'lit', component, defaults: _options });
+    let json = (0, fast_clone_1.fastClone)(component);
+    if (options.plugins) {
+        json = (0, plugins_1.runPreJsonPlugins)({ json, plugins: options.plugins });
+    }
+    const props = (0, get_props_1.getProps)(component);
+    let css = (0, collect_css_1.collectCss)(json);
+    const domRefs = (0, get_refs_1.getRefs)(json);
+    (0, map_refs_1.mapRefs)(json, (refName) => `this.${(0, lodash_1.camelCase)(refName)}`);
+    if (options.plugins) {
+        json = (0, plugins_1.runPostJsonPlugins)({ json, plugins: options.plugins });
+    }
+    (0, strip_meta_properties_1.stripMetaProperties)(json);
+    const dataString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
+        format: 'class',
+        data: true,
+        functions: false,
+        getters: false,
+        keyPrefix: '@state() ',
+        valueMapper: (code) => processBinding(code),
+    });
+    const methodsString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
+        format: 'class',
+        data: false,
+        functions: true,
+        getters: true,
+        valueMapper: (code) => processBinding(code),
+    });
+    if (options.prettier !== false) {
+        try {
+            css = (0, standalone_1.format)(css, {
+                parser: 'css',
+                plugins: [require('prettier/parser-postcss')],
+            });
+        }
+        catch (err) {
+            console.warn('Could not format css', err);
+        }
+    }
+    let html = json.children.map((item) => blockToLit(item, options)).join('\n');
+    const hasSpread = (0, has_1.has)(json, (node) => (0, lodash_1.some)(node.bindings, { type: 'spread' }));
+    if (options.prettier !== false) {
+        try {
+            css = (0, standalone_1.format)(css, {
+                parser: 'css',
+                plugins: [require('prettier/parser-postcss')],
+            });
+        }
+        catch (err) {
+            console.warn('Could not format css', err);
+        }
+        try {
+            html = (0, standalone_1.format)(html, {
+                parser: 'html',
+                plugins: [require('prettier/parser-html')],
+            });
+        }
+        catch (err) {
+            // If can't format HTML (this can happen with lit given it is tagged template strings),
+            // at least remove excess fspace
+            html = html.replace(/\n{3,}/g, '\n\n');
+        }
+    }
+    let str = (0, dedent_1.dedent) `
+    ${(0, render_imports_1.renderPreComponent)({
+        explicitImportFileExtension: options.explicitImportFileExtension,
+        component: json,
+        target: 'lit',
+    })}
+    import { LitElement, html, css } from 'lit';
+    import { customElement, property, state, query } from 'lit/decorators.js';
+
+    ${json.types ? json.types.join('\n') : ''}
+    ${hasSpread
+        ? `
+      const spread = (properties) =>
+        directive((part) => {
+          for (const property in properties) {
+            const value = properties[attr];
+            part.element[property] = value;
+          }
+        });
+    `
+        : ''}
+
+    @customElement('${((_a = json.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.tagName) || getCustomTagName(json.name, options)}')
+    export default class ${json.name} extends LitElement {
+      ${options.useShadowDom
+        ? ''
+        : `
+        createRenderRoot() {
+          return this;
+        }
+        `}
+
+      ${options.useShadowDom && css.length
+        ? `static styles = css\`
+      ${(0, indent_1.indent)(css, 8)}\`;`
+        : ''}
+
+      ${Array.from(domRefs)
+        .map((refName) => `
+          @query('[ref="${refName}"]')
+          ${(0, lodash_1.camelCase)(refName)}!: HTMLElement;
+          `)
+        .join('\n')}
+
+
+      ${Array.from(props)
+        .map((item) => `@property() ${item}: any`)
+        .join('\n')}
+
+        ${dataString}
+        ${methodsString}
+
+        ${json.hooks.onMount.length === 0
+        ? ''
+        : `connectedCallback() { ${processBinding((0, on_mount_1.stringifySingleScopeOnMount)(json))} }`}
+        ${!((_b = json.hooks.onUnMount) === null || _b === void 0 ? void 0 : _b.code)
+        ? ''
+        : `disconnectedCallback() { ${processBinding(json.hooks.onUnMount.code)} }`}
+        ${!((_c = json.hooks.onUpdate) === null || _c === void 0 ? void 0 : _c.length)
+        ? ''
+        : `updated() {
+              ${json.hooks.onUpdate.map((hook) => processBinding(hook.code)).join('\n\n')}
+            }`}
+
+      render() {
+        return html\`
+          ${options.useShadowDom || !css.length ? '' : `<style>${css}</style>`}
+          ${(0, indent_1.indent)(html, 8)}
+        \`
+      }
+    }
+  `;
+    if (options.plugins) {
+        str = (0, plugins_1.runPreCodePlugins)({ json, code: str, plugins: options.plugins });
+    }
+    if (options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [require('prettier/parser-typescript')],
+            });
+        }
+        catch (err) {
+            console.warn('Could not format Lit typescript', err);
+        }
+    }
+    if (options.plugins) {
+        str = (0, plugins_1.runPostCodePlugins)({ json, code: str, plugins: options.plugins });
+    }
+    return str;
+};
+exports.componentToLit = componentToLit;

package/dist/src/generators/lit/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generate';
+export * from './types';

package/dist/src/generators/lit/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generate"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/lit/types.d.ts

@@ -0,0 +1,8 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToLitOptions extends BaseTranspilerOptions {
+    /**
+     * Enabled shadowDOM for generated lit components. Default: enabled
+     */
+    useShadowDom?: boolean;
+}
+export type LitMetadata = {};

package/dist/src/generators/lit/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/generators/marko/generate.d.ts

@@ -0,0 +1,20 @@
+import { ToMarkoOptions } from '../../generators/marko/types';
+import { TranspilerGenerator } from '../../types/transpiler';
+export declare const componentToMarko: TranspilerGenerator<ToMarkoOptions>;
+/**
+ * Convert marko expressions to valid html
+ *
+ * <div on-click=(() => doSomething())> -> <div on-click="() => doSomething()">
+ */
+export declare function preprocessHtml(htmlString: string): string;
+/**
+ * Convert HTML back to marko expressions
+ *
+ * <div on-click="() => doSomething()"> -> <div on-click=(() => doSomething())>
+ */
+export declare function postprocessHtml(htmlString: string): string;
+/**
+ * Format Marko HTML using the built-in HTML parser for prettier,
+ * given issues with Marko's plugin
+ */
+export declare function markoFormatHtml(htmlString: string): string;