@builder.io/mitosis 0.4.4 → 0.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/generators/alpine/generate.d.ts +2 -11
- package/dist/src/generators/alpine/types.d.ts +12 -0
- package/dist/src/generators/alpine/types.js +2 -0
- package/dist/src/generators/angular/types.d.ts +5 -3
- package/dist/src/generators/{builder.d.ts → builder/generator.d.ts} +3 -5
- package/dist/src/generators/{builder.js → builder/generator.js} +69 -16
- package/dist/src/generators/builder/index.d.ts +1 -0
- package/dist/src/generators/builder/index.js +17 -0
- package/dist/src/generators/builder/types.d.ts +5 -0
- package/dist/src/generators/builder/types.js +2 -0
- package/dist/src/generators/html/generator.d.ts +4 -0
- package/dist/src/generators/{html.js → html/generator.js} +28 -28
- package/dist/src/generators/html/index.d.ts +1 -0
- package/dist/src/generators/html/index.js +17 -0
- package/dist/src/generators/html/types.d.ts +6 -0
- package/dist/src/generators/html/types.js +2 -0
- package/dist/src/generators/{liquid.d.ts → liquid/generator.d.ts} +2 -4
- package/dist/src/generators/{liquid.js → liquid/generator.js} +8 -8
- package/dist/src/generators/liquid/index.d.ts +1 -0
- package/dist/src/generators/liquid/index.js +17 -0
- package/dist/src/generators/liquid/types.d.ts +5 -0
- package/dist/src/generators/liquid/types.js +2 -0
- package/dist/src/generators/lit/generate.d.ts +2 -4
- package/dist/src/generators/lit/types.d.ts +8 -0
- package/dist/src/generators/lit/types.js +2 -0
- package/dist/src/generators/marko/generate.d.ts +2 -3
- package/dist/src/generators/marko/generate.js +2 -2
- package/dist/src/generators/marko/types.d.ts +4 -0
- package/dist/src/generators/marko/types.js +2 -0
- package/dist/src/generators/{mitosis.d.ts → mitosis/generator.d.ts} +4 -6
- package/dist/src/generators/{mitosis.js → mitosis/generator.js} +15 -15
- package/dist/src/generators/mitosis/index.d.ts +1 -0
- package/dist/src/generators/mitosis/index.js +17 -0
- package/dist/src/generators/mitosis/types.d.ts +5 -0
- package/dist/src/generators/mitosis/types.js +2 -0
- package/dist/src/generators/qwik/component-generator.d.ts +2 -3
- package/dist/src/generators/qwik/directives.js +1 -1
- package/dist/src/generators/qwik/types.d.ts +14 -0
- package/dist/src/generators/qwik/types.js +2 -0
- package/dist/src/generators/react/generator.js +13 -11
- package/dist/src/generators/react/types.d.ts +3 -0
- package/dist/src/generators/react-native/index.d.ts +2 -5
- package/dist/src/generators/react-native/types.d.ts +8 -0
- package/dist/src/generators/react-native/types.js +2 -0
- package/dist/src/generators/rsc/generator.d.ts +3 -0
- package/dist/src/generators/{rsc.js → rsc/generator.js} +5 -5
- package/dist/src/generators/rsc/index.d.ts +1 -0
- package/dist/src/generators/rsc/index.js +17 -0
- package/dist/src/generators/rsc/types.d.ts +5 -0
- package/dist/src/generators/rsc/types.js +2 -0
- package/dist/src/generators/solid/types.d.ts +4 -0
- package/dist/src/generators/stencil/generate.d.ts +2 -3
- package/dist/src/generators/stencil/types.d.ts +4 -0
- package/dist/src/generators/stencil/types.js +2 -0
- package/dist/src/generators/svelte/types.d.ts +1 -0
- package/dist/src/generators/swift/generator.d.ts +3 -0
- package/dist/src/generators/{swift-ui.js → swift/generator.js} +11 -11
- package/dist/src/generators/swift/index.d.ts +1 -0
- package/dist/src/generators/swift/index.js +17 -0
- package/dist/src/generators/swift/types.d.ts +4 -0
- package/dist/src/generators/swift/types.js +2 -0
- package/dist/src/generators/{taro.d.ts → taro/generator.d.ts} +4 -5
- package/dist/src/generators/{taro.js → taro/generator.js} +5 -5
- package/dist/src/generators/taro/index.d.ts +1 -0
- package/dist/src/generators/taro/index.js +17 -0
- package/dist/src/generators/taro/types.d.ts +3 -0
- package/dist/src/generators/taro/types.js +2 -0
- package/dist/src/generators/template/generator.d.ts +3 -0
- package/dist/src/generators/{template.js → template/generator.js} +7 -7
- package/dist/src/generators/template/index.d.ts +1 -0
- package/dist/src/generators/template/index.js +17 -0
- package/dist/src/generators/template/types.d.ts +4 -0
- package/dist/src/generators/template/types.js +2 -0
- package/dist/src/generators/vue/types.d.ts +1 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/parsers/builder/builder.js +44 -0
- package/dist/src/parsers/jsx/element-parser.js +3 -1
- package/dist/src/symbols/symbol-processor.d.ts +1 -1
- package/dist/src/symbols/symbol-processor.js +2 -2
- package/dist/src/targets.d.ts +14 -14
- package/dist/src/targets.js +2 -2
- package/dist/src/types/config.d.ts +1 -1
- package/dist/src/types/metadata.d.ts +43 -23
- package/package.json +1 -1
- package/dist/src/generators/html.d.ts +0 -7
- package/dist/src/generators/rsc.d.ts +0 -4
- package/dist/src/generators/swift-ui.d.ts +0 -3
- package/dist/src/generators/template.d.ts +0 -4
- /package/dist/src/generators/{minify.d.ts → helpers/minify.d.ts} +0 -0
- /package/dist/src/generators/{minify.js → helpers/minify.js} +0 -0
|
@@ -1,15 +1,6 @@
|
|
|
1
|
+
import { ToAlpineOptions } from '../../generators/alpine/types';
|
|
1
2
|
import { MitosisNode } from '../../types/mitosis-node';
|
|
2
|
-
import {
|
|
3
|
-
export interface ToAlpineOptions extends BaseTranspilerOptions {
|
|
4
|
-
/**
|
|
5
|
-
* use @on and : instead of `x-on` and `x-bind`
|
|
6
|
-
*/
|
|
7
|
-
useShorthandSyntax?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* If true, the javascript won't be extracted into a separate script block.
|
|
10
|
-
*/
|
|
11
|
-
inlineState?: boolean;
|
|
12
|
-
}
|
|
3
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
13
4
|
export declare const checkIsComponentNode: (node: MitosisNode) => boolean;
|
|
14
5
|
/**
|
|
15
6
|
* Test if the binding expression would be likely to generate
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BaseTranspilerOptions } from '../../types/transpiler';
|
|
2
|
+
export interface ToAlpineOptions extends BaseTranspilerOptions {
|
|
3
|
+
/**
|
|
4
|
+
* use @on and : instead of `x-on` and `x-bind`
|
|
5
|
+
*/
|
|
6
|
+
useShorthandSyntax?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* If true, the javascript won't be extracted into a separate script block.
|
|
9
|
+
*/
|
|
10
|
+
inlineState?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export type AlpineMetadata = {};
|
|
@@ -10,8 +10,10 @@ export interface ToAngularOptions extends BaseTranspilerOptions {
|
|
|
10
10
|
visuallyIgnoreHostElement?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const DEFAULT_ANGULAR_OPTIONS: ToAngularOptions;
|
|
13
|
-
export
|
|
14
|
-
childComponents?: string[];
|
|
13
|
+
export type AngularMetadata = {
|
|
15
14
|
nativeAttributes?: string[];
|
|
16
15
|
selector?: string;
|
|
17
|
-
}
|
|
16
|
+
};
|
|
17
|
+
export type AngularBlockOptions = {
|
|
18
|
+
childComponents?: string[];
|
|
19
|
+
} & AngularMetadata;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
+
import { ToBuilderOptions } from '../../generators/builder/types';
|
|
2
|
+
import { MitosisNode } from '../../types/mitosis-node';
|
|
3
|
+
import { TranspilerArgs } from '../../types/transpiler';
|
|
1
4
|
import { BuilderContent, BuilderElement } from '@builder.io/sdk';
|
|
2
|
-
import { MitosisNode } from '../types/mitosis-node';
|
|
3
|
-
import { BaseTranspilerOptions, TranspilerArgs } from '../types/transpiler';
|
|
4
|
-
export interface ToBuilderOptions extends BaseTranspilerOptions {
|
|
5
|
-
includeIds?: boolean;
|
|
6
|
-
}
|
|
7
5
|
type InternalOptions = {
|
|
8
6
|
skipMapper?: boolean;
|
|
9
7
|
};
|
|
@@ -4,26 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.componentToBuilder = exports.blockToBuilder = void 0;
|
|
7
|
-
const
|
|
8
|
-
const
|
|
7
|
+
const media_sizes_1 = require("../../constants/media-sizes");
|
|
8
|
+
const dedent_1 = require("../../helpers/dedent");
|
|
9
|
+
const fast_clone_1 = require("../../helpers/fast-clone");
|
|
10
|
+
const filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
|
|
11
|
+
const get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
12
|
+
const has_props_1 = require("../../helpers/has-props");
|
|
13
|
+
const is_component_1 = require("../../helpers/is-component");
|
|
14
|
+
const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
|
|
15
|
+
const is_upper_case_1 = require("../../helpers/is-upper-case");
|
|
16
|
+
const remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
|
|
17
|
+
const replace_identifiers_1 = require("../../helpers/replace-identifiers");
|
|
18
|
+
const state_1 = require("../../helpers/state");
|
|
19
|
+
const builder_1 = require("../../parsers/builder");
|
|
20
|
+
const symbol_processor_1 = require("../../symbols/symbol-processor");
|
|
9
21
|
const core_1 = require("@babel/core");
|
|
10
22
|
const json5_1 = __importDefault(require("json5"));
|
|
11
23
|
const lodash_1 = require("lodash");
|
|
12
24
|
const legacy_1 = __importDefault(require("neotraverse/legacy"));
|
|
13
25
|
const standalone_1 = require("prettier/standalone");
|
|
14
|
-
const
|
|
15
|
-
const dedent_1 = require("../helpers/dedent");
|
|
16
|
-
const fast_clone_1 = require("../helpers/fast-clone");
|
|
17
|
-
const filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
|
|
18
|
-
const get_state_object_string_1 = require("../helpers/get-state-object-string");
|
|
19
|
-
const has_props_1 = require("../helpers/has-props");
|
|
20
|
-
const is_component_1 = require("../helpers/is-component");
|
|
21
|
-
const is_upper_case_1 = require("../helpers/is-upper-case");
|
|
22
|
-
const remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
|
|
23
|
-
const state_1 = require("../helpers/state");
|
|
24
|
-
const builder_1 = require("../parsers/builder");
|
|
25
|
-
const symbol_processor_1 = require("../symbols/symbol-processor");
|
|
26
|
-
const on_mount_1 = require("./helpers/on-mount");
|
|
26
|
+
const on_mount_1 = require("../helpers/on-mount");
|
|
27
27
|
const omitMetaProperties = (obj) => (0, lodash_1.omitBy)(obj, (_value, key) => key.startsWith('$'));
|
|
28
28
|
const builderBlockPrefixes = ['Amp', 'Core', 'Builder', 'Raw', 'Form'];
|
|
29
29
|
const mapComponentName = (name) => {
|
|
@@ -72,6 +72,59 @@ const componentMappers = {
|
|
|
72
72
|
block.children = [];
|
|
73
73
|
return block;
|
|
74
74
|
},
|
|
75
|
+
PersonalizationContainer(node, options) {
|
|
76
|
+
const block = (0, exports.blockToBuilder)(node, options, { skipMapper: true });
|
|
77
|
+
// console.log('block', node);
|
|
78
|
+
const variants = [];
|
|
79
|
+
let defaultVariant = [];
|
|
80
|
+
const validFakeNodeNames = [
|
|
81
|
+
'Variant',
|
|
82
|
+
'PersonalizationOption',
|
|
83
|
+
'PersonalizationVariant',
|
|
84
|
+
'Personalization',
|
|
85
|
+
];
|
|
86
|
+
block.children.forEach((item) => {
|
|
87
|
+
var _a;
|
|
88
|
+
console.log('item', item);
|
|
89
|
+
if (item.component && validFakeNodeNames.includes((_a = item.component) === null || _a === void 0 ? void 0 : _a.name)) {
|
|
90
|
+
let query;
|
|
91
|
+
if (item.component.options.query) {
|
|
92
|
+
const optionsQuery = item.component.options.query;
|
|
93
|
+
if (Array.isArray(optionsQuery)) {
|
|
94
|
+
query = optionsQuery.map((q) => ({
|
|
95
|
+
'@type': '@builder.io/core:Query',
|
|
96
|
+
...q,
|
|
97
|
+
}));
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
query = [
|
|
101
|
+
{
|
|
102
|
+
'@type': '@builder.io/core:Query',
|
|
103
|
+
...optionsQuery,
|
|
104
|
+
},
|
|
105
|
+
];
|
|
106
|
+
}
|
|
107
|
+
const newVariant = {
|
|
108
|
+
...item.component.options,
|
|
109
|
+
query,
|
|
110
|
+
blocks: item.children,
|
|
111
|
+
};
|
|
112
|
+
variants.push(newVariant);
|
|
113
|
+
}
|
|
114
|
+
else if (item.children) {
|
|
115
|
+
defaultVariant.push(...item.children);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
defaultVariant.push(item);
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
delete block.properties;
|
|
123
|
+
delete block.bindings;
|
|
124
|
+
block.component.options.variants = variants;
|
|
125
|
+
block.children = defaultVariant;
|
|
126
|
+
return block;
|
|
127
|
+
},
|
|
75
128
|
For(_node, options) {
|
|
76
129
|
var _a;
|
|
77
130
|
// rename `index` var to `state.$index`
|
|
@@ -272,7 +325,7 @@ const componentToBuilder = (options = {}) => ({ component }) => {
|
|
|
272
325
|
${!(0, has_props_1.hasProps)(component) ? '' : `var props = state;`}
|
|
273
326
|
|
|
274
327
|
${!hasState ? '' : `Object.assign(state, ${(0, get_state_object_string_1.getStateObjectStringFromComponent)(component)});`}
|
|
275
|
-
|
|
328
|
+
|
|
276
329
|
${(0, on_mount_1.stringifySingleScopeOnMount)(component)}
|
|
277
330
|
`),
|
|
278
331
|
tsCode: tryFormat((0, dedent_1.dedent) `
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generator';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./generator"), exports);
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ToHtmlOptions } from '../../generators/html/types';
|
|
2
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
3
|
+
export declare const componentToHtml: TranspilerGenerator<ToHtmlOptions>;
|
|
4
|
+
export declare const componentToCustomElement: TranspilerGenerator<ToHtmlOptions>;
|
|
@@ -9,34 +9,34 @@ const function_1 = require("fp-ts/lib/function");
|
|
|
9
9
|
const lodash_1 = require("lodash");
|
|
10
10
|
const legacy_1 = __importDefault(require("neotraverse/legacy"));
|
|
11
11
|
const standalone_1 = require("prettier/standalone");
|
|
12
|
-
const html_tags_1 = require("
|
|
13
|
-
const babel_transform_1 = require("
|
|
14
|
-
const dash_case_1 = require("
|
|
15
|
-
const fast_clone_1 = require("
|
|
16
|
-
const get_prop_functions_1 = require("
|
|
17
|
-
const get_props_1 = require("
|
|
18
|
-
const get_props_ref_1 = require("
|
|
19
|
-
const get_refs_1 = require("
|
|
20
|
-
const get_state_object_string_1 = require("
|
|
21
|
-
const has_bindings_text_1 = require("
|
|
22
|
-
const has_component_1 = require("
|
|
23
|
-
const has_props_1 = require("
|
|
24
|
-
const has_stateful_dom_1 = require("
|
|
25
|
-
const is_children_1 = __importDefault(require("
|
|
26
|
-
const is_component_1 = require("
|
|
27
|
-
const is_html_attribute_1 = require("
|
|
28
|
-
const is_mitosis_node_1 = require("
|
|
29
|
-
const map_refs_1 = require("
|
|
30
|
-
const merge_options_1 = require("
|
|
31
|
-
const for_1 = require("
|
|
32
|
-
const remove_surrounding_block_1 = require("
|
|
33
|
-
const render_imports_1 = require("
|
|
34
|
-
const strip_meta_properties_1 = require("
|
|
35
|
-
const strip_state_and_props_refs_1 = require("
|
|
36
|
-
const collect_css_1 = require("
|
|
37
|
-
const plugins_1 = require("
|
|
38
|
-
const mitosis_node_1 = require("
|
|
39
|
-
const on_mount_1 = require("
|
|
12
|
+
const html_tags_1 = require("../../constants/html_tags");
|
|
13
|
+
const babel_transform_1 = require("../../helpers/babel-transform");
|
|
14
|
+
const dash_case_1 = require("../../helpers/dash-case");
|
|
15
|
+
const fast_clone_1 = require("../../helpers/fast-clone");
|
|
16
|
+
const get_prop_functions_1 = require("../../helpers/get-prop-functions");
|
|
17
|
+
const get_props_1 = require("../../helpers/get-props");
|
|
18
|
+
const get_props_ref_1 = require("../../helpers/get-props-ref");
|
|
19
|
+
const get_refs_1 = require("../../helpers/get-refs");
|
|
20
|
+
const get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
21
|
+
const has_bindings_text_1 = require("../../helpers/has-bindings-text");
|
|
22
|
+
const has_component_1 = require("../../helpers/has-component");
|
|
23
|
+
const has_props_1 = require("../../helpers/has-props");
|
|
24
|
+
const has_stateful_dom_1 = require("../../helpers/has-stateful-dom");
|
|
25
|
+
const is_children_1 = __importDefault(require("../../helpers/is-children"));
|
|
26
|
+
const is_component_1 = require("../../helpers/is-component");
|
|
27
|
+
const is_html_attribute_1 = require("../../helpers/is-html-attribute");
|
|
28
|
+
const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
|
|
29
|
+
const map_refs_1 = require("../../helpers/map-refs");
|
|
30
|
+
const merge_options_1 = require("../../helpers/merge-options");
|
|
31
|
+
const for_1 = require("../../helpers/nodes/for");
|
|
32
|
+
const remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
|
|
33
|
+
const render_imports_1 = require("../../helpers/render-imports");
|
|
34
|
+
const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
|
|
35
|
+
const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
|
|
36
|
+
const collect_css_1 = require("../../helpers/styles/collect-css");
|
|
37
|
+
const plugins_1 = require("../../modules/plugins");
|
|
38
|
+
const mitosis_node_1 = require("../../types/mitosis-node");
|
|
39
|
+
const on_mount_1 = require("../helpers/on-mount");
|
|
40
40
|
const isAttribute = (key) => {
|
|
41
41
|
return /-/.test(key);
|
|
42
42
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generator';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./generator"), exports);
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
reactive?: boolean;
|
|
4
|
-
}
|
|
1
|
+
import { ToLiquidOptions } from '../../generators/liquid/types';
|
|
2
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
5
3
|
/**
|
|
6
4
|
* Test if the binding expression would be likely to generate
|
|
7
5
|
* valid or invalid liquid. If we generate invalid liquid tags
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.componentToLiquid = exports.isValidLiquidBinding = void 0;
|
|
4
4
|
const standalone_1 = require("prettier/standalone");
|
|
5
|
-
const html_tags_1 = require("
|
|
6
|
-
const fast_clone_1 = require("
|
|
7
|
-
const get_state_object_string_1 = require("
|
|
8
|
-
const strip_meta_properties_1 = require("
|
|
9
|
-
const strip_state_and_props_refs_1 = require("
|
|
10
|
-
const collect_css_1 = require("
|
|
11
|
-
const plugins_1 = require("
|
|
12
|
-
const mitosis_node_1 = require("
|
|
5
|
+
const html_tags_1 = require("../../constants/html_tags");
|
|
6
|
+
const fast_clone_1 = require("../../helpers/fast-clone");
|
|
7
|
+
const get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
8
|
+
const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
|
|
9
|
+
const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
|
|
10
|
+
const collect_css_1 = require("../../helpers/styles/collect-css");
|
|
11
|
+
const plugins_1 = require("../../modules/plugins");
|
|
12
|
+
const mitosis_node_1 = require("../../types/mitosis-node");
|
|
13
13
|
/**
|
|
14
14
|
* Test if the binding expression would be likely to generate
|
|
15
15
|
* valid or invalid liquid. If we generate invalid liquid tags
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generator';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./generator"), exports);
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
useShadowDom?: boolean;
|
|
4
|
-
}
|
|
1
|
+
import { ToLitOptions } from '../../generators/lit/types';
|
|
2
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
5
3
|
export declare const componentToLit: TranspilerGenerator<ToLitOptions>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { BaseTranspilerOptions } from '../../types/transpiler';
|
|
2
|
+
export interface ToLitOptions extends BaseTranspilerOptions {
|
|
3
|
+
/**
|
|
4
|
+
* Enabled shadowDOM for generated lit components. Default: enabled
|
|
5
|
+
*/
|
|
6
|
+
useShadowDom?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export type LitMetadata = {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
}
|
|
1
|
+
import { ToMarkoOptions } from '../../generators/marko/types';
|
|
2
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
4
3
|
export declare const componentToMarko: TranspilerGenerator<ToMarkoOptions>;
|
|
5
4
|
/**
|
|
6
5
|
* Convert marko expressions to valid html
|
|
@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.markoFormatHtml = exports.postprocessHtml = exports.preprocessHtml = exports.componentToMarko = void 0;
|
|
7
|
+
const html_tags_1 = require("../../constants/html_tags");
|
|
7
8
|
const dash_case_1 = require("../../helpers/dash-case");
|
|
8
9
|
const dedent_1 = require("../../helpers/dedent");
|
|
9
10
|
const fast_clone_1 = require("../../helpers/fast-clone");
|
|
@@ -19,12 +20,11 @@ const render_imports_1 = require("../../helpers/render-imports");
|
|
|
19
20
|
const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
|
|
20
21
|
const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
|
|
21
22
|
const collect_css_1 = require("../../helpers/styles/collect-css");
|
|
23
|
+
const plugins_1 = require("../../modules/plugins");
|
|
22
24
|
const mitosis_node_1 = require("../../types/mitosis-node");
|
|
23
25
|
const hash_sum_1 = __importDefault(require("hash-sum"));
|
|
24
26
|
const lodash_1 = require("lodash");
|
|
25
27
|
const standalone_1 = require("prettier/standalone");
|
|
26
|
-
const html_tags_1 = require("../../constants/html_tags");
|
|
27
|
-
const plugins_1 = require("../../modules/plugins");
|
|
28
28
|
const on_mount_1 = require("../helpers/on-mount");
|
|
29
29
|
// Having issues with this, so off for now
|
|
30
30
|
const USE_MARKO_PRETTIER = false;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
format: 'react' | 'legacy';
|
|
6
|
-
}
|
|
1
|
+
import { ToMitosisOptions } from '../../generators/mitosis/types';
|
|
2
|
+
import { MitosisComponent } from '../../types/mitosis-component';
|
|
3
|
+
import { MitosisNode } from '../../types/mitosis-node';
|
|
4
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
7
5
|
export declare const DEFAULT_FORMAT: ToMitosisOptions['format'];
|
|
8
6
|
export declare const blockToMitosis: (json: MitosisNode, toMitosisOptions: Partial<ToMitosisOptions> | undefined, component: MitosisComponent) => string;
|
|
9
7
|
export declare const componentToMitosis: TranspilerGenerator<Partial<ToMitosisOptions>>;
|
|
@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.componentToMitosis = exports.blockToMitosis = exports.DEFAULT_FORMAT = void 0;
|
|
7
|
-
const plugins_1 = require("
|
|
7
|
+
const plugins_1 = require("../../modules/plugins");
|
|
8
8
|
const json5_1 = __importDefault(require("json5"));
|
|
9
9
|
const standalone_1 = require("prettier/standalone");
|
|
10
|
-
const hooks_1 = require("
|
|
11
|
-
const html_tags_1 = require("
|
|
12
|
-
const dedent_1 = require("
|
|
13
|
-
const fast_clone_1 = require("
|
|
14
|
-
const get_components_1 = require("
|
|
15
|
-
const get_refs_1 = require("
|
|
16
|
-
const get_state_object_string_1 = require("
|
|
17
|
-
const is_root_text_node_1 = require("
|
|
18
|
-
const map_refs_1 = require("
|
|
19
|
-
const render_imports_1 = require("
|
|
20
|
-
const state_1 = require("
|
|
21
|
-
const mitosis_node_1 = require("
|
|
22
|
-
const react_1 = require("
|
|
10
|
+
const hooks_1 = require("../../constants/hooks");
|
|
11
|
+
const html_tags_1 = require("../../constants/html_tags");
|
|
12
|
+
const dedent_1 = require("../../helpers/dedent");
|
|
13
|
+
const fast_clone_1 = require("../../helpers/fast-clone");
|
|
14
|
+
const get_components_1 = require("../../helpers/get-components");
|
|
15
|
+
const get_refs_1 = require("../../helpers/get-refs");
|
|
16
|
+
const get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
17
|
+
const is_root_text_node_1 = require("../../helpers/is-root-text-node");
|
|
18
|
+
const map_refs_1 = require("../../helpers/map-refs");
|
|
19
|
+
const render_imports_1 = require("../../helpers/render-imports");
|
|
20
|
+
const state_1 = require("../../helpers/state");
|
|
21
|
+
const mitosis_node_1 = require("../../types/mitosis-node");
|
|
22
|
+
const react_1 = require("../react");
|
|
23
23
|
exports.DEFAULT_FORMAT = 'legacy';
|
|
24
24
|
// Special isValidAttributeName for Mitosis so we can allow for $ in names
|
|
25
25
|
const isValidAttributeName = (str) => {
|
|
@@ -149,7 +149,7 @@ const componentToMitosis = (toMitosisOptions = {}) => ({ component }) => {
|
|
|
149
149
|
let str = (0, dedent_1.dedent) `
|
|
150
150
|
${!needsMitosisCoreImport
|
|
151
151
|
? ''
|
|
152
|
-
: `import { ${!hasState ? '' : 'useStore, '} ${!refs.length ? '' : 'useRef, '} ${mitosisComponents.join(', ')} } from '
|
|
152
|
+
: `import { ${!hasState ? '' : 'useStore, '} ${!refs.length ? '' : 'useRef, '} ${mitosisComponents.join(', ')} } from '../..';`}
|
|
153
153
|
${!otherComponents.length ? '' : `import { ${otherComponents.join(',')} } from '@components';`}
|
|
154
154
|
${json.types ? json.types.join('\n') : ''}
|
|
155
155
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generator';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./generator"), exports);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
}
|
|
1
|
+
import { ToQwikOptions } from '../../generators/qwik/types';
|
|
2
|
+
import { TranspilerGenerator } from '../../types/transpiler';
|
|
4
3
|
export declare const componentToQwik: TranspilerGenerator<ToQwikOptions>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Image = exports.DIRECTIVES = void 0;
|
|
4
4
|
const for_1 = require("../../helpers/nodes/for");
|
|
5
|
-
const minify_1 = require("../minify");
|
|
5
|
+
const minify_1 = require("../helpers/minify");
|
|
6
6
|
const src_generator_1 = require("./src-generator");
|
|
7
7
|
exports.DIRECTIVES = {
|
|
8
8
|
Show: (node, blockFn) => function () {
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Dictionary } from '../../helpers/typescript';
|
|
2
|
+
import { BaseTranspilerOptions } from '../../types/transpiler';
|
|
3
|
+
export interface ToQwikOptions extends BaseTranspilerOptions {
|
|
4
|
+
}
|
|
5
|
+
export type QwikMetadata = {
|
|
6
|
+
component?: {
|
|
7
|
+
isLight?: boolean;
|
|
8
|
+
};
|
|
9
|
+
setUseStoreFirst?: boolean;
|
|
10
|
+
hasDeepStore?: boolean;
|
|
11
|
+
mutable?: string[];
|
|
12
|
+
imports?: Dictionary<string>;
|
|
13
|
+
replace?: Record<string, string>;
|
|
14
|
+
};
|