@blueking/bk-weweb 0.0.35 → 0.0.36-beta.16

package/dist/vite/helper.d.mts

@@ -0,0 +1,11 @@
+import { Plugin } from 'vite';
+
+interface WewebVitePluginOptions {
+    injectWindowKeys?: string[];
+    appKey: string;
+}
+declare function wewebVitePlugin(options: WewebVitePluginOptions): Plugin<{
+    version: string;
+}>;
+
+export { type WewebVitePluginOptions, wewebVitePlugin as default };

package/dist/vite/helper.esm.js

@@ -0,0 +1,50 @@
+// src/vite/helper.ts
+var viteGlobalInjectKeys = [
+  "window",
+  "globalThis",
+  "self",
+  "document",
+  "location",
+  "process",
+  "__VUE_OPTIONS_API__",
+  "__BK_WEWEB_APP_KEY__",
+  "__BK_WEWEB_DATA__",
+  "__POWERED_BY_BK_WEWEB__",
+  "__VUE_DEVTOOLS_HOOK_REPLAY__",
+  "__VUE_DEVTOOLS_PLUGINS__",
+  "__VUE_HMR_RUNTIME__",
+  "__VUE_INSTANCE_SETTERS__",
+  "__VUE_PROD_DEVTOOLS__",
+  "__VUE_PROD_HYDRATION_MISMATCH_DETAILS__",
+  "__VUE__",
+  "__bkui_vue_version__"
+];
+function wewebVitePlugin(options) {
+  if (!options.appKey) {
+    throw new Error("\u3010bk-weweb\u3011wewebVitePlugin appKey is required");
+  }
+  const injectCode = [...viteGlobalInjectKeys, ...options.injectWindowKeys || []].flat().map((key) => `var ${key} = top?.['${options.appKey}']?.${key} || top?.${key};`).join("");
+  const version = "1.0.0";
+  return {
+    name: "weweb-vite-plugin",
+    apply: "serve",
+    enforce: "post",
+    transform(code, id) {
+      if (false) {
+        const newCode = code;
+        return {
+          code: `
+          ${injectCode}
+          ${newCode}
+          `
+        };
+      }
+      return code;
+    },
+    version
+  };
+}
+export {
+  wewebVitePlugin as default
+};
+//# sourceMappingURL=helper.esm.js.map

package/dist/vite/helper.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vite/helper.ts"],"sourcesContent":["/*\n * Tencent is pleased to support the open source community by making\n * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.\n *\n * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.\n *\n * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.\n *\n * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):\n *\n * ---------------------------------------------------\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated\n * documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation\n * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and\n * to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of\n * the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO\n * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF\n * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport type { Plugin } from 'vite';\n\nconst viteGlobalInjectKeys = [\n  'window',\n  'globalThis',\n  'self',\n  'document',\n  'location',\n  'process',\n  '__VUE_OPTIONS_API__',\n  '__BK_WEWEB_APP_KEY__',\n  '__BK_WEWEB_DATA__',\n  '__POWERED_BY_BK_WEWEB__',\n  '__VUE_DEVTOOLS_HOOK_REPLAY__',\n  '__VUE_DEVTOOLS_PLUGINS__',\n  '__VUE_HMR_RUNTIME__',\n  '__VUE_INSTANCE_SETTERS__',\n  '__VUE_PROD_DEVTOOLS__',\n  '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__',\n  '__VUE__',\n  '__bkui_vue_version__',\n];\n\nexport interface WewebVitePluginOptions {\n  injectWindowKeys?: string[];\n  appKey: string;\n}\nexport default function wewebVitePlugin(options: WewebVitePluginOptions): Plugin<{\n  version: string;\n}> {\n  if (!options.appKey) {\n    throw new Error('【bk-weweb】wewebVitePlugin appKey is required');\n  }\n  const injectCode = [...viteGlobalInjectKeys, ...(options.injectWindowKeys || [])]\n    .flat()\n    .map(key => `var ${key} = top?.['${options.appKey}']?.${key} || top?.${key};`)\n    .join('');\n  const version = '1.0.0';\n  return {\n    name: 'weweb-vite-plugin',\n    apply: 'serve',\n    enforce: 'post',\n    transform(code, id) {\n      if (process.env.NODE_ENV === 'development' && id.match(/\\.(js|ts|jsx|tsx|mjs|vue|css)/)) {\n        const newCode = code;\n        // // vite 对应.css 文件的特殊处理\n        // if (id.includes('vite/dist/client/client.mjs')) {\n        //   newCode = code.replace(\n        //     'const sheetsMap = new Map();',\n        //     `const sheetsMap = new Map(); window.__sheetsMap__ = sheetsMap; console.info(sheetsMap, '=================')`,\n        //   );\n        // }\n        return {\n          code: `\n          ${injectCode}\n          ${newCode}\n          `,\n        };\n      }\n      return code;\n    },\n    version,\n  };\n}\n"],"mappings":";AA4BA,IAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMe,SAAR,gBAAiC,SAErC;AACD,MAAI,CAAC,QAAQ,QAAQ;AACnB,UAAM,IAAI,MAAM,wDAA8C;AAAA,EAChE;AACA,QAAM,aAAa,CAAC,GAAG,sBAAsB,GAAI,QAAQ,oBAAoB,CAAC,CAAE,EAC7E,KAAK,EACL,IAAI,SAAO,OAAO,GAAG,aAAa,QAAQ,MAAM,OAAO,GAAG,YAAY,GAAG,GAAG,EAC5E,KAAK,EAAE;AACV,QAAM,UAAU;AAChB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU,MAAM,IAAI;AAClB,UAAI,OAAqF;AACvF,cAAM,UAAU;AAQhB,eAAO;AAAA,UACL,MAAM;AAAA,YACJ,UAAU;AAAA,YACV,OAAO;AAAA;AAAA,QAEX;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bk-weweb",
-  "version": "0.0.35",
+  "version": "0.0.36-beta.16",
   "description": "bk micro frontend web",
   "private": false,
   "main": "dist/index.esm.js",
@@ -66,9 +66,10 @@
     "tslib": "^2.6.3",
     "tsup": "^8.1.0",
     "typescript": "^5.5.3",
+    "vite": "^7.1.9",
     "vue-eslint-parser": "^9.4.3"
   },
   "engines": {
     "node": ">=14.18.1"
   }
-}
+}

package/readme.md

@@ -9,17 +9,18 @@
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/TencentBlueKing/bk-weweb/pulls)
 
 [English](readme_en.md) | 简体中文
+
 ## Overview
 
 ️🔧 BlueKing bk-weweb 是一款跨框架、无依赖、可伸缩的 无任何侵入的支持微应用、微模块统一的轻量微前端框架工具
 
 ## Features
 
-* [Basic] 支持多应用、多模块、及混合应用
-* [Basic] bk-weweb webcomponent
-* [Basic] 丰富简单的hooks
-* [Basic] 支持预加载资源
-* [Basic] 主应用与子应用、子模块之间共享缓存资源
+- [Basic] 支持多应用、多模块、及混合应用
+- [Basic] bk-weweb webcomponent
+- [Basic] 丰富简单的hooks
+- [Basic] 支持预加载资源
+- [Basic] 主应用与子应用、子模块之间共享缓存资源
 
 ## Getting started
 
@@ -33,10 +34,9 @@ $ npm install @blueking/bk-weweb
 
 > 更多用法参考：[使用文档](https://github.com/TencentBlueKing/bk-weweb/blob/main/docs/docs/intro/hooks.md)
 
-
 **基础用法**
 
-````javascript
+```javascript
 import '@blueking/bk-weweb'
 
 // 微应用
@@ -44,12 +44,12 @@ import '@blueking/bk-weweb'
 
 // 微模块
 <bk-weweb mode='js' url='http://xxx.xx.x.js' />
-````
+```
 
 **自定义微应用容器**
 
 #### 1. 自定义微应用容器
-```javascript
+
 <template>
   <div class="bk-weweb">
     <div ref="instanceWrap"/>
@@ -69,10 +69,10 @@ export default defineComponent({
           showSourceCode: true,
           scopeCss: true,
           scopeLocation: true,
-          setShodowDom: true,
+          setShadowDom: true,
           keepAlive: false,
           data: {
-            
+          
           }
         })
       mount(appKey, instanceWrap.value)
@@ -93,7 +93,6 @@ export default defineComponent({
     height: 200px;
   }
 </style>
-```
 
 #### 2. 自定义微模块容器
 
@@ -157,6 +156,7 @@ export default defineComponent({
 - [蓝鲸社区版交流群](https://jq.qq.com/?_wv=1027&k=5zk8F7G)
 
 ## BlueKing Community
+
 - [BKUI-VUE2](https://github.com/TencentBlueKing/bkui-vue2)：蓝鲸Vue2.0版本组件库。
 - [BKUI-VUE3](https://github.com/TencentBlueKing/bkui-vue3)：蓝鲸Vue3.0版本组件库。
 - [BK-CMDB](https://github.com/Tencent/bk-cmdb)：蓝鲸配置平台（蓝鲸 CMDB）是一个面向资产及应用的企业级配置管理平台。
@@ -168,7 +168,7 @@ export default defineComponent({
 
 ## Contributing
 
-如果你有好的意见或建议，欢迎给我们提 Issues 或 Pull Requests，为蓝鲸开源社区贡献力量。   
+如果你有好的意见或建议，欢迎给我们提 Issues 或 Pull Requests，为蓝鲸开源社区贡献力量。
 [腾讯开源激励计划](https://opensource.tencent.com/contribution) 鼓励开发者的参与和贡献，期待你的加入。
 
 ## License