@builder.io/mitosis 0.0.97-0 → 0.0.97
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/angular.js +2 -2
- package/dist/src/generators/builder.js +3 -3
- package/dist/src/generators/lit/generate.js +2 -5
- package/dist/src/generators/marko/generate.js +2 -2
- package/dist/src/generators/mitosis.js +2 -2
- package/dist/src/generators/qwik/component-generator.js +1 -1
- package/dist/src/generators/qwik/component.js +17 -6
- package/dist/src/generators/qwik/directives.js +34 -4
- package/dist/src/generators/qwik/jsx.d.ts +2 -1
- package/dist/src/generators/qwik/jsx.js +19 -9
- package/dist/src/generators/react/blocks.js +10 -2
- package/dist/src/generators/react/generator.js +3 -3
- package/dist/src/generators/solid/index.js +2 -2
- package/dist/src/generators/stencil/generate.js +2 -5
- package/dist/src/generators/svelte/svelte.js +3 -3
- package/dist/src/generators/swift-ui.js +2 -2
- package/dist/src/generators/template.js +2 -5
- package/dist/src/generators/vue/compositionApi.js +2 -2
- package/dist/src/generators/vue/optionsApi.js +2 -2
- package/dist/src/generators/vue/types.d.ts +1 -0
- package/dist/src/generators/vue/vue.js +6 -2
- package/dist/src/helpers/dedent.d.ts +1 -0
- package/dist/src/helpers/dedent.js +87 -0
- package/dist/src/helpers/is-root-text-node.d.ts +1 -1
- package/dist/src/helpers/styles/collect-css.js +15 -6
- package/dist/src/helpers/styles/helpers.d.ts +1 -1
- package/dist/src/helpers/styles/helpers.js +10 -3
- package/dist/src/parsers/builder/builder.js +41 -38
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/jsx-runtime.d.ts +2 -0
- package/package.json +3 -4
|
@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
exports.componentToAngular = exports.blockToAngular = void 0;
|
|
31
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
32
31
|
var standalone_1 = require("prettier/standalone");
|
|
32
|
+
var dedent_1 = require("../helpers/dedent");
|
|
33
33
|
var collect_css_1 = require("../helpers/styles/collect-css");
|
|
34
34
|
var fast_clone_1 = require("../helpers/fast-clone");
|
|
35
35
|
var get_refs_1 = require("../helpers/get-refs");
|
|
@@ -388,7 +388,7 @@ var componentToAngular = function (userOptions) {
|
|
|
388
388
|
.join(',');
|
|
389
389
|
return "const defaultProps = {".concat(defalutPropsString, "};\n");
|
|
390
390
|
};
|
|
391
|
-
var str = (0, dedent_1.
|
|
391
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n import { ", " ", " Component ", "", " } from '@angular/core';\n ", "\n\n ", "\n ", "\n ", "\n\n @Component({\n ", "\n })\n export class ", " {\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n }\n "], ["\n import { ", " ", " Component ", "", " } from '@angular/core';\n ", "\n\n ", "\n ", "\n ", "\n\n @Component({\n ", "\n })\n export class ", " {\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n }\n "])), outputs.length ? 'Output, EventEmitter, \n' : '', ((_g = options === null || options === void 0 ? void 0 : options.experimental) === null || _g === void 0 ? void 0 : _g.inject) ? 'Inject, forwardRef,' : '', domRefs.size ? ', ViewChild, ElementRef' : '', props.size ? ', Input' : '', options.standalone ? "import { CommonModule } from '@angular/common';" : '', json.types ? json.types.join('\n') : '', getPropsDefinition({ json: json }), (0, render_imports_1.renderPreComponent)({
|
|
392
392
|
component: json,
|
|
393
393
|
target: 'angular',
|
|
394
394
|
excludeMitosisComponents: !options.standalone && !options.preserveImports,
|
|
@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
21
21
|
exports.componentToBuilder = exports.blockToBuilder = void 0;
|
|
22
22
|
var get_state_object_string_1 = require("../helpers/get-state-object-string");
|
|
23
23
|
var fast_clone_1 = require("../helpers/fast-clone");
|
|
24
|
-
var dedent_1 =
|
|
24
|
+
var dedent_1 = require("../helpers/dedent");
|
|
25
25
|
var standalone_1 = require("prettier/standalone");
|
|
26
26
|
var json5_1 = __importDefault(require("json5"));
|
|
27
27
|
var is_upper_case_1 = require("../helpers/is-upper-case");
|
|
@@ -241,8 +241,8 @@ var componentToBuilder = function (options) {
|
|
|
241
241
|
var result = (0, fast_clone_1.fastClone)({
|
|
242
242
|
data: {
|
|
243
243
|
httpRequests: (_c = (_b = component === null || component === void 0 ? void 0 : component.meta) === null || _b === void 0 ? void 0 : _b.useMetadata) === null || _c === void 0 ? void 0 : _c.httpRequests,
|
|
244
|
-
jsCode: tryFormat((0, dedent_1.
|
|
245
|
-
tsCode: tryFormat((0, dedent_1.
|
|
244
|
+
jsCode: tryFormat((0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n ", "\n \n ", "\n "], ["\n ", "\n\n ", "\n \n ", "\n "])), !(0, has_props_1.hasProps)(component) ? '' : "var props = state;", !hasState ? '' : "Object.assign(state, ".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(component), ");"), !((_d = component.hooks.onMount) === null || _d === void 0 ? void 0 : _d.code) ? '' : component.hooks.onMount.code)),
|
|
245
|
+
tsCode: tryFormat((0, dedent_1.dedent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n "], ["\n ", "\n\n ", "\n\n ", "\n "])), !(0, has_props_1.hasProps)(component) ? '' : "var props = state;", !hasState ? '' : "useState(".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(component), ");"), !((_e = component.hooks.onMount) === null || _e === void 0 ? void 0 : _e.code)
|
|
246
246
|
? ''
|
|
247
247
|
: "onMount(() => {\n ".concat(component.hooks.onMount.code, "\n })"))),
|
|
248
248
|
blocks: component.children
|
|
@@ -3,13 +3,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
7
|
exports.componentToLit = void 0;
|
|
11
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
12
8
|
var standalone_1 = require("prettier/standalone");
|
|
9
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
13
10
|
var get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
14
11
|
var render_imports_1 = require("../../helpers/render-imports");
|
|
15
12
|
var jsx_1 = require("../../parsers/jsx");
|
|
@@ -180,7 +177,7 @@ var componentToLit = function (options) {
|
|
|
180
177
|
html = html.replace(/\n{3,}/g, '\n\n');
|
|
181
178
|
}
|
|
182
179
|
}
|
|
183
|
-
var str = (0, dedent_1.
|
|
180
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n import { LitElement, html, css } from 'lit';\n import { customElement, property, state, query } from 'lit/decorators.js';\n\n ", "\n ", "\n\n @customElement('", "')\n export default class ", " extends LitElement {\n ", "\n\n ", "\n\n ", "\n \n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return html`\n ", "\n ", "\n `\n }\n }\n "], ["\n ", "\n import { LitElement, html, css } from 'lit';\n import { customElement, property, state, query } from 'lit/decorators.js';\n\n ", "\n ", "\n\n @customElement('", "')\n export default class ", " extends LitElement {\n ", "\n\n ", "\n\n ", "\n \n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return html\\`\n ", "\n ", "\n \\`\n }\n }\n "])), (0, render_imports_1.renderPreComponent)({ component: json, target: 'lit' }), json.types ? json.types.join('\n') : '', hasSpread
|
|
184
181
|
? "\n const spread = (properties) =>\n directive((part) => {\n for (const property in properties) {\n const value = properties[attr];\n part.element[property] = value;\n }\n });\n "
|
|
185
182
|
: '', ((_b = json.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.tagName) || getCustomTagName(json.name, options), json.name, options.useShadowDom
|
|
186
183
|
? ''
|
|
@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.markoFormatHtml = exports.postprocessHtml = exports.preprocessHtml = exports.componentToMarko = void 0;
|
|
22
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
23
22
|
var standalone_1 = require("prettier/standalone");
|
|
23
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
24
24
|
var get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
25
25
|
var render_imports_1 = require("../../helpers/render-imports");
|
|
26
26
|
var jsx_1 = require("../../parsers/jsx");
|
|
@@ -176,7 +176,7 @@ var componentToMarko = function (userOptions) {
|
|
|
176
176
|
console.warn('Could not format css', err);
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
-
var jsString = (0, dedent_1.
|
|
179
|
+
var jsString = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n class {\n ", "\n\n ", "\n\n ", "\n \n ", "\n ", "\n ", "\n }\n "], ["\n ", "\n\n class {\n ", "\n\n ", "\n\n ", "\n \n ", "\n ", "\n ", "\n }\n "])), (0, render_imports_1.renderPreComponent)({ component: json, target: 'marko' }), methodsString, !hasState
|
|
180
180
|
? ''
|
|
181
181
|
: "onCreate(".concat(thisHasProps ? 'input' : '', ") {\n this.state = ").concat(dataString, "\n }"), Array.from(domRefs)
|
|
182
182
|
.map(function (refName) { return "get ".concat((0, lodash_1.camelCase)(refName), "() { \n return this.getEl('").concat((0, lodash_1.camelCase)(refName), "')\n }"); })
|
|
@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
exports.componentToMitosis = exports.blockToMitosis = exports.DEFAULT_FORMAT = void 0;
|
|
31
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
32
31
|
var json5_1 = __importDefault(require("json5"));
|
|
33
32
|
var standalone_1 = require("prettier/standalone");
|
|
33
|
+
var dedent_1 = require("../helpers/dedent");
|
|
34
34
|
var fast_clone_1 = require("../helpers/fast-clone");
|
|
35
35
|
var get_components_1 = require("../helpers/get-components");
|
|
36
36
|
var get_refs_1 = require("../helpers/get-refs");
|
|
@@ -157,7 +157,7 @@ var componentToMitosis = function (toMitosisOptions) {
|
|
|
157
157
|
var needsMitosisCoreImport = Boolean(hasState || refs.length || mitosisComponents.length);
|
|
158
158
|
var stringifiedUseMetadata = json5_1.default.stringify(component.meta.useMetadata);
|
|
159
159
|
// TODO: smart only pull in imports as needed
|
|
160
|
-
var str = (0, dedent_1.
|
|
160
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n\n export default function ", "(props) {\n ", "\n ", "\n\n ", "\n\n ", "\n\n return (", "\n ", "\n ", ")\n }\n\n "], ["\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n\n export default function ", "(props) {\n ", "\n ", "\n\n ", "\n\n ", "\n\n return (", "\n ", "\n ", ")\n }\n\n "])), !needsMitosisCoreImport
|
|
161
161
|
? ''
|
|
162
162
|
: "import { ".concat(!hasState ? '' : 'useStore, ', " ").concat(!refs.length ? '' : 'useRef, ', " ").concat(mitosisComponents.join(', '), " } from '@builder.io/mitosis';"), !otherComponents.length ? '' : "import { ".concat(otherComponents.join(','), " } from '@components';"), json.types ? json.types.join('\n') : '', (0, render_imports_1.renderPreComponent)({ component: json, target: 'mitosis' }), stringifiedUseMetadata && stringifiedUseMetadata !== '{}'
|
|
163
163
|
? "".concat(jsx_1.METADATA_HOOK_NAME, "(").concat(stringifiedUseMetadata, ")")
|
|
@@ -179,7 +179,7 @@ function emitJSX(file, component, mutable) {
|
|
|
179
179
|
if (file.options.isPretty) {
|
|
180
180
|
file.src.emit('\n\n');
|
|
181
181
|
}
|
|
182
|
-
file.src.emit('return ', (0, jsx_1.renderJSXNodes)(file, directives, handlers, component.children, styles, parentSymbolBindings));
|
|
182
|
+
file.src.emit('return ', (0, jsx_1.renderJSXNodes)(file, directives, handlers, component.children, styles, null, parentSymbolBindings));
|
|
183
183
|
}
|
|
184
184
|
function emitUseContextProvider(file, component) {
|
|
185
185
|
Object.entries(component.context.set).forEach(function (_a) {
|
|
@@ -27,6 +27,7 @@ var jsx_1 = require("./jsx");
|
|
|
27
27
|
var src_generator_1 = require("./src-generator");
|
|
28
28
|
var stable_serialize_1 = require("./helpers/stable-serialize");
|
|
29
29
|
var styles_1 = require("./helpers/styles");
|
|
30
|
+
var directives_1 = require("./directives");
|
|
30
31
|
function createFileSet(options) {
|
|
31
32
|
if (options === void 0) { options = {}; }
|
|
32
33
|
var opts = __assign({ qwikLib: '@builder.io/qwik', qrlPrefix: './', output: 'ts', minify: false, jsx: true }, options);
|
|
@@ -98,13 +99,16 @@ function addComponent(fileSet, component, opts) {
|
|
|
98
99
|
var directives = new Map();
|
|
99
100
|
var rootChildren = component.children;
|
|
100
101
|
addComponentOnMount(onRenderFile, function () {
|
|
101
|
-
return this.emit('return ', (0, jsx_1.renderJSXNodes)(onRenderFile, directives, handlers, rootChildren, styles, {}), ';');
|
|
102
|
+
return this.emit('return ', (0, jsx_1.renderJSXNodes)(onRenderFile, directives, handlers, rootChildren, styles, null, {}), ';');
|
|
102
103
|
}, componentName, component, useStyles);
|
|
103
104
|
componentFile.exportConst(componentName, (0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'componentQrl'), [generateQrl(componentFile, onRenderFile, componentName + 'OnMount')], ['any', 'any']));
|
|
104
105
|
directives.forEach(function (code, name) {
|
|
105
106
|
fileSet.med.import(fileSet.med.qwikModule, 'h');
|
|
106
107
|
fileSet.med.exportConst(name, code, true);
|
|
107
108
|
});
|
|
109
|
+
fileSet.low.exportConst('__proxyMerge__', directives_1.DIRECTIVES['__proxyMerge__'], true);
|
|
110
|
+
fileSet.med.exportConst('__proxyMerge__', directives_1.DIRECTIVES['__proxyMerge__'], true);
|
|
111
|
+
fileSet.high.exportConst('__proxyMerge__', directives_1.DIRECTIVES['__proxyMerge__'], true);
|
|
108
112
|
}
|
|
109
113
|
exports.addComponent = addComponent;
|
|
110
114
|
function generateStyles(fromFile, dstFile, symbol, scoped) {
|
|
@@ -130,7 +134,12 @@ function addBuilderBlockClass(children) {
|
|
|
130
134
|
}
|
|
131
135
|
function renderUseLexicalScope(file) {
|
|
132
136
|
return function () {
|
|
133
|
-
|
|
137
|
+
if (this.file.options.isBuilder) {
|
|
138
|
+
return this.emit('const [s,l]=', file.import(file.qwikModule, 'useLexicalScope').localName, '();', 'const state=__proxyMerge__(s,l);');
|
|
139
|
+
}
|
|
140
|
+
else {
|
|
141
|
+
return this.emit('const state=', file.import(file.qwikModule, 'useLexicalScope').localName, '()[0]');
|
|
142
|
+
}
|
|
134
143
|
};
|
|
135
144
|
}
|
|
136
145
|
exports.renderUseLexicalScope = renderUseLexicalScope;
|
|
@@ -152,15 +161,17 @@ function addComponentOnMount(componentFile, onRenderEmit, componentName, compone
|
|
|
152
161
|
}
|
|
153
162
|
componentFile.exportConst(componentName + 'OnMount', function () {
|
|
154
163
|
var _this = this;
|
|
155
|
-
this.emit((0, src_generator_1.arrowFnValue)(['
|
|
164
|
+
this.emit((0, src_generator_1.arrowFnValue)(['p'], function () {
|
|
156
165
|
var _a;
|
|
157
166
|
return _this.emit.apply(_this, __spreadArray(__spreadArray(['{',
|
|
158
|
-
'const
|
|
167
|
+
'const s=',
|
|
159
168
|
componentFile.import(componentFile.qwikModule, 'useStore').localName,
|
|
160
169
|
'(()=>{',
|
|
161
|
-
'const state
|
|
170
|
+
'const state=Object.assign({},structuredClone(typeof __STATE__==="object"&&__STATE__[p.serverStateId]),p);'], inputInitializer, false), [inlineCode((_a = component.hooks.onMount) === null || _a === void 0 ? void 0 : _a.code),
|
|
162
171
|
'return state;',
|
|
163
|
-
'});',
|
|
172
|
+
'},{deep:true});',
|
|
173
|
+
'const l={};',
|
|
174
|
+
'const state=__proxyMerge__(s,l);',
|
|
164
175
|
useStyles,
|
|
165
176
|
onRenderEmit,
|
|
166
177
|
';}'], false));
|
|
@@ -40,12 +40,17 @@ exports.DIRECTIVES = {
|
|
|
40
40
|
_this.emit('(', expr, '||[]).map(');
|
|
41
41
|
_this.isBuilder && _this.emit('(('), _this.emit('function(', forArgs, '){');
|
|
42
42
|
if (_this.isBuilder) {
|
|
43
|
-
_this.emit('
|
|
43
|
+
_this.emit('const l={...this,', (0, src_generator_1.iteratorProperty)(expr), ':', forName, '==null?{}:', forName, ',', function () {
|
|
44
|
+
return forArgs.forEach(function (arg) {
|
|
45
|
+
_this.emit(arg, ':', arg, ',');
|
|
46
|
+
});
|
|
47
|
+
}, '};');
|
|
48
|
+
_this.emit('const state = __proxyMerge__(s,l);');
|
|
44
49
|
}
|
|
45
50
|
_this.emit('return(');
|
|
46
51
|
blockFn();
|
|
47
52
|
_this.emit(');}');
|
|
48
|
-
_this.isBuilder && _this.emit(').bind(
|
|
53
|
+
_this.isBuilder && _this.emit(').bind(l))');
|
|
49
54
|
_this.emit(')');
|
|
50
55
|
});
|
|
51
56
|
};
|
|
@@ -53,6 +58,7 @@ exports.DIRECTIVES = {
|
|
|
53
58
|
Image: (0, minify_1.minify)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), Image),
|
|
54
59
|
CoreButton: (0, minify_1.minify)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), CoreButton),
|
|
55
60
|
__passThroughProps__: (0, minify_1.minify)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ""], ["", ""])), __passThroughProps__),
|
|
61
|
+
__proxyMerge__: (0, minify_1.minify)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", ""], ["", ""])), __proxyMerge__),
|
|
56
62
|
};
|
|
57
63
|
function Image(props) {
|
|
58
64
|
var _a;
|
|
@@ -81,7 +87,7 @@ function Image(props) {
|
|
|
81
87
|
.map(function (size) {
|
|
82
88
|
return updateQueryParam(webpImage_1, 'width', size) + ' ' + size + 'w';
|
|
83
89
|
})
|
|
84
|
-
.concat(
|
|
90
|
+
.concat(tryAppendWidth(image))
|
|
85
91
|
.join(', ');
|
|
86
92
|
imgProps.srcset = srcset;
|
|
87
93
|
jsx = jsx = [
|
|
@@ -113,6 +119,14 @@ function Image(props) {
|
|
|
113
119
|
}
|
|
114
120
|
return uri + separator + key + '=' + encodeURIComponent(value);
|
|
115
121
|
}
|
|
122
|
+
function tryAppendWidth(url) {
|
|
123
|
+
var match = url.match(/[?&]width=(\d+)/);
|
|
124
|
+
var width = match && match[1];
|
|
125
|
+
if (width) {
|
|
126
|
+
return [url + ' ' + width + 'w'];
|
|
127
|
+
}
|
|
128
|
+
return [];
|
|
129
|
+
}
|
|
116
130
|
}
|
|
117
131
|
exports.Image = Image;
|
|
118
132
|
function __passThroughProps__(dstProps, srcProps) {
|
|
@@ -134,4 +148,20 @@ function CoreButton(props) {
|
|
|
134
148
|
};
|
|
135
149
|
return h(hasLink ? 'a' : props.tagName$ || 'span', __passThroughProps__(hProps, props));
|
|
136
150
|
}
|
|
137
|
-
|
|
151
|
+
function __proxyMerge__(state, local) {
|
|
152
|
+
return new Proxy(state, {
|
|
153
|
+
get: function (obj, prop) {
|
|
154
|
+
if (local && prop in local) {
|
|
155
|
+
return local[prop];
|
|
156
|
+
}
|
|
157
|
+
else {
|
|
158
|
+
return state[prop];
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
set: function (obj, prop, value) {
|
|
162
|
+
obj[prop] = value;
|
|
163
|
+
return true;
|
|
164
|
+
},
|
|
165
|
+
});
|
|
166
|
+
}
|
|
167
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -9,8 +9,9 @@ import { CssStyles } from './helpers/styles';
|
|
|
9
9
|
* @param handlers A set of handlers which we came across so that they can be rendered
|
|
10
10
|
* @param children A list of children to convert to JSX
|
|
11
11
|
* @param styles Store for styles which we came across so that they can be rendered.
|
|
12
|
+
* @param key Key to be used for the node if needed
|
|
12
13
|
* @param parentSymbolBindings A set of bindings from parent to be written into the child.
|
|
13
14
|
* @param root True if this is the root JSX, and may need a Fragment wrapper.
|
|
14
15
|
* @returns
|
|
15
16
|
*/
|
|
16
|
-
export declare function renderJSXNodes(file: File, directives: Map<string, string>, handlers: Map<string, string>, children: MitosisNode[], styles: Map<string, CssStyles>, parentSymbolBindings: Record<string, string>, root?: boolean): any;
|
|
17
|
+
export declare function renderJSXNodes(file: File, directives: Map<string, string>, handlers: Map<string, string>, children: MitosisNode[], styles: Map<string, CssStyles>, key: string | null | undefined, parentSymbolBindings: Record<string, string>, root?: boolean): any;
|
|
@@ -32,11 +32,12 @@ var src_generator_1 = require("./src-generator");
|
|
|
32
32
|
* @param handlers A set of handlers which we came across so that they can be rendered
|
|
33
33
|
* @param children A list of children to convert to JSX
|
|
34
34
|
* @param styles Store for styles which we came across so that they can be rendered.
|
|
35
|
+
* @param key Key to be used for the node if needed
|
|
35
36
|
* @param parentSymbolBindings A set of bindings from parent to be written into the child.
|
|
36
37
|
* @param root True if this is the root JSX, and may need a Fragment wrapper.
|
|
37
38
|
* @returns
|
|
38
39
|
*/
|
|
39
|
-
function renderJSXNodes(file, directives, handlers, children, styles, parentSymbolBindings, root) {
|
|
40
|
+
function renderJSXNodes(file, directives, handlers, children, styles, key, parentSymbolBindings, root) {
|
|
40
41
|
if (root === void 0) { root = true; }
|
|
41
42
|
return function () {
|
|
42
43
|
var _this = this;
|
|
@@ -86,15 +87,12 @@ function renderJSXNodes(file, directives, handlers, children, styles, parentSymb
|
|
|
86
87
|
});
|
|
87
88
|
_this.emit(directive(child, blockFn_1));
|
|
88
89
|
!_this.isJSX && _this.emit(',');
|
|
90
|
+
includedHelperDirectives(directive.toString(), directives);
|
|
89
91
|
}
|
|
90
92
|
else {
|
|
91
93
|
if (typeof directive == 'string') {
|
|
92
94
|
directives.set(childName, directive);
|
|
93
|
-
|
|
94
|
-
var name = match[0];
|
|
95
|
-
var code = directives_1.DIRECTIVES[name];
|
|
96
|
-
typeof code == 'string' && directives.set(name, code);
|
|
97
|
-
});
|
|
95
|
+
includedHelperDirectives(directive, directives);
|
|
98
96
|
if (file.module !== 'med' && file.imports.hasImport(childName)) {
|
|
99
97
|
file.import('./med.js', childName);
|
|
100
98
|
}
|
|
@@ -122,10 +120,15 @@ function renderJSXNodes(file, directives, handlers, children, styles, parentSymb
|
|
|
122
120
|
props.class = addClass(styleProps.CLASS_NAME, props.class);
|
|
123
121
|
}
|
|
124
122
|
}
|
|
123
|
+
key = props['builder-id'] || key;
|
|
124
|
+
if (props.innerHTML) {
|
|
125
|
+
// Special case. innerHTML requires `key` in Qwik
|
|
126
|
+
props = __assign({ key: key || 'default' }, props);
|
|
127
|
+
}
|
|
125
128
|
var symbolBindings = {};
|
|
126
129
|
var bindings = rewriteHandlers(file, handlers, child.bindings, symbolBindings);
|
|
127
130
|
_this.jsxBegin(childName, props, __assign(__assign(__assign({}, bindings), parentSymbolBindings), specialBindings));
|
|
128
|
-
renderJSXNodes(file, directives, handlers, child.children, styles, symbolBindings, false).call(_this);
|
|
131
|
+
renderJSXNodes(file, directives, handlers, child.children, styles, key, symbolBindings, false).call(_this);
|
|
129
132
|
_this.jsxEnd(childName);
|
|
130
133
|
}
|
|
131
134
|
}
|
|
@@ -140,13 +143,20 @@ function renderJSXNodes(file, directives, handlers, children, styles, parentSymb
|
|
|
140
143
|
children = children.filter(function (c) { return !isEmptyTextNode(c); });
|
|
141
144
|
var childNeedsFragment = children.length > 1 || (children.length && isTextNode(children[0]));
|
|
142
145
|
childNeedsFragment && srcBuilder.jsxBeginFragment(fragmentSymbol);
|
|
143
|
-
renderJSXNodes(file, directives, handlers, children, styles, {}, false).call(srcBuilder);
|
|
146
|
+
renderJSXNodes(file, directives, handlers, children, styles, null, {}, false).call(srcBuilder);
|
|
144
147
|
childNeedsFragment && srcBuilder.jsxEndFragment();
|
|
145
148
|
};
|
|
146
149
|
}
|
|
147
150
|
};
|
|
148
151
|
}
|
|
149
152
|
exports.renderJSXNodes = renderJSXNodes;
|
|
153
|
+
function includedHelperDirectives(directive, directives) {
|
|
154
|
+
Array.from(directive.matchAll(/(__[\w]+__)/g)).forEach(function (match) {
|
|
155
|
+
var name = match[0];
|
|
156
|
+
var code = directives_1.DIRECTIVES[name];
|
|
157
|
+
typeof code == 'string' && directives.set(name, code);
|
|
158
|
+
});
|
|
159
|
+
}
|
|
150
160
|
function isSymbol(name) {
|
|
151
161
|
return name.charAt(0) == name.charAt(0).toUpperCase();
|
|
152
162
|
}
|
|
@@ -199,7 +209,7 @@ function rewriteHandlers(file, handlers, bindings, symbolBindings) {
|
|
|
199
209
|
bindingExpr = (0, src_generator_1.invoke)(file.import(file.qwikModule, 'qrl'), [
|
|
200
210
|
(0, src_generator_1.quote)(file.qrlPrefix + 'high.js'),
|
|
201
211
|
(0, src_generator_1.quote)(handlerBlock),
|
|
202
|
-
'[state]',
|
|
212
|
+
file.options.isBuilder ? '[s,l]' : '[state]',
|
|
203
213
|
]);
|
|
204
214
|
}
|
|
205
215
|
else if (symbolBindings && key.startsWith('symbol.data.')) {
|
|
@@ -20,8 +20,10 @@ var is_children_1 = __importDefault(require("../../helpers/is-children"));
|
|
|
20
20
|
var slots_1 = require("../../helpers/slots");
|
|
21
21
|
var filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
|
|
22
22
|
var is_valid_attribute_name_1 = require("../../helpers/is-valid-attribute-name");
|
|
23
|
+
var is_root_text_node_1 = require("../../helpers/is-root-text-node");
|
|
23
24
|
var for_1 = require("../../helpers/nodes/for");
|
|
24
25
|
var jsx_1 = require("../../parsers/jsx");
|
|
26
|
+
var mitosis_node_1 = require("../../types/mitosis-node");
|
|
25
27
|
var helpers_1 = require("./helpers");
|
|
26
28
|
var state_1 = require("./state");
|
|
27
29
|
var NODE_MAPPERS = {
|
|
@@ -97,11 +99,17 @@ var NODE_MAPPERS = {
|
|
|
97
99
|
},
|
|
98
100
|
Show: function (json, options, component) {
|
|
99
101
|
var _a;
|
|
100
|
-
var wrap = (0, helpers_1.wrapInFragment)(json);
|
|
102
|
+
var wrap = (0, helpers_1.wrapInFragment)(json) || (0, is_root_text_node_1.isRootTextNode)(json);
|
|
103
|
+
var wrapElse = json.meta.else &&
|
|
104
|
+
((0, helpers_1.wrapInFragment)(json.meta.else) || (0, mitosis_node_1.checkIsForNode)(json.meta.else));
|
|
101
105
|
return "{".concat((0, helpers_1.processBinding)((_a = json.bindings.when) === null || _a === void 0 ? void 0 : _a.code, options), " ? (\n ").concat(wrap ? (0, helpers_1.openFrag)(options) : '').concat(json.children
|
|
102
106
|
.filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
|
|
103
107
|
.map(function (item) { return (0, exports.blockToReact)(item, options, component); })
|
|
104
|
-
.join('\n')).concat(wrap ? (0, helpers_1.closeFrag)(options) : '', "\n ) : ").concat(!json.meta.else
|
|
108
|
+
.join('\n')).concat(wrap ? (0, helpers_1.closeFrag)(options) : '', "\n ) : ").concat(!json.meta.else
|
|
109
|
+
? 'null'
|
|
110
|
+
: (wrapElse ? (0, helpers_1.openFrag)(options) : '') +
|
|
111
|
+
(0, exports.blockToReact)(json.meta.else, options, component) +
|
|
112
|
+
(wrapElse ? (0, helpers_1.closeFrag)(options) : ''), "}");
|
|
105
113
|
},
|
|
106
114
|
};
|
|
107
115
|
var ATTTRIBUTE_MAPPERS = {
|
|
@@ -19,11 +19,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
19
19
|
};
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.componentToReact = exports.componentToPreact = exports.contextPropDrillingKey = void 0;
|
|
22
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
23
22
|
var json5_1 = __importDefault(require("json5"));
|
|
24
23
|
var standalone_1 = require("prettier/standalone");
|
|
25
24
|
var collect_css_1 = require("../../helpers/styles/collect-css");
|
|
26
25
|
var create_mitosis_node_1 = require("../../helpers/create-mitosis-node");
|
|
26
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
27
27
|
var fast_clone_1 = require("../../helpers/fast-clone");
|
|
28
28
|
var get_refs_1 = require("../../helpers/get-refs");
|
|
29
29
|
var get_props_ref_1 = require("../../helpers/get-props-ref");
|
|
@@ -292,7 +292,7 @@ var _componentToReact = function (json, options, isSubComponent) {
|
|
|
292
292
|
var componentArgs = ["props".concat(options.typescript ? ":".concat(propType) : ''), options.forwardRef]
|
|
293
293
|
.filter(Boolean)
|
|
294
294
|
.join(',');
|
|
295
|
-
var componentBody = (0, dedent_1.
|
|
295
|
+
var componentBody = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n return (\n ", "\n ", "\n ", "\n ", "\n );\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n return (\n ", "\n ", "\n ", "\n ", "\n );\n "])), options.contextType === 'prop-drill'
|
|
296
296
|
? "const ".concat(exports.contextPropDrillingKey, " = { ...props['").concat(exports.contextPropDrillingKey, "'] };")
|
|
297
297
|
: '', hasStateArgument ? '' : refsString, hasState
|
|
298
298
|
? options.stateType === 'mobx'
|
|
@@ -326,7 +326,7 @@ var _componentToReact = function (json, options, isSubComponent) {
|
|
|
326
326
|
: componentHasStyles && options.stylesType === 'style-tag'
|
|
327
327
|
? "<style>{`".concat(css, "`}</style>")
|
|
328
328
|
: '', wrap ? (0, helpers_2.closeFrag)(options) : '');
|
|
329
|
-
var str = (0, dedent_1.
|
|
329
|
+
var str = (0, dedent_1.dedent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "function ", "(", ") {\n ", "\n }", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "function ", "(", ") {\n ", "\n }", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n\n "])), getDefaultImport(json, options), styledComponentsCode ? "import styled from 'styled-components';\n" : '', reactLibImports.size
|
|
330
330
|
? "import { ".concat(Array.from(reactLibImports).join(', '), " } from '").concat(options.preact ? 'preact/hooks' : 'react', "'")
|
|
331
331
|
: '', componentHasStyles && options.stylesType === 'emotion' && options.format !== 'lite'
|
|
332
332
|
? "/** @jsx jsx */\n import { jsx } from '@emotion/react'".trim()
|
|
@@ -51,8 +51,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
51
51
|
};
|
|
52
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
53
|
exports.componentToSolid = void 0;
|
|
54
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
55
54
|
var standalone_1 = require("prettier/standalone");
|
|
55
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
56
56
|
var helpers_1 = require("../../helpers/styles/helpers");
|
|
57
57
|
var get_refs_1 = require("../../helpers/get-refs");
|
|
58
58
|
var render_imports_1 = require("../../helpers/render-imports");
|
|
@@ -177,7 +177,7 @@ var componentToSolid = function (passedOptions) {
|
|
|
177
177
|
var storeImports = (_e = state === null || state === void 0 ? void 0 : state.import.store) !== null && _e !== void 0 ? _e : [];
|
|
178
178
|
var propType = json.propsTypeRef || 'any';
|
|
179
179
|
var propsArgs = "props".concat(options.typescript ? ":".concat(propType) : '');
|
|
180
|
-
var str = (0, dedent_1.
|
|
180
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n function ", "(", ") {\n ", "\n\n ", "\n ", "\n\n ", "\n ", "\n\n return (", "\n ", "\n ", "\n ", ")\n }\n\n export default ", ";\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n function ", "(", ") {\n ", "\n\n ", "\n ", "\n\n ", "\n ", "\n\n return (", "\n ", "\n ", "\n ", ")\n }\n\n export default ", ";\n "])), solidJSImports.length > 0 ? "import { ".concat(solidJSImports.join(', '), " } from 'solid-js';") : '', !foundDynamicComponents ? '' : "import { Dynamic } from 'solid-js/web';", storeImports.length > 0 ? "import { ".concat(storeImports.join(', '), " } from 'solid-js/store';") : '', !componentHasStyles && options.stylesType === 'styled-components'
|
|
181
181
|
? ''
|
|
182
182
|
: "import { css } from \"solid-styled-components\";", json.types && options.typescript ? json.types.join('\n') : '', (0, render_imports_1.renderPreComponent)({ component: json, target: 'solid' }), json.name, propsArgs, (_f = state === null || state === void 0 ? void 0 : state.str) !== null && _f !== void 0 ? _f : '', getRefsString(json, options), getContextString(json, options), !((_g = json.hooks.onMount) === null || _g === void 0 ? void 0 : _g.code) ? '' : "onMount(() => { ".concat(json.hooks.onMount.code, " })"), json.hooks.onUpdate
|
|
183
183
|
? json.hooks.onUpdate
|
|
@@ -3,13 +3,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
7
|
exports.componentToStencil = void 0;
|
|
11
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
12
8
|
var standalone_1 = require("prettier/standalone");
|
|
9
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
13
10
|
var get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
14
11
|
var render_imports_1 = require("../../helpers/render-imports");
|
|
15
12
|
var jsx_1 = require("../../parsers/jsx");
|
|
@@ -132,7 +129,7 @@ var componentToStencil = function (options) {
|
|
|
132
129
|
console.warn('Could not format css', err);
|
|
133
130
|
}
|
|
134
131
|
}
|
|
135
|
-
var str = (0, dedent_1.
|
|
132
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n import { Component, Prop, h, State, Fragment } from '@stencil/core';\n\n @Component({\n tag: '", "',\n ", "\n })\n export default class ", " {\n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return (", "\n \n ", "\n\n ", ")\n }\n }\n "], ["\n ", "\n\n import { Component, Prop, h, State, Fragment } from '@stencil/core';\n\n @Component({\n tag: '"
|
|
136
133
|
/**
|
|
137
134
|
* You can set the tagName in your Mitosis component as
|
|
138
135
|
*
|
|
@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
19
|
exports.componentToSvelte = void 0;
|
|
20
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
21
20
|
var standalone_1 = require("prettier/standalone");
|
|
22
21
|
var traverse_1 = __importDefault(require("traverse"));
|
|
23
22
|
var collect_css_1 = require("../../helpers/styles/collect-css");
|
|
23
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
24
24
|
var helpers_1 = require("../../helpers/styles/helpers");
|
|
25
25
|
var fast_clone_1 = require("../../helpers/fast-clone");
|
|
26
26
|
var get_props_1 = require("../../helpers/get-props");
|
|
@@ -179,7 +179,7 @@ var componentToSvelte = function (userProvidedOptions) {
|
|
|
179
179
|
var str = '';
|
|
180
180
|
var tsLangAttribute = options.typescript ? "lang='ts'" : '';
|
|
181
181
|
if (options.typescript && ((_b = json.types) === null || _b === void 0 ? void 0 : _b.length)) {
|
|
182
|
-
str += (0, dedent_1.
|
|
182
|
+
str += (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n <script context='module' ", ">\n ", "\n </script>\n \n\n \n\n "], ["\n <script context='module' ", ">\n ", "\n </script>\n \\n\n \\n\n "])), tsLangAttribute, json.types ? json.types.join('\n\n') + '\n' : '');
|
|
183
183
|
}
|
|
184
184
|
// prepare svelte imports
|
|
185
185
|
var svelteImports = [];
|
|
@@ -199,7 +199,7 @@ var componentToSvelte = function (userProvidedOptions) {
|
|
|
199
199
|
if ((0, context_1.hasSetContext)(component)) {
|
|
200
200
|
svelteImports.push('setContext');
|
|
201
201
|
}
|
|
202
|
-
str += (0, dedent_1.
|
|
202
|
+
str += (0, dedent_1.dedent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n <script ", ">\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n </script>\n\n ", "\n\n ", "\n "], ["\n <script ", ">\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n "
|
|
203
203
|
// https://svelte.dev/repl/bd9b56891f04414982517bbd10c52c82?version=3.31.0
|
|
204
204
|
, "\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n "
|
|
205
205
|
// make sure this is after all other state/code is initialized
|
|
@@ -8,9 +8,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.componentToSwift = void 0;
|
|
11
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
12
11
|
var try_prettier_format_1 = require("../helpers/try-prettier-format");
|
|
13
12
|
var traverse_1 = __importDefault(require("traverse"));
|
|
13
|
+
var dedent_1 = require("../helpers/dedent");
|
|
14
14
|
var fast_clone_1 = require("../helpers/fast-clone");
|
|
15
15
|
var filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
|
|
16
16
|
var generic_format_1 = require("../helpers/generic-format");
|
|
@@ -249,7 +249,7 @@ var componentToSwift = function (options) {
|
|
|
249
249
|
var hasDyanmicData = componentHasDynamicData(json);
|
|
250
250
|
var children = json.children.map(function (item) { return blockToSwift(item, options); }).join('\n');
|
|
251
251
|
var hasInputNames = Object.keys(json.meta.inputNames || {}).length > 0;
|
|
252
|
-
var str = (0, dedent_1.
|
|
252
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n import SwiftUI\n ", "\n\n struct ", ": View {\n ", "\n\n var body: some View {\n VStack {\n ", "\n }", "\n }\n }\n "], ["\n import SwiftUI\n ", "\n\n struct ", ": View {\n ", "\n\n var body: some View {\n VStack {\n ", "\n }", "\n }\n }\n "])), !hasDyanmicData
|
|
253
253
|
? ''
|
|
254
254
|
: "import JavaScriptCore\n \n final class UpdateTracker: ObservableObject {\n @Published var value = 0;\n \n func update() {\n value += 1\n }\n }\n ", component.name, !hasDyanmicData
|
|
255
255
|
? ''
|
|
@@ -3,9 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
7
|
exports.componentToTemplate = void 0;
|
|
11
8
|
var standalone_1 = require("prettier/standalone");
|
|
@@ -14,7 +11,7 @@ var fast_clone_1 = require("../helpers/fast-clone");
|
|
|
14
11
|
var jsx_1 = require("../parsers/jsx");
|
|
15
12
|
var mitosis_node_1 = require("../types/mitosis-node");
|
|
16
13
|
var plugins_1 = require("../modules/plugins");
|
|
17
|
-
var dedent_1 =
|
|
14
|
+
var dedent_1 = require("../helpers/dedent");
|
|
18
15
|
var get_state_object_string_1 = require("../helpers/get-state-object-string");
|
|
19
16
|
var mappers = {
|
|
20
17
|
Fragment: function (json, options) {
|
|
@@ -105,7 +102,7 @@ var componentToTemplate = function (options) {
|
|
|
105
102
|
if (css.trim().length) {
|
|
106
103
|
str += "<style>".concat(css, "</style>");
|
|
107
104
|
}
|
|
108
|
-
str = (0, dedent_1.
|
|
105
|
+
str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n export default function template(props) {\n let state = ", "\n\n return `", "`\n }\n \n "], ["\n export default function template(props) {\n let state = ", "\n\n return \\`", "\\`\n }\n \n "])), (0, get_state_object_string_1.getStateObjectStringFromComponent)(json), str.replace(/\s+/g, ' '));
|
|
109
106
|
if (options.plugins) {
|
|
110
107
|
str = (0, plugins_1.runPreCodePlugins)(str, options.plugins);
|
|
111
108
|
}
|
|
@@ -8,9 +8,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.generateCompositionApiScript = void 0;
|
|
11
|
-
var dedent_1 = __importDefault(require("dedent"));
|
|
12
11
|
var json5_1 = __importDefault(require("json5"));
|
|
13
12
|
var lodash_1 = require("lodash");
|
|
13
|
+
var dedent_1 = require("../../helpers/dedent");
|
|
14
14
|
var get_state_object_string_1 = require("../../helpers/get-state-object-string");
|
|
15
15
|
var helpers_1 = require("./helpers");
|
|
16
16
|
var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
|
|
@@ -61,7 +61,7 @@ function generateCompositionApiScript(component, options, template, props, onUpd
|
|
|
61
61
|
methods += " function _classStringToObject(str) {\n const obj = {};\n if (typeof str !== 'string') { return obj }\n const classNames = str.trim().split(/\\s+/);\n for (const name of classNames) {\n obj[name] = true;\n }\n return obj;\n } ";
|
|
62
62
|
}
|
|
63
63
|
var getterKeys = Object.keys((0, lodash_1.pickBy)(component.state, function (i) { return (i === null || i === void 0 ? void 0 : i.type) === 'getter'; }));
|
|
64
|
-
var str = (0, dedent_1.
|
|
64
|
+
var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n "], ["\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n ", "\n "])), props.length ? getCompositionPropDefinition({ component: component, props: props, options: options }) : '', refs, (_a = Object.entries(component.context.get)) === null || _a === void 0 ? void 0 : _a.map(function (_a) {
|
|
65
65
|
var key = _a[0], context = _a[1];
|
|
66
66
|
return "const ".concat(key, " = inject(").concat((0, helpers_1.getContextKey)(context), ")");
|
|
67
67
|
}).join('\n'), (_b = Object.values(component.context.set)) === null || _b === void 0 ? void 0 : _b.map(function (contextSet) {
|