@melt-js/demo-vue3 0.0.0-stage → 0.0.2

package/dist/assets/loadApp-HkqSR1jX.css

@@ -0,0 +1 @@
+:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:#42b983}.g-main[data-v-bcdd0773]{max-width:860px;margin:0 auto;padding:40px 20px 60px;font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50}.desc[data-v-bcdd0773]{color:#666}.desc code[data-v-bcdd0773]{padding:2px 6px;border-radius:4px;background:#f0f2f5;color:#c7254e}.card[data-v-bcdd0773]{margin-top:24px;padding:20px;border:1px solid #e5e7eb;border-radius:8px}.host-btn[data-v-bcdd0773]{padding:8px 16px;border:1px solid #42b983;border-radius:6px;background:#42b983;color:#fff;font-size:16px;cursor:pointer}.host-btn[data-v-bcdd0773]:hover{background:#369d6d}.remote-component-container[data-v-bcdd0773]{margin-top:24px;padding:20px;border:2px dashed #ccc;border-radius:8px}.remote-component-container h2[data-v-bcdd0773]{margin-top:0}

package/dist/assets/loadApp-bS933MoE.js

@@ -0,0 +1,2 @@
+import{d as c,o as a,c as m,a as o,b as r,t as p,e as u,r as d,u as i,f as v,g as _,l as f,h as b}from"./index-B7Rf8naU.js";const g={class:"g-main"},y={class:"card"},k={class:"remote-component-container"},C=c({__name:"App",setup(l){const s=v(0),n=_({loader:async()=>{console.log("[demo-vue3] 开始加载远程组件...");try{const t=await f();return console.log("[demo-vue3] 远程组件加载完成:",t),t.HelloWorld}catch(t){throw console.error("[demo-vue3] 获取远程组件失败:",t),t}},timeout:1e4});return(t,e)=>(a(),m("main",g,[e[3]||(e[3]=o("h1",null,"demo-vue3",-1)),e[4]||(e[4]=o("p",{class:"desc"},[r(" Vue 3 + Vite 5 宿主，通过 hel-micro 的 "),o("code",null,"preFetchLib"),r(" 加载远程组件 "),o("code",null,"comps-vue3"),r("。 ")],-1)),o("section",y,[e[1]||(e[1]=o("h2",null,"主应用内容",-1)),o("button",{class:"host-btn",onClick:e[0]||(e[0]=B=>s.value++)},"host 工程中的按钮 "+p(s.value),1)]),o("section",k,[e[2]||(e[2]=o("h2",null,"远程组件内容（comps-vue3）",-1)),(a(),u(d(i(n)),{msg:"来自 demo-vue3 的问候"}))])]))}}),h=(l,s)=>{const n=l.__vccOpts||l;for(const[t,e]of s)n[t]=e;return n},A=h(C,[["__scopeId","data-v-bcdd0773"]]);b(A).mount("#app");
+//# sourceMappingURL=loadApp-bS933MoE.js.map

package/dist/assets/loadApp-bS933MoE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadApp-bS933MoE.js","sources":["../../src/App.vue","../../src/loadApp.ts"],"sourcesContent":["<template>\n  <main class=\"g-main\">\n    <h1>demo-vue3</h1>\n    <p class=\"desc\">\n      Vue 3 + Vite 5 宿主，通过 hel-micro 的 <code>preFetchLib</code> 加载远程组件\n      <code>comps-vue3</code>。\n    </p>\n\n    <section class=\"card\">\n      <h2>主应用内容</h2>\n      <button class=\"host-btn\" @click=\"num++\">host 工程中的按钮 {{ num }}</button>\n    </section>\n\n    <section class=\"remote-component-container\">\n      <h2>远程组件内容（comps-vue3）</h2>\n      <component :is=\"RemoteComp\" msg=\"来自 demo-vue3 的问候\" />\n    </section>\n  </main>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, ref } from 'vue'\nimport { loadRemoteLib } from './configs/remote'\n\nconst num = ref(0)\n\nconst RemoteComp = defineAsyncComponent({\n  loader: async () => {\n    console.log('[demo-vue3] 开始加载远程组件...')\n\n    try {\n      // 入口处已经预加载，这里复用同一个 Promise（通常已 resolve）\n      const lib = await loadRemoteLib()\n\n      console.log('[demo-vue3] 远程组件加载完成:', lib)\n      return lib.HelloWorld\n    } catch (err) {\n      console.error('[demo-vue3] 获取远程组件失败:', err)\n      throw err\n    }\n  },\n  timeout: 10000,\n})\n</script>\n\n<style scoped>\n.g-main {\n  max-width: 860px;\n  margin: 0 auto;\n  padding: 40px 20px 60px;\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  color: #2c3e50;\n}\n\n.desc {\n  color: #666;\n}\n\n.desc code {\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: #f0f2f5;\n  color: #c7254e;\n}\n\n.card {\n  margin-top: 24px;\n  padding: 20px;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n}\n\n.host-btn {\n  padding: 8px 16px;\n  border: 1px solid #42b983;\n  border-radius: 6px;\n  background: #42b983;\n  color: #fff;\n  font-size: 16px;\n  cursor: pointer;\n}\n\n.host-btn:hover {\n  background: #369d6d;\n}\n\n.remote-component-container {\n  margin-top: 24px;\n  padding: 20px;\n  border: 2px dashed #ccc;\n  border-radius: 8px;\n}\n\n.remote-component-container h2 {\n  margin-top: 0;\n}\n</style>\n","import { createApp } from 'vue'\nimport './style.css'\nimport App from './App.vue'\n\ncreateApp(App).mount('#app')\n"],"names":["num","ref","RemoteComp","defineAsyncComponent","lib","loadRemoteLib","err","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_createBlock","_resolveDynamicComponent","_unref","createApp","App"],"mappings":"wOAwBA,MAAMA,EAAMC,EAAI,CAAC,EAEXC,EAAaC,EAAqB,CACtC,OAAQ,SAAY,CAClB,QAAQ,IAAI,yBAAyB,EAErC,GAAI,CAEF,MAAMC,EAAM,MAAMC,EAAA,EAElB,eAAQ,IAAI,wBAAyBD,CAAG,EACjCA,EAAI,UACb,OAASE,EAAK,CACZ,cAAQ,MAAM,wBAAyBA,CAAG,EACpCA,CACR,CACF,EACA,QAAS,GAAA,CACV,gBAzCCC,EAAA,EAAAC,EAgBO,OAhBPC,EAgBO,CAfLC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAAkB,UAAd,YAAS,EAAA,eACbA,EAGI,IAAA,CAHD,MAAM,QAAM,GAAC,oCACmB,EAAAA,EAAwB,YAAlB,aAAW,IAAO,UACzD,EAAAA,EAAuB,YAAjB,YAAU,IAAO,IACzB,CAAA,OAEAA,EAGU,UAHVC,EAGU,CAFRF,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAAc,UAAV,QAAK,EAAA,GACTA,EAAsE,SAAA,CAA9D,MAAM,WAAY,uBAAOX,EAAA,QAAA,EAAO,iBAAeA,EAAA,KAAG,EAAA,CAAA,CAAA,GAG5DW,EAGU,UAHVE,EAGU,CAFRH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAA2B,UAAvB,qBAAkB,EAAA,IACtBJ,EAAA,EAAAO,EAAqDC,EAArCC,EAAAd,CAAA,CAAU,EAAA,CAAE,IAAI,mBAAkB,EAAA,uHCXxDe,EAAUC,CAAG,EAAE,MAAM,MAAM"}

package/dist/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>demo-vue3</title>
+    <script type="module" crossorigin src="./assets/index-B7Rf8naU.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,6 +1,39 @@
 {
   "name": "@melt-js/demo-vue3",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.0.2",
+  "type": "module",
+  "unpkg": "dist/index.html",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "publish:stage": "pnpm run build && npx -y npm@11 stage publish"
+  },
+  "dependencies": {
+    "hel-micro": "4.15.3",
+    "vue": "3.5.44"
+  },
+  "devDependencies": {
+    "@types/node": "20.19.43",
+    "@vitejs/plugin-vue": "5.2.4",
+    "typescript": "5.9.3",
+    "vite": "5.4.21"
+  },
+  "engines": {
+    "node": ">=18.12.1"
+  },
+  "browserslist": [
+    "defaults",
+    "not dead",
+    "not IE 11",
+    "chrome 72"
+  ]
+}