Skip to content

Instantly share code, notes, and snippets.

@martwz
Created December 19, 2022 00:35
Show Gist options
  • Save martwz/b32eae4dc169735c482c1501efbc6f8a to your computer and use it in GitHub Desktop.
Save martwz/b32eae4dc169735c482c1501efbc6f8a to your computer and use it in GitHub Desktop.
mitosis
✗ docker run --rm -it node:alpine ash
/ # apk add git
fetch https://dl-cdn.alpinelinux.org/alpine/v3.17/main/aarch64/APKINDEX.tar.gz
fetch https://dl-cdn.alpinelinux.org/alpine/v3.17/community/aarch64/APKINDEX.tar.gz
(1/7) Installing ca-certificates (20220614-r2)
(2/7) Installing brotli-libs (1.0.9-r9)
(3/7) Installing nghttp2-libs (1.51.0-r0)
(4/7) Installing libcurl (7.86.0-r1)
(5/7) Installing libexpat (2.5.0-r0)
(6/7) Installing pcre2 (10.42-r0)
(7/7) Installing git (2.38.2-r0)
Executing busybox-1.35.0-r29.trigger
Executing ca-certificates-20220614-r2.trigger
OK: 19 MiB in 24 packages
/ # git clone https://github.com/BuilderIO/mitosis.git
Cloning into 'mitosis'...
remote: Enumerating objects: 16636, done.
remote: Counting objects: 100% (312/312), done.
remote: Compressing objects: 100% (202/202), done.
remote: Total 16636 (delta 156), reused 212 (delta 106), pack-reused 16324
Receiving objects: 100% (16636/16636), 14.02 MiB | 19.09 MiB/s, done.
Resolving deltas: 100% (11643/11643), done.
/ # cd mitosis
/mitosis # yarn install
➤ YN0065: Yarn will periodically gather anonymous telemetry: https://yarnpkg.com/advanced/telemetry
➤ YN0065: Run yarn config set --home enableTelemetry 0 to disable
➤ YN0000: ┌ Resolution step
➤ YN0060: │ @builder.io/e2e-angular@workspace:e2e/e2e-angular provides typescript (p25bfe) with version 4.8.4, which doesn't satisfy what @angular-devkit/build-angular and some of its descendants request
➤ YN0060: │ @builder.io/e2e-angular@workspace:e2e/e2e-angular provides typescript (p1ac4f) with version 4.8.4, which doesn't satisfy what @angular/compiler-cli requests
➤ YN0002: │ @builder.io/e2e-app@workspace:e2e/e2e-app doesn't provide @types/node (pb8a24), requested by ts-node
➤ YN0002: │ @builder.io/e2e-app@workspace:e2e/e2e-app [28e7b] doesn't provide @types/node (p16360), requested by ts-node
➤ YN0002: │ @builder.io/e2e-app@workspace:e2e/e2e-app [3135a] doesn't provide @types/node (pf776a), requested by ts-node
➤ YN0002: │ @builder.io/e2e-app@workspace:e2e/e2e-app [60541] doesn't provide @types/node (pb0346), requested by ts-node
➤ YN0002: │ @builder.io/e2e-app@workspace:e2e/e2e-app [d6dc7] doesn't provide @types/node (p1d084), requested by ts-node
➤ YN0002: │ @builder.io/e2e-vue2@workspace:e2e/e2e-vue2 doesn't provide vue-template-compiler (p6f2a9), requested by vite-plugin-vue2
➤ YN0060: │ @builder.io/e2e-vue3@workspace:e2e/e2e-vue3 provides vue (p7b8ca) with version 3.2.37, which doesn't satisfy what @builder.io/e2e-app requests
➤ YN0060: │ @builder.io/mitosis-cli@workspace:packages/cli provides parse5 (p74911) with version 3.0.3, which doesn't satisfy what vue-template-validator requests
➤ YN0060: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle provides react (p6a6d2) with version 18.2.0, which doesn't satisfy what @material-ui/core and some of its descendants request
➤ YN0060: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle provides react (p73f5a) with version 18.2.0, which doesn't satisfy what @material-ui/lab requests
➤ YN0060: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle provides react-dom (pced9d) with version 18.2.0, which doesn't satisfy what @material-ui/core and some of its descendants request
➤ YN0060: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle provides react-dom (pd4ae9) with version 18.2.0, which doesn't satisfy what @material-ui/lab requests
➤ YN0002: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle doesn't provide webpack (p424d9), requested by monaco-editor-webpack-plugin
➤ YN0002: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle doesn't provide webpack (p3224c), requested by null-loader
➤ YN0002: │ @builder.io/mitosis-fiddle@workspace:packages/fiddle doesn't provide webpack (p659c1), requested by raw-loader
➤ YN0060: │ @builder.io/mitosis-repo@workspace:. provides eslint (p04f33) with version 7.32.0, which doesn't satisfy what eslint-plugin-unused-imports requests
➤ YN0002: │ @builder.io/mitosis@workspace:packages/core doesn't provide prettier (p0a677), requested by prettier-plugin-marko
➤ YN0002: │ @builder.io/mitosis@workspace:packages/core doesn't provide prettier (pf1ea5), requested by prettier-plugin-svelte
➤ YN0060: │ @builder.io/mitosis@workspace:packages/core provides stylus (pc587b) with version 0.59.0, which doesn't satisfy what svelte-preprocess requests
➤ YN0060: │ @builder.io/mitosis@workspace:packages/core provides sugarss (pd630a) with version 4.0.1, which doesn't satisfy what svelte-preprocess requests
➤ YN0060: │ @builder.io/react@npm:1.1.52 provides react (pd056e) with version 18.2.0, which doesn't satisfy what create-react-context requests
➤ YN0002: │ @sveltejs/package@patch:@sveltejs/package@npm%3A1.0.0-next.1#.yarn/patches/@sveltejs-package-npm-1.0.0-next.1-2fd015530b.patch::version=1.0.0-next.1&hash=5484bb&locator=%40builder.io%2Fmitosis-repo%40workspace%3A. [360af] doesn't provide typescript (p2a49e), requested by svelte2tsx
➤ YN0002: │ babel-plugin-jsx-dom-expressions@npm:0.33.11 doesn't provide @babel/core (p58bd7), requested by @babel/plugin-syntax-jsx
➤ YN0000: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code
➤ YN0000: └ Completed in 0s 360ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ yargs@npm:17.5.1 can't be found in the cache and will be fetched from the remote registry
➤ YN0013: │ yargs@npm:4.6.0 can't be found in the cache and will be fetched from the remote registry
➤ YN0013: │ yn@npm:3.1.1 can't be found in the cache and will be fetched from the remote registry
➤ YN0013: │ yocto-queue@npm:0.1.0 can't be found in the cache and will be fetched from the remote registry
➤ YN0013: │ zone.js@npm:0.11.6 can't be found in the cache and will be fetched from the remote registry
➤ YN0066: │ typescript@patch:typescript@npm%3A4.7.4#~builtin<compat/typescript>::version=4.7.4&hash=bda367: Cannot apply hunk #3
➤ YN0066: │ typescript@patch:typescript@npm%3A4.8.4#~builtin<compat/typescript>::version=4.8.4&hash=bda367: Cannot apply hunk #3
➤ YN0066: │ typescript@patch:typescript@npm%3A4.9.3#~builtin<compat/typescript>::version=4.9.3&hash=bda367: Cannot apply hunk #3
➤ YN0000: └ Completed in 1m 6s
➤ YN0000: ┌ Link step
➤ YN0007: │ esbuild@npm:0.14.25 must be built because it never has been before or the last one failed
➤ YN0007: │ esbuild@npm:0.14.47 must be built because it never has been before or the last one failed
➤ YN0007: │ esbuild@npm:0.14.38 must be built because it never has been before or the last one failed
➤ YN0007: │ nice-napi@npm:1.0.2 must be built because it never has been before or the last one failed
➤ YN0007: │ esbuild@npm:0.14.54 must be built because it never has been before or the last one failed
➤ YN0007: │ svelte-preprocess@npm:4.10.7 [ea1af] must be built because it never has been before or the last one failed
➤ YN0007: │ svelte-preprocess@npm:4.10.7 [e4a7d] must be built because it never has been before or the last one failed
➤ YN0007: │ svelte-preprocess@npm:4.10.7 [9ce46] must be built because it never has been before or the last one failed
➤ YN0007: │ esbuild@npm:0.15.13 must be built because it never has been before or the last one failed
➤ YN0007: │ esbuild@npm:0.12.29 must be built because it never has been before or the last one failed
➤ YN0007: │ @sveltejs/kit@npm:1.0.0-next.474 [360af] must be built because it never has been before or the last one failed
➤ YN0007: │ svelte-preprocess@npm:4.10.7 [6865e] must be built because it never has been before or the last one failed
➤ YN0007: │ svelte-preprocess@npm:4.10.7 [360af] must be built because it never has been before or the last one failed
➤ YN0009: │ nice-napi@npm:1.0.2 couldn't be built successfully (exit code 1, logs can be found here: /tmp/xfs-2986fe0a/build.log)
➤ YN0000: └ Completed in 23s 772ms
➤ YN0000: Done with warnings in 1m 31s
/mitosis # node -v
v19.3.0
/mitosis # yarn -v
3.2.0
/mitosis # yarn ci
➤ YN0000: [@builder.io/mitosis]: Process started
➤ YN0000: [@builder.io/eslint-plugin-mitosis]: Process started
➤ YN0000: [@builder.io/eslint-plugin-mitosis]: Process exited (exit code 0), completed in 3s 839ms
➤ YN0000: [@builder.io/mitosis]: Process exited (exit code 0), completed in 9s 401ms
➤ YN0000: [@builder.io/mitosis-cli]: Process started
➤ YN0000: [@builder.io/mitosis-cli]: [12:32:49 AM] Projects in this build:
➤ YN0000: [@builder.io/mitosis-cli]: * ../core/tsconfig.json
➤ YN0000: [@builder.io/mitosis-cli]: * tsconfig.build.json
➤ YN0000: [@builder.io/mitosis-cli]:
➤ YN0000: [@builder.io/mitosis-cli]: [12:32:49 AM] Project '../core/tsconfig.json' is out of date because output file '../core/dist/tsconfig.tsbuildinfo' does not exist
➤ YN0000: [@builder.io/mitosis-cli]:
➤ YN0000: [@builder.io/mitosis-cli]: [12:32:49 AM] Building project '/mitosis/packages/core/tsconfig.json'...
➤ YN0000: [@builder.io/mitosis-cli]:
➤ YN0000: [@builder.io/mitosis-cli]: [12:32:56 AM] Project 'tsconfig.build.json' is out of date because output file 'tsconfig.build.tsbuildinfo' does not exist
➤ YN0000: [@builder.io/mitosis-cli]:
➤ YN0000: [@builder.io/mitosis-cli]: [12:32:56 AM] Building project '/mitosis/packages/cli/tsconfig.build.json'...
➤ YN0000: [@builder.io/mitosis-cli]:
➤ YN0000: [@builder.io/mitosis-cli]: Process exited (exit code 0), completed in 12s 426ms
➤ YN0000: [@builder.io/basic-example]: Process started
➤ YN0000: [@builder.io/example-apps]: Process started
➤ YN0000: [@builder.io/todo-example]: Process started
➤ YN0000: [@builder.io/example-apps]: Mitosis: svelte: generated 3 components, 1 regular files.
➤ YN0000: [@builder.io/example-apps]: Mitosis: react: generated 3 components, 1 regular files.
➤ YN0000: [@builder.io/example-apps]: Mitosis: generation completed.
➤ YN0000: [@builder.io/example-apps]: Process exited (exit code 0), completed in 3s 669ms
➤ YN0000: [@builder.io/todo-example]: Targeting Vue: defaulting to vue v3
➤ YN0000: [@builder.io/todo-example]: Mitosis: html: generated 3 components, 2 regular files.
➤ YN0000: [@builder.io/todo-example]: Mitosis: solid: generated 3 components, 2 regular files.
➤ YN0000: [@builder.io/todo-example]: Mitosis: angular: generated 3 components, 2 regular files.
➤ YN0000: [@builder.io/todo-example]: Mitosis: react: generated 3 components, 2 regular files.
➤ YN0000: [@builder.io/todo-example]: Mitosis: webcomponent: generated 3 components, 2 regular files.
➤ YN0000: [@builder.io/todo-example]: Mitosis: vue: generated 3 components, 2 regular files.
➤ YN0000: [@builder.io/todo-example]: Mitosis: generation completed.
➤ YN0000: [@builder.io/todo-example]: Process exited (exit code 0), completed in 3s 839ms
➤ YN0000: [@builder.io/basic-example]: Targeting Vue: defaulting to vue v3
➤ YN0000: [@builder.io/basic-example]: Mitosis: vue: generated 3 components, 6 regular files.
➤ YN0000: [@builder.io/basic-example]: Mitosis: reactNative: generated 3 components, 6 regular files.
➤ YN0000: [@builder.io/basic-example]: Mitosis: generation completed.
➤ YN0000: [@builder.io/basic-example]: Process exited (exit code 0), completed in 4s 283ms
➤ YN0000: Done in 26s 116ms
=============
WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.
You may find that it works just fine, or you may not.
SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <4.8.0
YOUR TYPESCRIPT VERSION: 4.8.4
Please only submit bug reports when using the officially supported version.
=============
➤ YN0000: No tests found, exiting with code 0
➤ YN0000: ts-jest[versions] (WARN) Version 4.8.4 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=2.7.0 <4.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
➤ YN0000: console.debug src/__tests__/cli-integration.test.ts:11
➤ YN0000: Running: node /mitosis/packages/cli/bin/mitosis --version
➤ YN0000:
➤ YN0000: console.debug src/__tests__/cli-integration.test.ts:11
➤ YN0000: Running: node /mitosis/packages/cli/bin/mitosis --help
➤ YN0000:
➤ YN0000: console.debug src/__tests__/cli-integration.test.ts:11
➤ YN0000: Running: node /mitosis/packages/cli/bin/mitosis compile --from=builder --to=react /mitosis/packages/cli/src/__tests__/data/triptych.builder.json
➤ YN0000:
➤ YN0000: console.debug src/__tests__/cli-integration.test.ts:11
➤ YN0000: Running: node /mitosis/packages/cli/bin/mitosis compile --builder-components --from=builder --to=react /mitosis/packages/cli/src/__tests__/data/triptych.builder.json
➤ YN0000:
➤ YN0000: PASS src/__tests__/cli-integration.test.ts (8.675s)
➤ YN0000: ✓ outputs version (1159ms)
➤ YN0000: ✓ outputs help (1188ms)
➤ YN0000: ✓ strips out builder components by default (1679ms)
➤ YN0000: ✓ --builder-components keeps builder components (1662ms)
➤ YN0000:
➤ YN0000: Test Suites: 1 passed, 1 total
➤ YN0000: Tests: 4 passed, 4 total
➤ YN0000: Snapshots: 2 passed, 2 total
➤ YN0000: Time: 8.696s
➤ YN0000: Ran all test suites.
➤ YN0000:
➤ YN0000: DEV v0.24.5 /mitosis/packages/core
➤ YN0000:
➤ YN0000: ✓ src/__tests__/builder.test.ts (13 tests | 2 skipped) 1434ms
➤ YN0000: ✓ src/__tests__/qwik.directive.test.ts (6 tests) 6ms
➤ YN0000: ✓ src/__tests__/qwik/src-generator.test.ts (8 tests) 5ms
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > Image
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000:
➤ YN0000: ✓ src/__tests__/qwik/convert-method-to-function.test.ts (7 tests) 5ms
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > Image.slow
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000:
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > For
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000:
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > component > bindings
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000:
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > component > component inputs
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000:
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > show-hide
➤ YN0000: Skipping invalid binding key: show
➤ YN0000: Skipping invalid binding key: hide
➤ YN0000: Skipping invalid binding key: hide
➤ YN0000:
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > bindings
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000: Skipping invalid binding key: style.backgroundColor
➤ YN0000:
➤ YN0000: stderr | src/__tests__/qwik.test.ts > qwik > mount
➤ YN0000: Skipping invalid binding key: component.options.text
➤ YN0000: Skipping invalid binding key: style.backgroundColor
➤ YN0000:
➤ YN0000: ✓ src/__tests__/qwik.test.ts (215 tests) 4349ms
➤ YN0000: stderr | src/__tests__/context.test.ts > Context > Use and set context in complex components
➤ YN0000: Could not replace Identifier 'state' with nothing.
➤ YN0000: Could not replace Identifier 'state' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/context.test.ts (3 tests) 688ms
➤ YN0000: ✓ src/helpers/replace-identifiers.test.ts (6 tests) 94ms
➤ YN0000: ✓ src/__tests__/parse-jsx.test.ts (89 tests) 1249ms
➤ YN0000: stderr | src/__tests__/angular.mapper.test.ts > Angular with Import Mapper Tests > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.mapper.test.ts > Angular with Import Mapper Tests > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/angular.mapper.test.ts > Angular with Import Mapper Tests > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.mapper.test.ts > Angular with Import Mapper Tests > jsx > Typescript Test > spreadProps
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/angular.mapper.test.ts (205 tests) 6584ms
➤ YN0000: ✓ src/helpers/generic-format.test.ts (1 test) 3ms
➤ YN0000: ✓ src/__tests__/styles.test.ts (4 tests) 130ms
➤ YN0000: ✓ src/helpers/render-imports.test.ts (2 tests) 4ms
➤ YN0000: ✓ src/__tests__/marko.test.ts (202 tests) 5234ms
➤ YN0000: ✓ src/helpers/babel-transform.test.ts (6 tests) 75ms
➤ YN0000: ✓ src/helpers/styles/collect-css.test.ts (2 tests) 99ms
➤ YN0000: ✓ src/__tests__/react.test.ts (199 tests) 5298ms
➤ YN0000: stderr | src/__tests__/alpine.test.ts > Alpine.js > jsx > Javascript Test > Text
➤ YN0000: stderr | src/__tests__/alpine.test.ts > Alpine.js > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/alpine.test.ts > Alpine.js > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/alpine.test.ts > Alpine.js > jsx > Typescript Test > Text
➤ YN0000: stderr | src/__tests__/alpine.test.ts > Alpine.js > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/alpine.test.ts > Alpine.js > jsx > Typescript Test > spreadProps
➤ YN0000: Could not prettify {
➤ YN0000: string: '<div x-data="text()" x-bind:contentEditable="allowEditingText || undefined" x-bind:data-name="{\n' +
➤ YN0000: " test: name || 'any name'\n" +
➤ YN0000: `}" x-bind:innerHTML="text || content || name || '<p class="text-lg">my name</p>'" ></div><script>\n` +
➤ YN0000: " document.addEventListener('alpine:init', () => {\n" +
➤ YN0000: " Alpine.data('text', () => ({\n" +
➤ YN0000: " name: 'Decadef20'\n" +
➤ YN0000: ' }));\n' +
➤ YN0000: '});\n' +
➤ YN0000: ' </script>'
➤ YN0000: } SyntaxError: Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (3:85)
➤ YN0000: 1 | <div x-data="text()" x-bind:contentEditable="allowEditingText || undefined" x-bind:data-name="{
➤ YN0000: 2 | test: name || 'any name'
➤ YN0000: > 3 | }" x-bind:innerHTML="text || content || name || '<p class="text-lg">my name</p>'" ></div><script>
➤ YN0000: | ^^^^^^
➤ YN0000: 4 | document.addEventListener('alpine:init', () => {
➤ YN0000: 5 | Alpine.data('text', () => ({
➤ YN0000: 6 | name: 'Decadef20'
➤ YN0000: at t (/mitosis/node_modules/prettier/parser-html.js:4:2359)
➤ YN0000: at al (/mitosis/node_modules/prettier/parser-html.js:36:6425)
➤ YN0000: at Ts (/mitosis/node_modules/prettier/parser-html.js:36:7938)
➤ YN0000: at Object.parse (/mitosis/node_modules/prettier/parser-html.js:36:8710)
➤ YN0000: at Object.m [as parse] (/mitosis/node_modules/prettier/standalone.js:40:1354)
➤ YN0000: at S (/mitosis/node_modules/prettier/standalone.js:41:15055)
➤ YN0000: at D (/mitosis/node_modules/prettier/standalone.js:45:576)
➤ YN0000: at /mitosis/node_modules/prettier/standalone.js:116:7304
➤ YN0000: at Proxy.format (/mitosis/node_modules/prettier/standalone.js:116:7395)
➤ YN0000: at /mitosis/packages/core/src/generators/alpine/generate.ts:143:35
➤ YN0000: at getOutput (/mitosis/packages/core/src/__tests__/shared.ts:468:62)
➤ YN0000: at /mitosis/packages/core/src/__tests__/shared.ts:470:28
➤ YN0000: at async runTest (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:417:7)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runFiles (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:646:5)
➤ YN0000: at async startTestsNode (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:664:3)
➤ YN0000: at async /mitosis/packages/core/node_modules/vitest/dist/entry.js:96:11
➤ YN0000: at async Module.withEnv (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:162:5)
➤ YN0000: at async run (/mitosis/packages/core/node_modules/vitest/dist/entry.js:89:7)
➤ YN0000: at async file:///mitosis/packages/core/node_modules/tinypool/dist/esm/worker.js:109:20 {
➤ YN0000: loc: { start: { line: 3, column: 85 }, end: { line: 3, column: 91 } },
➤ YN0000: codeFrame: ' 1 | <div x-data="text()" x-bind:contentEditable="allowEditingText || undefined" x-bind:data-name="{\n' +
➤ YN0000: " 2 | test: name || 'any name'\n" +
➤ YN0000: `> 3 | }" x-bind:innerHTML="text || content || name || '<p class="text-lg">my name</p>'" ></div><script>\n` +
➤ YN0000: ' | ^^^^^^\n' +
➤ YN0000: " 4 | document.addEventListener('alpine:init', () => {\n" +
➤ YN0000: " 5 | Alpine.data('text', () => ({\n" +
➤ YN0000: " 6 | name: 'Decadef20'"
➤ YN0000: }
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not prettify {
➤ YN0000: string: '<div x-data="text()" x-bind:contentEditable="allowEditingText || undefined" x-bind:data-name="{\n' +
➤ YN0000: " test: name || 'any name'\n" +
➤ YN0000: `}" x-bind:innerHTML="text || content || name || '<p class="text-lg">my name</p>'" ></div><script>\n` +
➤ YN0000: " document.addEventListener('alpine:init', () => {\n" +
➤ YN0000: " Alpine.data('text', () => ({\n" +
➤ YN0000: " name: 'Decadef20'\n" +
➤ YN0000: ' }));\n' +
➤ YN0000: '});\n' +
➤ YN0000: ' </script>'
➤ YN0000: } SyntaxError: Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (3:85)
➤ YN0000: 1 | <div x-data="text()" x-bind:contentEditable="allowEditingText || undefined" x-bind:data-name="{
➤ YN0000: 2 | test: name || 'any name'
➤ YN0000: > 3 | }" x-bind:innerHTML="text || content || name || '<p class="text-lg">my name</p>'" ></div><script>
➤ YN0000: | ^^^^^^
➤ YN0000: 4 | document.addEventListener('alpine:init', () => {
➤ YN0000: 5 | Alpine.data('text', () => ({
➤ YN0000: 6 | name: 'Decadef20'
➤ YN0000: at t (/mitosis/node_modules/prettier/parser-html.js:4:2359)
➤ YN0000: at al (/mitosis/node_modules/prettier/parser-html.js:36:6425)
➤ YN0000: at Ts (/mitosis/node_modules/prettier/parser-html.js:36:7938)
➤ YN0000: at Object.parse (/mitosis/node_modules/prettier/parser-html.js:36:8710)
➤ YN0000: at Object.m [as parse] (/mitosis/node_modules/prettier/standalone.js:40:1354)
➤ YN0000: at S (/mitosis/node_modules/prettier/standalone.js:41:15055)
➤ YN0000: at D (/mitosis/node_modules/prettier/standalone.js:45:576)
➤ YN0000: at /mitosis/node_modules/prettier/standalone.js:116:7304
➤ YN0000: at Proxy.format (/mitosis/node_modules/prettier/standalone.js:116:7395)
➤ YN0000: at /mitosis/packages/core/src/generators/alpine/generate.ts:143:35
➤ YN0000: at getOutput (/mitosis/packages/core/src/__tests__/shared.ts:468:62)
➤ YN0000: at /mitosis/packages/core/src/__tests__/shared.ts:470:28
➤ YN0000: at async runTest (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:417:7)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runFiles (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:646:5)
➤ YN0000: at async startTestsNode (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:664:3)
➤ YN0000: at async /mitosis/packages/core/node_modules/vitest/dist/entry.js:96:11
➤ YN0000: at async Module.withEnv (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:162:5)
➤ YN0000: at async run (/mitosis/packages/core/node_modules/vitest/dist/entry.js:89:7)
➤ YN0000: at async file:///mitosis/packages/core/node_modules/tinypool/dist/esm/worker.js:109:20 {
➤ YN0000: loc: { start: { line: 3, column: 85 }, end: { line: 3, column: 91 } },
➤ YN0000: codeFrame: ' 1 | <div x-data="text()" x-bind:contentEditable="allowEditingText || undefined" x-bind:data-name="{\n' +
➤ YN0000: " 2 | test: name || 'any name'\n" +
➤ YN0000: `> 3 | }" x-bind:innerHTML="text || content || name || '<p class="text-lg">my name</p>'" ></div><script>\n` +
➤ YN0000: ' | ^^^^^^\n' +
➤ YN0000: " 4 | document.addEventListener('alpine:init', () => {\n" +
➤ YN0000: " 5 | Alpine.data('text', () => ({\n" +
➤ YN0000: " 6 | name: 'Decadef20'"
➤ YN0000: }
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/alpine.test.ts (201 tests) 3862ms
➤ YN0000: ✓ src/__tests__/webcomponent.test.ts (200 tests) 7000ms
➤ YN0000: ✓ src/__tests__/hash-code.test.ts (2 tests) 3ms
➤ YN0000: stderr | src/__tests__/angular.import.test.ts > Angular with Preserve Imports and File Extensions > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.import.test.ts > Angular with Preserve Imports and File Extensions > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/angular.import.test.ts > Angular with Preserve Imports and File Extensions > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.import.test.ts > Angular with Preserve Imports and File Extensions > jsx > Typescript Test > spreadProps
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/angular.import.test.ts (205 tests) 5965ms
➤ YN0000: ✓ src/__tests__/qwik/stable-serializer.test.ts (1 test) 2ms
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Typescript Test > spreadProps
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Javascript Test > multipleSpreads
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/angular.test.ts > Angular > jsx > Typescript Test > spreadProps
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/angular.test.ts (410 tests) 10497ms
➤ YN0000: ✓ src/helpers/remove-surrounding-block.test.ts (1 test) 5ms
➤ YN0000: stderr | src/__tests__/react-native.test.ts > React Native > jsx > Javascript Test > Columns
➤ YN0000: stderr | src/__tests__/react-native.test.ts > React Native > jsx > Javascript Test > nestedStyles
➤ YN0000: stderr | src/__tests__/react-native.test.ts > React Native > jsx > Typescript Test > Columns
➤ YN0000: stderr | src/__tests__/react-native.test.ts > React Native > jsx > Typescript Test > nestedStyles
➤ YN0000: Style key lineHeight must be a number, but had value `normal`
➤ YN0000: Unsupported: skipping media queries for react-native: @media (max-width: 999px) { flexDirection: 'row' }
➤ YN0000: Unsupported: skipping media queries for react-native: @media (max-width: 639px) { flexDirection: 'row-reverse' }
➤ YN0000:
➤ YN0000: Unsupported: skipping media queries for react-native: @media (max-width: env(--mobile)) { display: 'block' }
➤ YN0000:
➤ YN0000: Style key lineHeight must be a number, but had value `normal`
➤ YN0000: Unsupported: skipping media queries for react-native: @media (max-width: 999px) { flexDirection: 'row' }
➤ YN0000: Unsupported: skipping media queries for react-native: @media (max-width: 639px) { flexDirection: 'row-reverse' }
➤ YN0000:
➤ YN0000: Unsupported: skipping media queries for react-native: @media (max-width: env(--mobile)) { display: 'block' }
➤ YN0000:
➤ YN0000: ✓ src/__tests__/react-native.test.ts (197 tests) 4934ms
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Typescript Test > spreadProps
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/solid.test.ts > Solid > jsx > Typescript Test > spreadProps
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/solid.test.ts (394 tests) 10595ms
➤ YN0000: ✓ src/__tests__/preact.test.ts (197 tests) 5394ms
➤ YN0000: ✓ src/__tests__/stencil.test.ts (187 tests) 4875ms
➤ YN0000: stderr | src/__tests__/vue-composition.test.ts > Vue > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/vue-composition.test.ts > Vue > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/vue-composition.test.ts > Vue > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/vue-composition.test.ts > Vue > jsx > Typescript Test > spreadProps
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/vue-composition.test.ts (201 tests) 5353ms
➤ YN0000: stderr | src/__tests__/vue.test.ts > Vue > jsx > Javascript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/vue.test.ts > Vue > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/vue.test.ts > Vue > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/vue.test.ts > Vue > jsx > Typescript Test > spreadProps
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: ✓ src/__tests__/vue.test.ts (201 tests) 6108ms
➤ YN0000: stderr | src/__tests__/liquid.test.ts > Liquid > jsx > Javascript Test > multipleSpreads
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: Could not replace Identifier 'props' with nothing.
➤ YN0000:
➤ YN0000: stderr | src/__tests__/liquid.test.ts > Liquid > jsx > Javascript Test > spreadProps
➤ YN0000: stderr | src/__tests__/liquid.test.ts > Liquid > jsx > Typescript Test > multipleSpreads
➤ YN0000: stderr | src/__tests__/liquid.test.ts > Liquid > jsx > Typescript Test > spreadProps
➤ YN0000: ✓ src/__tests__/liquid.test.ts (197 tests) 3026ms
➤ YN0000: ✓ src/__tests__/svelte.test.ts (187 tests) 5878ms
➤ YN0000: ✓ src/__tests__/html.test.ts (199 tests) 4392ms
➤ YN0000: stderr | src/__tests__/rsc.test.ts > RSC > svelte > Javascript Test > context
➤ YN0000: stderr | src/__tests__/rsc.test.ts > RSC > svelte > Typescript Test > context
➤ YN0000: Format error for file: import * as React from 'react';
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: export default function MyComponent(props) {
➤ YN0000: const _context = { ...props['_context'] };
➤ YN0000:
➤ YN0000: const state = { activeTab: 0,};
➤ YN0000:
➤ YN0000:
➤ YN0000: const disabled = _context[''disabled''];
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: return (
➤ YN0000:
➤ YN0000: <div>{state.activeTab}</div>
➤ YN0000:
➤ YN0000:
➤ YN0000: );
➤ YN0000: }
➤ YN0000:
➤ YN0000:
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/component",
➤ YN0000: "inputs": [],
➤ YN0000: "state": {
➤ YN0000: "activeTab": {
➤ YN0000: "code": "0",
➤ YN0000: "type": "property"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "refs": {},
➤ YN0000: "hooks": {
➤ YN0000: "onMount": {
➤ YN0000: "code": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "imports": [],
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [],
➤ YN0000: "bindings": {
➤ YN0000: "_text": {
➤ YN0000: "code": "state.activeTab"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "bindings": {},
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "context": {
➤ YN0000: "get": {
➤ YN0000: "disabled": {
➤ YN0000: "name": "'disabled'",
➤ YN0000: "path": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "set": {
➤ YN0000: "activeTab": {
➤ YN0000: "name": "'activeTab'",
➤ YN0000: "ref": "state.activeTab"
➤ YN0000: }
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "subComponents": [],
➤ YN0000: "meta": {},
➤ YN0000: "name": "MyComponent"
➤ YN0000: }
➤ YN0000: Format error for file: import * as React from 'react';
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: export default function MyComponent(props) {
➤ YN0000: const _context = { ...props['_context'] };
➤ YN0000:
➤ YN0000: const state = { activeTab: 0,};
➤ YN0000:
➤ YN0000:
➤ YN0000: const disabled = _context[''disabled''];
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: return (
➤ YN0000:
➤ YN0000: <div>{state.activeTab}</div>
➤ YN0000:
➤ YN0000:
➤ YN0000: );
➤ YN0000: }
➤ YN0000:
➤ YN0000:
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/component",
➤ YN0000: "inputs": [],
➤ YN0000: "state": {
➤ YN0000: "activeTab": {
➤ YN0000: "code": "0",
➤ YN0000: "type": "property"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "refs": {},
➤ YN0000: "hooks": {
➤ YN0000: "onMount": {
➤ YN0000: "code": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "imports": [],
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [],
➤ YN0000: "bindings": {
➤ YN0000: "_text": {
➤ YN0000: "code": "state.activeTab"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "bindings": {},
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "context": {
➤ YN0000: "get": {
➤ YN0000: "disabled": {
➤ YN0000: "name": "'disabled'",
➤ YN0000: "path": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "set": {
➤ YN0000: "activeTab": {
➤ YN0000: "name": "'activeTab'",
➤ YN0000: "ref": "state.activeTab"
➤ YN0000: }
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "subComponents": [],
➤ YN0000: "meta": {},
➤ YN0000: "name": "MyComponent"
➤ YN0000: }
➤ YN0000:
➤ YN0000: Format error for file: import * as React from 'react';
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: export default function MyComponent(props:any) {
➤ YN0000: const _context = { ...props['_context'] };
➤ YN0000:
➤ YN0000: const state = { activeTab: 0,};
➤ YN0000:
➤ YN0000:
➤ YN0000: const disabled = _context[''disabled''];
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: return (
➤ YN0000:
➤ YN0000: <div>{state.activeTab}</div>
➤ YN0000:
➤ YN0000:
➤ YN0000: );
➤ YN0000: }
➤ YN0000:
➤ YN0000:
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/component",
➤ YN0000: "inputs": [],
➤ YN0000: "state": {
➤ YN0000: "activeTab": {
➤ YN0000: "code": "0",
➤ YN0000: "type": "property"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "refs": {},
➤ YN0000: "hooks": {
➤ YN0000: "onMount": {
➤ YN0000: "code": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "imports": [],
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [],
➤ YN0000: "bindings": {
➤ YN0000: "_text": {
➤ YN0000: "code": "state.activeTab"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "bindings": {},
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "context": {
➤ YN0000: "get": {
➤ YN0000: "disabled": {
➤ YN0000: "name": "'disabled'",
➤ YN0000: "path": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "set": {
➤ YN0000: "activeTab": {
➤ YN0000: "name": "'activeTab'",
➤ YN0000: "ref": "state.activeTab"
➤ YN0000: }
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "subComponents": [],
➤ YN0000: "meta": {},
➤ YN0000: "name": "MyComponent"
➤ YN0000: }
➤ YN0000: Format error for file: import * as React from 'react';
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: export default function MyComponent(props:any) {
➤ YN0000: const _context = { ...props['_context'] };
➤ YN0000:
➤ YN0000: const state = { activeTab: 0,};
➤ YN0000:
➤ YN0000:
➤ YN0000: const disabled = _context[''disabled''];
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000:
➤ YN0000: return (
➤ YN0000:
➤ YN0000: <div>{state.activeTab}</div>
➤ YN0000:
➤ YN0000:
➤ YN0000: );
➤ YN0000: }
➤ YN0000:
➤ YN0000:
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/component",
➤ YN0000: "inputs": [],
➤ YN0000: "state": {
➤ YN0000: "activeTab": {
➤ YN0000: "code": "0",
➤ YN0000: "type": "property"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "refs": {},
➤ YN0000: "hooks": {
➤ YN0000: "onMount": {
➤ YN0000: "code": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "imports": [],
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [
➤ YN0000: {
➤ YN0000: "@type": "@builder.io/mitosis/node",
➤ YN0000: "name": "div",
➤ YN0000: "meta": {},
➤ YN0000: "scope": {},
➤ YN0000: "children": [],
➤ YN0000: "bindings": {
➤ YN0000: "_text": {
➤ YN0000: "code": "state.activeTab"
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "bindings": {},
➤ YN0000: "properties": {}
➤ YN0000: }
➤ YN0000: ],
➤ YN0000: "context": {
➤ YN0000: "get": {
➤ YN0000: "disabled": {
➤ YN0000: "name": "'disabled'",
➤ YN0000: "path": ""
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "set": {
➤ YN0000: "activeTab": {
➤ YN0000: "name": "'activeTab'",
➤ YN0000: "ref": "state.activeTab"
➤ YN0000: }
➤ YN0000: }
➤ YN0000: },
➤ YN0000: "subComponents": [],
➤ YN0000: "meta": {},
➤ YN0000: "name": "MyComponent"
➤ YN0000: }
➤ YN0000:
➤ YN0000: ✓ src/__tests__/rsc.test.ts (197 tests) 4049ms
➤ YN0000: ✓ src/__tests__/parse-svelte.test.ts (16 tests) 114ms
➤ YN0000: stderr | src/__tests__/lit.test.ts > Lit > svelte > Javascript Test > bindGroup
➤ YN0000: Could not format Lit typescript SyntaxError: Unterminated string literal. (49:78)
➤ YN0000: 47 | type="checkbox" value="Cheese" .checked=${this.fillings === 'Cheese'}
➤ YN0000: 48 | @input=${event => this.fillings = event.target.value} /> <input
➤ YN0000: > 49 | type="checkbox" value="Guac (extra)" .checked=${this.fillings === 'Guac
➤ YN0000: | ^
➤ YN0000: 50 | (extra)'} @input=${event => this.fillings = event.target.value} />
➤ YN0000: 51 | <p>Tortilla: ${this.tortilla}</p>
➤ YN0000: 52 | <p>Fillings: ${this.fillings}</p>
➤ YN0000: at Ve (/mitosis/node_modules/prettier/parser-typescript.js:1:15607)
➤ YN0000: at vz (/mitosis/node_modules/prettier/parser-typescript.js:280:5919)
➤ YN0000: at Object.yz [as parse] (/mitosis/node_modules/prettier/parser-typescript.js:280:6242)
➤ YN0000: at Object.m [as parse] (/mitosis/node_modules/prettier/standalone.js:40:1354)
➤ YN0000: at S (/mitosis/node_modules/prettier/standalone.js:41:15055)
➤ YN0000: at D (/mitosis/node_modules/prettier/standalone.js:45:576)
➤ YN0000: at /mitosis/node_modules/prettier/standalone.js:116:7304
➤ YN0000: at Proxy.format (/mitosis/node_modules/prettier/standalone.js:116:7395)
➤ YN0000: at /mitosis/packages/core/src/generators/lit/generate.ts:229:35
➤ YN0000: at getOutput (/mitosis/packages/core/src/__tests__/shared.ts:468:62)
➤ YN0000: at /mitosis/packages/core/src/__tests__/shared.ts:470:28
➤ YN0000: at async runTest (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:417:7)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runFiles (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:646:5)
➤ YN0000: at async startTestsNode (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:664:3)
➤ YN0000: at async /mitosis/packages/core/node_modules/vitest/dist/entry.js:96:11
➤ YN0000: at async Module.withEnv (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:162:5)
➤ YN0000: at async run (/mitosis/packages/core/node_modules/vitest/dist/entry.js:89:7)
➤ YN0000: at async file:///mitosis/packages/core/node_modules/tinypool/dist/esm/worker.js:109:20 {
➤ YN0000: loc: { start: { line: 49, column: 78 } },
➤ YN0000: codeFrame: ' 47 | type="checkbox" value="Cheese" .checked=${this.fillings === \'Cheese\'}\n' +
➤ YN0000: ' 48 | @input=${event => this.fillings = event.target.value} /> <input\n' +
➤ YN0000: '> 49 | type="checkbox" value="Guac (extra)" .checked=${this.fillings === \'Guac\n' +
➤ YN0000: ' | ^\n' +
➤ YN0000: " 50 | (extra)'} @input=${event => this.fillings = event.target.value} />\n" +
➤ YN0000: ' 51 | <p>Tortilla: ${this.tortilla}</p>\n' +
➤ YN0000: ' 52 | <p>Fillings: ${this.fillings}</p>'
➤ YN0000: }
➤ YN0000:
➤ YN0000: Could not format Lit typescript SyntaxError: ';' expected. (33:22)
➤ YN0000: 31 | return html`
➤ YN0000: 32 |
➤ YN0000: > 33 | <input class={`form-input ${props.disabled ? 'disabled' : ''} ${state.focus ?
➤ YN0000: | ^
➤ YN0000: 34 | 'focus' : ''}`} />
➤ YN0000: 35 |
➤ YN0000: 36 | `
➤ YN0000: at Ve (/mitosis/node_modules/prettier/parser-typescript.js:1:15607)
➤ YN0000: at vz (/mitosis/node_modules/prettier/parser-typescript.js:280:5919)
➤ YN0000: at Object.yz [as parse] (/mitosis/node_modules/prettier/parser-typescript.js:280:6242)
➤ YN0000: at Object.m [as parse] (/mitosis/node_modules/prettier/standalone.js:40:1354)
➤ YN0000: at S (/mitosis/node_modules/prettier/standalone.js:41:15055)
➤ YN0000: at D (/mitosis/node_modules/prettier/standalone.js:45:576)
➤ YN0000: at /mitosis/node_modules/prettier/standalone.js:116:7304
➤ YN0000: at Proxy.format (/mitosis/node_modules/prettier/standalone.js:116:7395)
➤ YN0000: at /mitosis/packages/core/src/generators/lit/generate.ts:229:35
➤ YN0000: at getOutput (/mitosis/packages/core/src/__tests__/shared.ts:468:62)
➤ YN0000: at /mitosis/packages/core/src/__tests__/shared.ts:470:28
➤ YN0000: at async runTest (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:417:7)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runFiles (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:646:5)
➤ YN0000: at async startTestsNode (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:664:3)
➤ YN0000: at async /mitosis/packages/core/node_modules/vitest/dist/entry.js:96:11
➤ YN0000: at async Module.withEnv (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:162:5)
➤ YN0000: at async run (/mitosis/packages/core/node_modules/vitest/dist/entry.js:89:7)
➤ YN0000: at async file:///mitosis/packages/core/node_modules/tinypool/dist/esm/worker.js:109:20 {
➤ YN0000: loc: { start: { line: 33, column: 22 } },
➤ YN0000: codeFrame: ' 31 | return html`\n' +
➤ YN0000: ' 32 | \n' +
➤ YN0000: "> 33 | <input class={`form-input ${props.disabled ? 'disabled' : ''} ${state.focus ?\n" +
➤ YN0000: ' | ^\n' +
➤ YN0000: " 34 | 'focus' : ''}`} />\n" +
➤ YN0000: ' 35 |\n' +
➤ YN0000: ' 36 | `'
➤ YN0000: }
➤ YN0000:
➤ YN0000: Could not format Lit typescript SyntaxError: Unterminated string literal. (49:78)
➤ YN0000: 47 | type="checkbox" value="Cheese" .checked=${this.fillings === 'Cheese'}
➤ YN0000: 48 | @input=${event => this.fillings = event.target.value} /> <input
➤ YN0000: > 49 | type="checkbox" value="Guac (extra)" .checked=${this.fillings === 'Guac
➤ YN0000: | ^
➤ YN0000: 50 | (extra)'} @input=${event => this.fillings = event.target.value} />
➤ YN0000: 51 | <p>Tortilla: ${this.tortilla}</p>
➤ YN0000: 52 | <p>Fillings: ${this.fillings}</p>
➤ YN0000: at Ve (/mitosis/node_modules/prettier/parser-typescript.js:1:15607)
➤ YN0000: at vz (/mitosis/node_modules/prettier/parser-typescript.js:280:5919)
➤ YN0000: at Object.yz [as parse] (/mitosis/node_modules/prettier/parser-typescript.js:280:6242)
➤ YN0000: at Object.m [as parse] (/mitosis/node_modules/prettier/standalone.js:40:1354)
➤ YN0000: at S (/mitosis/node_modules/prettier/standalone.js:41:15055)
➤ YN0000: at D (/mitosis/node_modules/prettier/standalone.js:45:576)
➤ YN0000: at /mitosis/node_modules/prettier/standalone.js:116:7304
➤ YN0000: at Proxy.format (/mitosis/node_modules/prettier/standalone.js:116:7395)
➤ YN0000: at /mitosis/packages/core/src/generators/lit/generate.ts:229:35
➤ YN0000: at getOutput (/mitosis/packages/core/src/__tests__/shared.ts:468:62)
➤ YN0000: at /mitosis/packages/core/src/__tests__/shared.ts:470:28
➤ YN0000: at async runTest (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:417:7)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runFiles (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:646:5)
➤ YN0000: at async startTestsNode (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:664:3)
➤ YN0000: at async /mitosis/packages/core/node_modules/vitest/dist/entry.js:96:11
➤ YN0000: at async Module.withEnv (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:162:5)
➤ YN0000: at async run (/mitosis/packages/core/node_modules/vitest/dist/entry.js:89:7)
➤ YN0000: at async file:///mitosis/packages/core/node_modules/tinypool/dist/esm/worker.js:109:20 {
➤ YN0000: loc: { start: { line: 49, column: 78 } },
➤ YN0000: codeFrame: ' 47 | type="checkbox" value="Cheese" .checked=${this.fillings === \'Cheese\'}\n' +
➤ YN0000: ' 48 | @input=${event => this.fillings = event.target.value} /> <input\n' +
➤ YN0000: '> 49 | type="checkbox" value="Guac (extra)" .checked=${this.fillings === \'Guac\n' +
➤ YN0000: ' | ^\n' +
➤ YN0000: " 50 | (extra)'} @input=${event => this.fillings = event.target.value} />\n" +
➤ YN0000: ' 51 | <p>Tortilla: ${this.tortilla}</p>\n' +
➤ YN0000: ' 52 | <p>Fillings: ${this.fillings}</p>'
➤ YN0000: }
➤ YN0000:
➤ YN0000: Could not format Lit typescript SyntaxError: ';' expected. (33:22)
➤ YN0000: 31 | return html`
➤ YN0000: 32 |
➤ YN0000: > 33 | <input class={`form-input ${props.disabled ? 'disabled' : ''} ${state.focus ?
➤ YN0000: | ^
➤ YN0000: 34 | 'focus' : ''}`} />
➤ YN0000: 35 |
➤ YN0000: 36 | `
➤ YN0000: at Ve (/mitosis/node_modules/prettier/parser-typescript.js:1:15607)
➤ YN0000: at vz (/mitosis/node_modules/prettier/parser-typescript.js:280:5919)
➤ YN0000: at Object.yz [as parse] (/mitosis/node_modules/prettier/parser-typescript.js:280:6242)
➤ YN0000: at Object.m [as parse] (/mitosis/node_modules/prettier/standalone.js:40:1354)
➤ YN0000: at S (/mitosis/node_modules/prettier/standalone.js:41:15055)
➤ YN0000: at D (/mitosis/node_modules/prettier/standalone.js:45:576)
➤ YN0000: at /mitosis/node_modules/prettier/standalone.js:116:7304
➤ YN0000: at Proxy.format (/mitosis/node_modules/prettier/standalone.js:116:7395)
➤ YN0000: at /mitosis/packages/core/src/generators/lit/generate.ts:229:35
➤ YN0000: at getOutput (/mitosis/packages/core/src/__tests__/shared.ts:468:62)
➤ YN0000: at /mitosis/packages/core/src/__tests__/shared.ts:470:28
➤ YN0000: at async runTest (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:417:7)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runSuite (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:512:15)
➤ YN0000: at async runFiles (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:646:5)
➤ YN0000: at async startTestsNode (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:664:3)
➤ YN0000: at async /mitosis/packages/core/node_modules/vitest/dist/entry.js:96:11
➤ YN0000: at async Module.withEnv (/mitosis/packages/core/node_modules/vitest/dist/chunk-runtime-setup.ab6b6274.js:162:5)
➤ YN0000: at async run (/mitosis/packages/core/node_modules/vitest/dist/entry.js:89:7)
➤ YN0000: at async file:///mitosis/packages/core/node_modules/tinypool/dist/esm/worker.js:109:20 {
➤ YN0000: loc: { start: { line: 33, column: 22 } },
➤ YN0000: codeFrame: ' 31 | return html`\n' +
➤ YN0000: ' 32 | \n' +
➤ YN0000: "> 33 | <input class={`form-input ${props.disabled ? 'disabled' : ''} ${state.focus ?\n" +
➤ YN0000: ' | ^\n' +
➤ YN0000: " 34 | 'focus' : ''}`} />\n" +
➤ YN0000: ' 35 |\n' +
➤ YN0000: ' 36 | `'
➤ YN0000: }
➤ YN0000:
➤ YN0000: stderr | src/__tests__/lit.test.ts > Lit > svelte > Javascript Test > classDirective
➤ YN0000: stderr | src/__tests__/lit.test.ts > Lit > svelte > Typescript Test > bindGroup
➤ YN0000: stderr | src/__tests__/lit.test.ts > Lit > svelte > Typescript Test > classDirective
➤ YN0000: ✓ src/__tests__/lit.test.ts (201 tests) 6069ms
➤ YN0000:
➤ YN0000: Test Files 35 passed (35)
➤ YN0000: Tests 4360 passed | 2 skipped (4362)
➤ YN0000: Start at 00:33:27
➤ YN0000: Duration 74.97s (transform 564ms, setup 1ms, collect 22.14s, tests 113.38s)
➤ YN0000:
➤ YN0000:
➤ YN0000: PASS Waiting for file changes...
➤ YN0000: press h to show help, press q to quit
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment