@cxkit/version-vanilla - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

README.md

+# @cxkit/version-vanilla
+
+为 jQuery、传统服务端渲染模板页面（JSP/PHP/Thymeleaf）、或未引入 React/Vue 等重型抽象库的原生网页开发的微前端/原生级版本热更插件。
+
+这不仅是适配层，也是整个体系架构中最接近浏览器的纯净 DOM 实现版本。底层使用 `document.createElement` 与原生 CSS 解析事件。
+
+## 安装
+
+```bash
+npm install @cxkit/version-vanilla
+```
+
+## 快速入口用法
+
+它的调用极其简单粗暴，你只需要把它插入到任意 script、文件最上方，或者甚至是通过打包工具单独塞进去的一个 chunk 即可，它会自动附加在 `body` 最末端。
+
+```js
+import { mountVersionUpdateUI } from '@cxkit/version-vanilla'
+// 你只需要自行引入 CSS（内部支持按需渲染逻辑，不打包 CSS string）
+import '@cxkit/version-vanilla/style.css' 
+
+mountVersionUpdateUI({
+  // core 底层共享属性：
+  pollInterval: 1000 * 60 * 5,
+  devMock: false,
+  
+  // 原生适配器独享 UI 属性：
+  title: '发现新版本',
+  message: '我们已向生产服务器发布新的内容代码，由于浏览器存在缓存机制，建议点击立即更新。',
+  confirmText: '刷新内容',
+  cancelText: '取消',
+  
+  // 当 UI 卡片被生成并插入的回调
+  onMounted: () => console.log('UI injected')
+})
+```
+
+## 阅读完整文档
+详细接入流程请访问 [官方开发文档](https://github.com/chenx18_cn/cxkit)。

package.json

 {
   "name": "@cxkit/version-vanilla",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Vanilla JS adapter for @cxkit/version-core with built-in DOM UI.",
@@ -35,3 +35,3 @@ "type": "module",
   "dependencies": {
-    "@cxkit/version-core": "0.0.1"
+    "@cxkit/version-core": "0.0.2"
   },
@@ -38,0 +38,0 @@ "scripts": {

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Improved metrics

Total package byte prevSize

23981

6.59%

Number of package files

12

9.09%

Number of medium quality alerts

0

-100%

Number of lines in readme file

40

Infinity%

Dependency changes

• + Added

  @cxkit/version-core@0.0.2
  (transitive)

• - Removed

  @cxkit/version-core@0.0.1
  (transitive)

• Updated

  @cxkit/version-core@0.0.2