@builder.io/mitosis 0.0.63 → 0.0.65

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.
Files changed (167) hide show
  1. package/dist/src/constants/html_tags.js +63 -0
  2. package/dist/src/flow.d.ts +3 -0
  3. package/dist/src/flow.js +5 -1
  4. package/dist/src/generators/angular.d.ts +1 -0
  5. package/dist/src/generators/angular.js +33 -10
  6. package/dist/src/generators/react/generator.js +4 -2
  7. package/dist/src/generators/react-native.js +51 -34
  8. package/dist/src/generators/svelte.js +7 -3
  9. package/dist/src/index.d.ts +1 -0
  10. package/dist/src/index.js +1 -0
  11. package/dist/src/types/config.d.ts +3 -1
  12. package/dist/tsconfig.build.tsbuildinfo +1 -1
  13. package/package.json +1 -1
  14. package/dist/src/__tests__/data/advanced-ref.raw.d.ts +0 -4
  15. package/dist/src/__tests__/data/advanced-ref.raw.jsx +0 -39
  16. package/dist/src/__tests__/data/basic-boolean-attribute-component.raw.d.ts +0 -6
  17. package/dist/src/__tests__/data/basic-boolean-attribute-component.raw.jsx +0 -8
  18. package/dist/src/__tests__/data/basic-boolean-attribute.raw.d.ts +0 -6
  19. package/dist/src/__tests__/data/basic-boolean-attribute.raw.jsx +0 -15
  20. package/dist/src/__tests__/data/basic-child-component.raw.d.ts +0 -1
  21. package/dist/src/__tests__/data/basic-child-component.raw.jsx +0 -21
  22. package/dist/src/__tests__/data/basic-context.raw.d.ts +0 -1
  23. package/dist/src/__tests__/data/basic-context.raw.jsx +0 -29
  24. package/dist/src/__tests__/data/basic-custom-mitosis-package.raw.d.ts +0 -1
  25. package/dist/src/__tests__/data/basic-custom-mitosis-package.raw.jsx +0 -10
  26. package/dist/src/__tests__/data/basic-for-show.raw.d.ts +0 -1
  27. package/dist/src/__tests__/data/basic-for-show.raw.jsx +0 -20
  28. package/dist/src/__tests__/data/basic-for.raw.d.ts +0 -1
  29. package/dist/src/__tests__/data/basic-for.raw.jsx +0 -23
  30. package/dist/src/__tests__/data/basic-forwardRef-metadata.raw.d.ts +0 -5
  31. package/dist/src/__tests__/data/basic-forwardRef-metadata.raw.jsx +0 -17
  32. package/dist/src/__tests__/data/basic-forwardRef.raw.d.ts +0 -5
  33. package/dist/src/__tests__/data/basic-forwardRef.raw.jsx +0 -14
  34. package/dist/src/__tests__/data/basic-onChange.raw.d.ts +0 -1
  35. package/dist/src/__tests__/data/basic-onChange.raw.jsx +0 -17
  36. package/dist/src/__tests__/data/basic-onMount-update.raw.d.ts +0 -5
  37. package/dist/src/__tests__/data/basic-onMount-update.raw.jsx +0 -17
  38. package/dist/src/__tests__/data/basic-onUpdate-return.raw.d.ts +0 -1
  39. package/dist/src/__tests__/data/basic-onUpdate-return.raw.jsx +0 -24
  40. package/dist/src/__tests__/data/basic-outputs-meta.raw.d.ts +0 -1
  41. package/dist/src/__tests__/data/basic-outputs-meta.raw.jsx +0 -17
  42. package/dist/src/__tests__/data/basic-outputs.raw.d.ts +0 -1
  43. package/dist/src/__tests__/data/basic-outputs.raw.jsx +0 -14
  44. package/dist/src/__tests__/data/basic-preserve-export-or-local-statement.raw.d.ts +0 -6
  45. package/dist/src/__tests__/data/basic-preserve-export-or-local-statement.raw.jsx +0 -14
  46. package/dist/src/__tests__/data/basic-props-destructure.raw.d.ts +0 -6
  47. package/dist/src/__tests__/data/basic-props-destructure.raw.jsx +0 -14
  48. package/dist/src/__tests__/data/basic-props.raw.d.ts +0 -6
  49. package/dist/src/__tests__/data/basic-props.raw.jsx +0 -13
  50. package/dist/src/__tests__/data/basic-ref-assignment.raw.d.ts +0 -4
  51. package/dist/src/__tests__/data/basic-ref-assignment.raw.jsx +0 -15
  52. package/dist/src/__tests__/data/basic-ref-usePrevious.raw.d.ts +0 -5
  53. package/dist/src/__tests__/data/basic-ref-usePrevious.raw.jsx +0 -35
  54. package/dist/src/__tests__/data/basic-ref.raw.d.ts +0 -4
  55. package/dist/src/__tests__/data/basic-ref.raw.jsx +0 -36
  56. package/dist/src/__tests__/data/basic.raw.d.ts +0 -6
  57. package/dist/src/__tests__/data/basic.raw.jsx +0 -22
  58. package/dist/src/__tests__/data/blocks/button-with-metadata.raw.d.ts +0 -7
  59. package/dist/src/__tests__/data/blocks/button-with-metadata.raw.jsx +0 -23
  60. package/dist/src/__tests__/data/blocks/button.raw.d.ts +0 -7
  61. package/dist/src/__tests__/data/blocks/button.raw.jsx +0 -18
  62. package/dist/src/__tests__/data/blocks/classname-jsx.raw.d.ts +0 -7
  63. package/dist/src/__tests__/data/blocks/classname-jsx.raw.jsx +0 -15
  64. package/dist/src/__tests__/data/blocks/columns.raw.d.ts +0 -12
  65. package/dist/src/__tests__/data/blocks/columns.raw.jsx +0 -42
  66. package/dist/src/__tests__/data/blocks/content-slot-html.raw.d.ts +0 -7
  67. package/dist/src/__tests__/data/blocks/content-slot-html.raw.jsx +0 -15
  68. package/dist/src/__tests__/data/blocks/content-slot-jsx.raw.d.ts +0 -6
  69. package/dist/src/__tests__/data/blocks/content-slot-jsx.raw.jsx +0 -15
  70. package/dist/src/__tests__/data/blocks/custom-code.raw.d.ts +0 -5
  71. package/dist/src/__tests__/data/blocks/custom-code.raw.jsx +0 -48
  72. package/dist/src/__tests__/data/blocks/embed.raw.d.ts +0 -4
  73. package/dist/src/__tests__/data/blocks/embed.raw.jsx +0 -48
  74. package/dist/src/__tests__/data/blocks/form.raw.d.ts +0 -25
  75. package/dist/src/__tests__/data/blocks/form.raw.jsx +0 -272
  76. package/dist/src/__tests__/data/blocks/image.raw.d.ts +0 -15
  77. package/dist/src/__tests__/data/blocks/image.raw.jsx +0 -65
  78. package/dist/src/__tests__/data/blocks/img-state.raw.d.ts +0 -1
  79. package/dist/src/__tests__/data/blocks/img-state.raw.jsx +0 -17
  80. package/dist/src/__tests__/data/blocks/img.raw.d.ts +0 -9
  81. package/dist/src/__tests__/data/blocks/img.raw.jsx +0 -11
  82. package/dist/src/__tests__/data/blocks/input.raw.d.ts +0 -11
  83. package/dist/src/__tests__/data/blocks/input.raw.jsx +0 -8
  84. package/dist/src/__tests__/data/blocks/multiple-onUpdate.raw.d.ts +0 -1
  85. package/dist/src/__tests__/data/blocks/multiple-onUpdate.raw.jsx +0 -13
  86. package/dist/src/__tests__/data/blocks/multiple-onUpdateWithDeps.raw.d.ts +0 -1
  87. package/dist/src/__tests__/data/blocks/multiple-onUpdateWithDeps.raw.jsx +0 -25
  88. package/dist/src/__tests__/data/blocks/onInit-onMount.raw.d.ts +0 -1
  89. package/dist/src/__tests__/data/blocks/onInit-onMount.raw.jsx +0 -13
  90. package/dist/src/__tests__/data/blocks/onInit.raw.d.ts +0 -8
  91. package/dist/src/__tests__/data/blocks/onInit.raw.jsx +0 -20
  92. package/dist/src/__tests__/data/blocks/onMount.raw.d.ts +0 -1
  93. package/dist/src/__tests__/data/blocks/onMount.raw.jsx +0 -13
  94. package/dist/src/__tests__/data/blocks/onUpdate.raw.d.ts +0 -1
  95. package/dist/src/__tests__/data/blocks/onUpdate.raw.jsx +0 -10
  96. package/dist/src/__tests__/data/blocks/onUpdateWithDeps.raw.d.ts +0 -5
  97. package/dist/src/__tests__/data/blocks/onUpdateWithDeps.raw.jsx +0 -14
  98. package/dist/src/__tests__/data/blocks/raw-text.raw.d.ts +0 -5
  99. package/dist/src/__tests__/data/blocks/raw-text.raw.jsx +0 -7
  100. package/dist/src/__tests__/data/blocks/root-fragment-multi-node.raw.d.ts +0 -7
  101. package/dist/src/__tests__/data/blocks/root-fragment-multi-node.raw.jsx +0 -18
  102. package/dist/src/__tests__/data/blocks/rootShow.raw.d.ts +0 -3
  103. package/dist/src/__tests__/data/blocks/rootShow.raw.jsx +0 -9
  104. package/dist/src/__tests__/data/blocks/section-state.raw.d.ts +0 -6
  105. package/dist/src/__tests__/data/blocks/section-state.raw.jsx +0 -17
  106. package/dist/src/__tests__/data/blocks/section.raw.d.ts +0 -7
  107. package/dist/src/__tests__/data/blocks/section.raw.jsx +0 -11
  108. package/dist/src/__tests__/data/blocks/select.raw.d.ts +0 -11
  109. package/dist/src/__tests__/data/blocks/select.raw.jsx +0 -14
  110. package/dist/src/__tests__/data/blocks/self-referencing-component-with-children.raw.d.ts +0 -1
  111. package/dist/src/__tests__/data/blocks/self-referencing-component-with-children.raw.jsx +0 -15
  112. package/dist/src/__tests__/data/blocks/self-referencing-component.raw.d.ts +0 -1
  113. package/dist/src/__tests__/data/blocks/self-referencing-component.raw.jsx +0 -12
  114. package/dist/src/__tests__/data/blocks/shadow-dom.raw.d.ts +0 -6
  115. package/dist/src/__tests__/data/blocks/shadow-dom.raw.jsx +0 -52
  116. package/dist/src/__tests__/data/blocks/slot-html.raw.d.ts +0 -5
  117. package/dist/src/__tests__/data/blocks/slot-html.raw.jsx +0 -15
  118. package/dist/src/__tests__/data/blocks/slot-jsx.raw.d.ts +0 -5
  119. package/dist/src/__tests__/data/blocks/slot-jsx.raw.jsx +0 -12
  120. package/dist/src/__tests__/data/blocks/stamped-io.raw.d.ts +0 -6
  121. package/dist/src/__tests__/data/blocks/stamped-io.raw.jsx +0 -60
  122. package/dist/src/__tests__/data/blocks/submit-button.raw.d.ts +0 -6
  123. package/dist/src/__tests__/data/blocks/submit-button.raw.jsx +0 -9
  124. package/dist/src/__tests__/data/blocks/text.raw.d.ts +0 -8
  125. package/dist/src/__tests__/data/blocks/text.raw.jsx +0 -19
  126. package/dist/src/__tests__/data/blocks/textarea.raw.d.ts +0 -8
  127. package/dist/src/__tests__/data/blocks/textarea.raw.jsx +0 -6
  128. package/dist/src/__tests__/data/blocks/video.raw.d.ts +0 -17
  129. package/dist/src/__tests__/data/blocks/video.raw.jsx +0 -21
  130. package/dist/src/__tests__/data/context/component-with-context.lite.d.ts +0 -3
  131. package/dist/src/__tests__/data/context/component-with-context.lite.jsx +0 -21
  132. package/dist/src/__tests__/data/context/simple.context.lite.d.ts +0 -9
  133. package/dist/src/__tests__/data/context/simple.context.lite.js +0 -15
  134. package/dist/src/__tests__/data/default-props/default-props.raw.d.ts +0 -7
  135. package/dist/src/__tests__/data/default-props/default-props.raw.jsx +0 -23
  136. package/dist/src/__tests__/data/jsx-json.spec.d.ts +0 -2
  137. package/dist/src/__tests__/data/jsx-json.spec.js +0 -10226
  138. package/dist/src/__tests__/data/nested-styles.lite.d.ts +0 -1
  139. package/dist/src/__tests__/data/nested-styles.lite.jsx +0 -20
  140. package/dist/src/__tests__/data/show/nested-show.raw.d.ts +0 -6
  141. package/dist/src/__tests__/data/show/nested-show.raw.jsx +0 -11
  142. package/dist/src/__tests__/data/show/show-with-for.raw.d.ts +0 -6
  143. package/dist/src/__tests__/data/show/show-with-for.raw.jsx +0 -9
  144. package/dist/src/__tests__/data/styles/class-and-className.raw.d.ts +0 -1
  145. package/dist/src/__tests__/data/styles/class-and-className.raw.jsx +0 -10
  146. package/dist/src/__tests__/data/styles/class.raw.d.ts +0 -1
  147. package/dist/src/__tests__/data/styles/class.raw.jsx +0 -10
  148. package/dist/src/__tests__/data/styles/className.raw.d.ts +0 -1
  149. package/dist/src/__tests__/data/styles/className.raw.jsx +0 -10
  150. package/dist/src/__tests__/data/styles/classState.raw.d.ts +0 -1
  151. package/dist/src/__tests__/data/styles/classState.raw.jsx +0 -13
  152. package/dist/src/__tests__/data/types/component-props-interface.raw.d.ts +0 -6
  153. package/dist/src/__tests__/data/types/component-props-interface.raw.jsx +0 -6
  154. package/dist/src/__tests__/data/types/component-props-type.raw.d.ts +0 -6
  155. package/dist/src/__tests__/data/types/component-props-type.raw.jsx +0 -6
  156. package/dist/src/__tests__/data/types/component-with-default-values-types.raw.d.ts +0 -5
  157. package/dist/src/__tests__/data/types/component-with-default-values-types.raw.jsx +0 -9
  158. package/dist/src/__tests__/data/types/foo-type.d.ts +0 -1
  159. package/dist/src/__tests__/data/types/foo-type.js +0 -2
  160. package/dist/src/__tests__/data/types/preserve-typing.raw.d.ts +0 -8
  161. package/dist/src/__tests__/data/types/preserve-typing.raw.jsx +0 -6
  162. package/dist/src/__tests__/data/types/type-dependency.raw.d.ts +0 -7
  163. package/dist/src/__tests__/data/types/type-dependency.raw.jsx +0 -6
  164. package/dist/src/__tests__/data/types/type-export.lite.d.ts +0 -3
  165. package/dist/src/__tests__/data/types/type-export.lite.jsx +0 -6
  166. package/dist/src/__tests__/shared.d.ts +0 -8
  167. package/dist/src/__tests__/shared.js +0 -369
@@ -1 +0,0 @@
1
- export default function NestedStyles(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function NestedStyles() {
4
- return (<div css={{
5
- display: 'flex',
6
- foo: 'var(--bar)',
7
- '@media (max-width: env(--mobile))': {
8
- display: 'block',
9
- },
10
- '&:hover': {
11
- display: 'flex',
12
- },
13
- '.nested-selector': {
14
- display: 'grid',
15
- },
16
- }}>
17
- Hello world
18
- </div>);
19
- }
20
- exports.default = NestedStyles;
@@ -1,6 +0,0 @@
1
- interface Props {
2
- conditionA: boolean;
3
- conditionB: boolean;
4
- }
5
- export default function NestedShow(props: Props): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var mitosis_1 = require("@builder.io/mitosis");
4
- function NestedShow(props) {
5
- return (<mitosis_1.Show when={props.conditionA} else={<div>else-condition-A</div>}>
6
- <mitosis_1.Show when={!props.conditionB} else={<div>else-condition-B</div>}>
7
- <div>if condition A and condition B</div>
8
- </mitosis_1.Show>
9
- </mitosis_1.Show>);
10
- }
11
- exports.default = NestedShow;
@@ -1,6 +0,0 @@
1
- interface Props {
2
- conditionA: boolean;
3
- items: string[];
4
- }
5
- export default function NestedShow(props: Props): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var mitosis_1 = require("@builder.io/mitosis");
4
- function NestedShow(props) {
5
- return (<mitosis_1.Show when={props.conditionA} else={<div>else-condition-A</div>}>
6
- <mitosis_1.For each={props.items}>{function (item, idx) { return <div key={idx}>{item}</div>; }}</mitosis_1.For>
7
- </mitosis_1.Show>);
8
- }
9
- exports.default = NestedShow;
@@ -1 +0,0 @@
1
- export default function MyBasicComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyBasicComponent() {
4
- return (<div className="test" class="test2" css={{
5
- padding: '10px',
6
- }}>
7
- Hello! I can run in React, Vue, Solid, or Liquid!
8
- </div>);
9
- }
10
- exports.default = MyBasicComponent;
@@ -1 +0,0 @@
1
- export default function MyBasicComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyBasicComponent() {
4
- return (<div class="test" css={{
5
- padding: '10px',
6
- }}>
7
- Hello! I can run in React, Vue, Solid, or Liquid!
8
- </div>);
9
- }
10
- exports.default = MyBasicComponent;
@@ -1 +0,0 @@
1
- export default function MyBasicComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyBasicComponent() {
4
- return (<div className="test" css={{
5
- padding: '10px',
6
- }}>
7
- Hello! I can run in React, Vue, Solid, or Liquid!
8
- </div>);
9
- }
10
- exports.default = MyBasicComponent;
@@ -1 +0,0 @@
1
- export default function MyBasicComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var mitosis_1 = require("@builder.io/mitosis");
4
- function MyBasicComponent() {
5
- var _a = (0, mitosis_1.useState)('testClassName'), classState = _a[0], setClassState = _a[1];
6
- var _b = (0, mitosis_1.useState)({ color: 'red' }), styleState = _b[0], setStyleState = _b[1];
7
- return (<div class={classState} css={{
8
- padding: '10px',
9
- }} style={styleState}>
10
- Hello! I can run in React, Vue, Solid, or Liquid!
11
- </div>);
12
- }
13
- exports.default = MyBasicComponent;
@@ -1,6 +0,0 @@
1
- interface Person {
2
- name: string;
3
- age?: number;
4
- }
5
- export default function MyBasicComponent(props: Person | never): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyBasicComponent(props) {
4
- return <div>Hello! I can run in React, Vue, Solid, or Liquid! {props.name}</div>;
5
- }
6
- exports.default = MyBasicComponent;
@@ -1,6 +0,0 @@
1
- declare type Person = {
2
- name: string;
3
- age?: number;
4
- };
5
- export default function MyBasicComponent(props: Person): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyBasicComponent(props) {
4
- return <div>Hello! I can run in React, Vue, Solid, or Liquid! {props.name}</div>;
5
- }
6
- exports.default = MyBasicComponent;
@@ -1,5 +0,0 @@
1
- declare type Props = {
2
- name: string;
3
- };
4
- export default function ComponentWithTypes(props: Props): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var DEFAULT_VALUES = {
4
- name: 'Sami',
5
- };
6
- function ComponentWithTypes(props) {
7
- return <div> Hello {props.name || DEFAULT_VALUES.name}</div>;
8
- }
9
- exports.default = ComponentWithTypes;
@@ -1 +0,0 @@
1
- export declare type Foo = null;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,8 +0,0 @@
1
- export declare type A = 'test';
2
- export interface C {
3
- n: 'test';
4
- }
5
- export default function MyBasicComponent(props: {
6
- name: string;
7
- age?: number;
8
- }): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyBasicComponent(props) {
4
- return <div>Hello! I can run in React, Vue, Solid, or Liquid! {props.name}</div>;
5
- }
6
- exports.default = MyBasicComponent;
@@ -1,7 +0,0 @@
1
- import type { Foo } from './foo-type';
2
- import type { Foo as Foo2 } from './type-export.lite';
3
- export declare type TypeDependencyProps = {
4
- foo: Foo;
5
- foo2: Foo2;
6
- };
7
- export default function TypeDependency(props: TypeDependencyProps): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function TypeDependency(props) {
4
- return <div>{props.foo}</div>;
5
- }
6
- exports.default = TypeDependency;
@@ -1,3 +0,0 @@
1
- export interface Foo {
2
- }
3
- export default function MyComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function MyComponent() {
4
- return <div></div>;
5
- }
6
- exports.default = MyComponent;
@@ -1,8 +0,0 @@
1
- import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
2
- import { Target } from '../types/config';
3
- export declare const runTestsForJsx: () => void;
4
- export declare const runTestsForTarget: <X extends BaseTranspilerOptions>({ target, generator, options, }: {
5
- target: Target;
6
- generator: TranspilerGenerator<X, string>;
7
- options: X;
8
- }) => void;
@@ -1,369 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.runTestsForTarget = exports.runTestsForJsx = void 0;
15
- var jsx_1 = require("../parsers/jsx");
16
- var getRawFile = function (path) { return require(path); };
17
- var basicForShow = getRawFile('./data/basic-for-show.raw');
18
- var basicBooleanAttribute = getRawFile('./data/basic-boolean-attribute.raw');
19
- var basicOnMountUpdate = getRawFile('./data/basic-onMount-update.raw');
20
- var basicContext = getRawFile('./data/basic-context.raw');
21
- var basicOutputsMeta = getRawFile('./data/basic-outputs-meta.raw');
22
- var basicOutputs = getRawFile('./data/basic-outputs.raw');
23
- var subComponent = getRawFile('./data/sub-component.lite.jsx');
24
- var basic = getRawFile('./data/basic.raw');
25
- var basicMitosis = getRawFile('./data/basic-custom-mitosis-package.raw');
26
- var basicChildComponent = getRawFile('./data/basic-child-component.raw');
27
- var basicFor = getRawFile('./data/basic-for.raw');
28
- var basicRef = getRawFile('./data/basic-ref.raw');
29
- var basicForwardRef = getRawFile('./data/basic-forwardRef.raw');
30
- var basicForwardRefMetadata = getRawFile('./data/basic-forwardRef-metadata.raw');
31
- var basicRefPrevious = getRawFile('./data/basic-ref-usePrevious.raw');
32
- var basicRefAssignment = getRawFile('./data/basic-ref-assignment.raw');
33
- var propsDestructure = getRawFile('./data/basic-props-destructure.raw');
34
- var nestedStyles = getRawFile('./data/nested-styles.lite');
35
- var preserveExportOrLocalStatement = getRawFile('./data/basic-preserve-export-or-local-statement.raw');
36
- var propsType = getRawFile('./data/types/component-props-type.raw');
37
- var propsInterface = getRawFile('./data/types/component-props-interface.raw');
38
- var preserveTyping = getRawFile('./data/types/preserve-typing.raw');
39
- var typeDependency = getRawFile('./data/types/type-dependency.raw');
40
- var defaultProps = getRawFile('./data/default-props/default-props.raw');
41
- var classRaw = getRawFile('./data/styles/class.raw');
42
- var className = getRawFile('./data/styles/className.raw');
43
- var classAndClassName = getRawFile('./data/styles/class-and-className.raw');
44
- var classState = getRawFile('./data/styles/classState.raw');
45
- var button = getRawFile('./data/blocks/button.raw');
46
- var classNameJsx = getRawFile('./data/blocks/classname-jsx.raw');
47
- var columns = getRawFile('./data/blocks/columns.raw');
48
- var contentSlotHtml = getRawFile('./data/blocks/content-slot-html.raw');
49
- var contentSlotJsx = getRawFile('./data/blocks/content-slot-jsx.raw');
50
- var customCode = getRawFile('./data/blocks/custom-code.raw');
51
- var formBlock = getRawFile('./data/blocks/form.raw');
52
- var image = getRawFile('./data/blocks/image.raw');
53
- var imageState = getRawFile('./data/blocks/img-state.raw');
54
- var img = getRawFile('./data/blocks/img.raw');
55
- var inputBlock = getRawFile('./data/blocks/input.raw');
56
- var multipleOnUpdate = getRawFile('./data/blocks/multiple-onUpdate.raw');
57
- var multipleOnUpdateWithDeps = getRawFile('./data/blocks/multiple-onUpdateWithDeps.raw');
58
- var onInit = getRawFile('./data/blocks/onInit.raw');
59
- var onInitonMount = getRawFile('./data/blocks/onInit-onMount.raw');
60
- var onMount = getRawFile('./data/blocks/onMount.raw');
61
- var onUpdate = getRawFile('./data/blocks/onUpdate.raw');
62
- var onUpdateWithDeps = getRawFile('./data/blocks/onUpdateWithDeps.raw');
63
- var rawText = getRawFile('./data/blocks/raw-text.raw');
64
- var section = getRawFile('./data/blocks/section.raw');
65
- var sectionState = getRawFile('./data/blocks/section-state.raw');
66
- var selectBlock = getRawFile('./data/blocks/select.raw');
67
- var selfRefCompWChildren = getRawFile('./data/blocks/self-referencing-component-with-children.raw');
68
- var selfRefComp = getRawFile('./data/blocks/self-referencing-component.raw');
69
- var slotHtml = getRawFile('./data/blocks/slot-html.raw');
70
- var slotJsx = getRawFile('./data/blocks/slot-jsx.raw');
71
- var stamped = getRawFile('./data/blocks/stamped-io.raw');
72
- var submitButtonBlock = getRawFile('./data/blocks/submit-button.raw');
73
- var text = getRawFile('./data/blocks/text.raw');
74
- var textarea = getRawFile('./data/blocks/textarea.raw');
75
- var video = getRawFile('./data/blocks/video.raw');
76
- var builderRenderContent = getRawFile('./data/blocks/builder-render-content.raw');
77
- var rootFragmentMultiNode = getRawFile('./data/blocks/root-fragment-multi-node.raw');
78
- var path = 'test-path';
79
- var BASIC_TESTS = {
80
- Basic: basic,
81
- BasicBooleanAttribute: basicBooleanAttribute,
82
- BasicRef: basicRef,
83
- BasicRefPrevious: basicRefPrevious,
84
- BasicRefAssignment: basicRefAssignment,
85
- BasicChildComponent: basicChildComponent,
86
- BasicFor: basicFor,
87
- Input: inputBlock,
88
- Submit: submitButtonBlock,
89
- Select: selectBlock,
90
- Button: button,
91
- Textarea: textarea,
92
- Img: img,
93
- Video: video,
94
- Section: section,
95
- Text: text,
96
- RawText: rawText,
97
- 'Stamped.io': stamped,
98
- CustomCode: customCode,
99
- Embed: customCode,
100
- Image: image,
101
- Columns: columns,
102
- onUpdate: onUpdate,
103
- onInit: onInit,
104
- onUpdateWithDeps: onUpdateWithDeps,
105
- onMount: onMount,
106
- propsType: propsType,
107
- propsInterface: propsInterface,
108
- defaultProps: defaultProps,
109
- preserveTyping: preserveTyping,
110
- typeDependency: typeDependency,
111
- defaultValsWithTypes: getRawFile('./data/types/component-with-default-values-types.raw'),
112
- 'import types': builderRenderContent,
113
- subComponent: subComponent,
114
- nestedStyles: nestedStyles,
115
- propsDestructure: propsDestructure,
116
- 'onInit & onMount': onInitonMount,
117
- 'Basic Context': basicContext,
118
- 'Basic Outputs Meta': basicOutputsMeta,
119
- 'Basic Outputs': basicOutputs,
120
- className: classNameJsx,
121
- 'Image State': imageState,
122
- 'Basic OnMount Update': basicOnMountUpdate,
123
- preserveExportOrLocalStatement: preserveExportOrLocalStatement,
124
- 'class + css': classRaw,
125
- 'className + css': className,
126
- 'class + ClassName + css': classAndClassName,
127
- 'self-referencing component with children': selfRefCompWChildren,
128
- 'self-referencing component': selfRefComp,
129
- rootFragmentMultiNode: rootFragmentMultiNode,
130
- };
131
- var SLOTS_TESTS = {
132
- ContentSlotJSX: contentSlotJsx,
133
- ContentSlotHtml: contentSlotHtml,
134
- SlotJsx: slotJsx,
135
- SlotHtml: slotHtml,
136
- classState: classState,
137
- };
138
- var MULTI_ON_UPDATE_TESTS = {
139
- multipleOnUpdate: multipleOnUpdate,
140
- multipleOnUpdateWithDeps: multipleOnUpdateWithDeps,
141
- };
142
- var FORM_BLOCK_TESTS = {
143
- Form: formBlock,
144
- };
145
- var FOR_SHOW_TESTS = {
146
- Section: sectionState,
147
- Basic: basicForShow,
148
- };
149
- var FORWARD_REF_TESTS = {
150
- basicForwardRef: basicForwardRef,
151
- basicForwardRefMetadata: basicForwardRefMetadata,
152
- };
153
- var SHOW_TESTS = {
154
- rootShow: getRawFile('./data/blocks/rootShow.raw'),
155
- nestedShow: getRawFile('./data/show/nested-show.raw'),
156
- showWithFor: getRawFile('./data/show/show-with-for.raw'),
157
- };
158
- var ADVANCED_REF = {
159
- AdvancedRef: getRawFile('./data/advanced-ref.raw'),
160
- };
161
- var ON_UPDATE_RETURN = {
162
- basicOnUpdateReturn: getRawFile('./data/basic-onUpdate-return.raw'),
163
- };
164
- var JSX_TESTS = [
165
- BASIC_TESTS,
166
- SLOTS_TESTS,
167
- SHOW_TESTS,
168
- FORWARD_REF_TESTS,
169
- MULTI_ON_UPDATE_TESTS,
170
- FORM_BLOCK_TESTS,
171
- ADVANCED_REF,
172
- ON_UPDATE_RETURN,
173
- FOR_SHOW_TESTS,
174
- ];
175
- var TESTS_FOR_TARGET = {
176
- react: [
177
- BASIC_TESTS,
178
- SLOTS_TESTS,
179
- SHOW_TESTS,
180
- FORWARD_REF_TESTS,
181
- MULTI_ON_UPDATE_TESTS,
182
- FORM_BLOCK_TESTS,
183
- ADVANCED_REF,
184
- ON_UPDATE_RETURN,
185
- // FOR_SHOW_TESTS,
186
- ],
187
- angular: [
188
- BASIC_TESTS,
189
- SLOTS_TESTS,
190
- SHOW_TESTS,
191
- FORWARD_REF_TESTS,
192
- MULTI_ON_UPDATE_TESTS,
193
- FORM_BLOCK_TESTS,
194
- FOR_SHOW_TESTS,
195
- ADVANCED_REF,
196
- ON_UPDATE_RETURN,
197
- ],
198
- lit: [
199
- BASIC_TESTS,
200
- SLOTS_TESTS,
201
- SHOW_TESTS,
202
- FORWARD_REF_TESTS,
203
- MULTI_ON_UPDATE_TESTS,
204
- FORM_BLOCK_TESTS,
205
- FOR_SHOW_TESTS,
206
- ADVANCED_REF,
207
- ON_UPDATE_RETURN,
208
- ],
209
- marko: [
210
- BASIC_TESTS,
211
- SLOTS_TESTS,
212
- SHOW_TESTS,
213
- FORWARD_REF_TESTS,
214
- MULTI_ON_UPDATE_TESTS,
215
- FORM_BLOCK_TESTS,
216
- FOR_SHOW_TESTS,
217
- ADVANCED_REF,
218
- ON_UPDATE_RETURN,
219
- ],
220
- webcomponent: [
221
- BASIC_TESTS,
222
- SLOTS_TESTS,
223
- SHOW_TESTS,
224
- FORWARD_REF_TESTS,
225
- MULTI_ON_UPDATE_TESTS,
226
- FOR_SHOW_TESTS,
227
- ADVANCED_REF,
228
- ON_UPDATE_RETURN,
229
- // FORM_BLOCK_TESTS
230
- ],
231
- vue: [
232
- BASIC_TESTS,
233
- SLOTS_TESTS,
234
- SHOW_TESTS,
235
- FORWARD_REF_TESTS,
236
- MULTI_ON_UPDATE_TESTS,
237
- FORM_BLOCK_TESTS,
238
- FOR_SHOW_TESTS,
239
- ADVANCED_REF,
240
- ON_UPDATE_RETURN,
241
- ],
242
- svelte: [
243
- BASIC_TESTS,
244
- SHOW_TESTS,
245
- FORWARD_REF_TESTS,
246
- MULTI_ON_UPDATE_TESTS,
247
- FORM_BLOCK_TESTS,
248
- FOR_SHOW_TESTS,
249
- ADVANCED_REF,
250
- ON_UPDATE_RETURN,
251
- ],
252
- html: [
253
- BASIC_TESTS,
254
- SLOTS_TESTS,
255
- SHOW_TESTS,
256
- FORWARD_REF_TESTS,
257
- MULTI_ON_UPDATE_TESTS,
258
- FOR_SHOW_TESTS,
259
- ADVANCED_REF,
260
- ON_UPDATE_RETURN,
261
- // FORM_BLOCK_TESTS
262
- ],
263
- stencil: [
264
- BASIC_TESTS,
265
- SLOTS_TESTS,
266
- // ROOT_SHOW_TESTS,
267
- FORWARD_REF_TESTS,
268
- // MULTI_ON_UPDATE_TESTS,
269
- FORM_BLOCK_TESTS,
270
- ADVANCED_REF,
271
- ON_UPDATE_RETURN,
272
- // FOR_SHOW_TESTS
273
- ],
274
- solid: [
275
- BASIC_TESTS,
276
- SLOTS_TESTS,
277
- SHOW_TESTS,
278
- // FORWARD_REF_TESTS,
279
- MULTI_ON_UPDATE_TESTS,
280
- FORM_BLOCK_TESTS,
281
- FOR_SHOW_TESTS,
282
- ADVANCED_REF,
283
- ON_UPDATE_RETURN,
284
- ],
285
- reactNative: [
286
- BASIC_TESTS,
287
- SLOTS_TESTS,
288
- SHOW_TESTS,
289
- FORWARD_REF_TESTS,
290
- MULTI_ON_UPDATE_TESTS,
291
- FORM_BLOCK_TESTS,
292
- ADVANCED_REF,
293
- ON_UPDATE_RETURN,
294
- // FOR_SHOW_TESTS,
295
- ],
296
- liquid: [
297
- BASIC_TESTS,
298
- SLOTS_TESTS,
299
- SHOW_TESTS,
300
- FORWARD_REF_TESTS,
301
- MULTI_ON_UPDATE_TESTS,
302
- FORM_BLOCK_TESTS,
303
- ADVANCED_REF,
304
- ON_UPDATE_RETURN,
305
- ],
306
- qwik: [
307
- BASIC_TESTS,
308
- SLOTS_TESTS,
309
- SHOW_TESTS,
310
- FORWARD_REF_TESTS,
311
- MULTI_ON_UPDATE_TESTS,
312
- FORM_BLOCK_TESTS,
313
- FOR_SHOW_TESTS,
314
- ],
315
- };
316
- var runTestsForJsx = function () {
317
- test('Remove Internal mitosis package', function () {
318
- var component = (0, jsx_1.parseJsx)(basicMitosis, {
319
- compileAwayPackages: ['@dummy/custom-mitosis'],
320
- });
321
- expect(component).toMatchSnapshot();
322
- });
323
- JSX_TESTS.forEach(function (tests) {
324
- Object.keys(tests).forEach(function (key) {
325
- test(key, function () {
326
- var component = (0, jsx_1.parseJsx)(tests[key]);
327
- expect(component).toMatchSnapshot();
328
- });
329
- });
330
- });
331
- };
332
- exports.runTestsForJsx = runTestsForJsx;
333
- var runTestsForTarget = function (_a) {
334
- var target = _a.target, generator = _a.generator, options = _a.options;
335
- var testsArray = TESTS_FOR_TARGET[target];
336
- test('Remove Internal mitosis package', function () {
337
- var component = (0, jsx_1.parseJsx)(basicMitosis, {
338
- compileAwayPackages: ['@dummy/custom-mitosis'],
339
- });
340
- var output = generator(options)({ component: component, path: path });
341
- expect(output).toMatchSnapshot();
342
- });
343
- var configurations = [
344
- { options: __assign(__assign({}, options), { typescript: false }), testName: 'Javascript Test' },
345
- { options: __assign(__assign({}, options), { typescript: true }), testName: 'Typescript Test' },
346
- ];
347
- if (testsArray) {
348
- configurations.forEach(function (_a) {
349
- var options = _a.options, testName = _a.testName;
350
- describe(testName, function () {
351
- testsArray.forEach(function (tests) {
352
- Object.keys(tests).forEach(function (key) {
353
- test(key, function () {
354
- var component = (0, jsx_1.parseJsx)(tests[key], { typescript: options.typescript });
355
- var getOutput = function () { return generator(options)({ component: component, path: path }); };
356
- try {
357
- expect(getOutput()).toMatchSnapshot();
358
- }
359
- catch (error) {
360
- expect(getOutput).toThrowErrorMatchingSnapshot();
361
- }
362
- });
363
- });
364
- });
365
- });
366
- });
367
- }
368
- };
369
- exports.runTestsForTarget = runTestsForTarget;