core icon indicating copy to clipboard operation
core copied to clipboard

feat(vapor): vapor teleport

Open edison1105 opened this issue 8 months ago โ€ข 2 comments

Compiler Changes

  • In Vapor mode, automatically compile Teleport to VaporTeleport

Runtime Changes

  • Added VaporTeleport component with HMR support
  • Hydration is not yet supported
  • Extracted VaporFragment and DynamicFragment into separate files to avoid circular dependencies

Tests

  • Ported all test cases from packages/runtime-core/__tests__/components/Teleport.spec.ts
  • Added additional test cases for HMR functionality
  • In vapor-e2e-test:
    • Added test cases for VDOM Teleport rendering Vapor components
    • Added test cases for Vapor Teleport rendering VDOM components

edison1105 avatar Mar 21 '25 06:03 edison1105

Deploy Preview for vapor-repl ready!

Name Link
Latest commit fed71cb8002be9c8da1bc6fb951880581724f8fc
Latest deploy log https://app.netlify.com/projects/vapor-repl/deploys/6854d5cd21410200087d071c
Deploy Preview https://deploy-preview-13082--vapor-repl.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify[bot] avatar Mar 21 '25 06:03 netlify[bot]

Open in StackBlitz

@vue/compiler-core

npm i https://pkg.pr.new/@vue/compiler-core@13082
@vue/compiler-dom

npm i https://pkg.pr.new/@vue/compiler-dom@13082
@vue/compiler-sfc

npm i https://pkg.pr.new/@vue/compiler-sfc@13082
@vue/compiler-ssr

npm i https://pkg.pr.new/@vue/compiler-ssr@13082
@vue/compiler-vapor

npm i https://pkg.pr.new/@vue/compiler-vapor@13082
@vue/reactivity

npm i https://pkg.pr.new/@vue/reactivity@13082
@vue/runtime-core

npm i https://pkg.pr.new/@vue/runtime-core@13082
@vue/runtime-dom

npm i https://pkg.pr.new/@vue/runtime-dom@13082
@vue/runtime-vapor

npm i https://pkg.pr.new/@vue/runtime-vapor@13082
@vue/server-renderer

npm i https://pkg.pr.new/@vue/server-renderer@13082
@vue/shared

npm i https://pkg.pr.new/@vue/shared@13082
vue

npm i https://pkg.pr.new/vue@13082
@vue/compat

npm i https://pkg.pr.new/@vue/compat@13082

commit: 35eb563

pkg-pr-new[bot] avatar Mar 21 '25 06:03 pkg-pr-new[bot]

[!IMPORTANT]

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

โœจ Finishing touches
๐Ÿงช Generate unit tests (beta)
  • [ ] Create PR with unit tests
  • [ ] Post copyable unit tests in a comment
  • [ ] Commit unit tests in branch edison/feat/vaporTeleport

Comment @coderabbitai help to get the list of available commands and usage tips.

coderabbitai[bot] avatar Jul 16 '25 13:07 coderabbitai[bot]

Size Report

Bundles

File Size Gzip Brotli
compiler-dom.global.prod.js 84.5 kB 30 kB 26.4 kB
runtime-dom.global.prod.js 105 kB 39.5 kB 35.6 kB
vue.global.prod.js 163 kB 59.7 kB 53.2 kB

Usages

Name Size Gzip Brotli
createApp (CAPI only) 47.4 kB 18.5 kB 16.9 kB
createApp 56.2 kB 21.7 kB 19.8 kB
createApp + vaporInteropPlugin 80.1 kB (+75 B) 29.9 kB (+32 B) 27.1 kB (-17 B)
createVaporApp 31.4 kB (+75 B) 12.1 kB (+43 B) 11 kB (+43 B)
createSSRApp 60.5 kB 23.4 kB 21.4 kB
defineCustomElement 61.2 kB 23.2 kB 21.2 kB
overall 71.1 kB 27 kB 24.7 kB

github-actions[bot] avatar Jul 16 '25 13:07 github-actions[bot]

Deploy Preview for vue-sfc-playground failed. Why did it fail? โ†’

Name Link
Latest commit 5443a2440b0894aaf4cfba0c881b208bc4806932
Latest deploy log https://app.netlify.com/projects/vue-sfc-playground/deploys/68c132e34a07ff00088383bc

netlify[bot] avatar Sep 10 '25 06:09 netlify[bot]