@waline/client 1.6.0 → 2.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waline/client",
-  "version": "1.6.0",
+  "version": "2.0.0-alpha.2",
   "description": "client for waline comment system",
   "keywords": [
     "valine",
@@ -12,19 +12,31 @@
     "url": "https://github.com/walinejs/waline"
   },
   "license": "MIT",
-  "main": "dist/Waline.min.js",
-  "browser": "dist/Waline.min.js",
-  "types": "dist/Waline.min.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/shim.esm.js",
+      "require": "./dist/shim.js",
+      "default": "./dist/shim.js"
+    },
+    "./dist": "./dist/shim.js",
+    "./dist/waline.css": "./dist/waline.css",
+    "./dist/*": "./dist/*.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/shim.js",
+  "browser": "./dist/waline.js",
+  "types": "./dist/shim.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
   "scripts": {
-    "analyze": "cross-env ANALYZE=true webpack --mode=production --config ./build/webpack.config.js",
-    "build": "npm run build:normal && npm run build:no-style && npm run build:dts",
-    "build:dts": "rollup -c ./build/rollup.config.js",
-    "build:no-style": "webpack --mode=production --config ./build/webpack.noStyle.js",
-    "build:normal": "webpack --mode=production --config ./build/webpack.config.js",
+    "build": "npm run rollup && npm run style",
     "clean": "rimraf ./dist",
-    "dev": "webpack serve --mode=development --config ./build/webpack.config.js",
     "lint": "eslint --ext .ts,.vue .",
-    "prepublish": "npm run build"
+    "prepublish": "npm run clean && npm run build",
+    "rollup": "rollup -c ./scripts/rollup.config.js",
+    "style": "sass ./src/styles/index.scss ./dist/waline.css --style=compressed"
   },
   "browserslist": {
     "production": [
@@ -40,14 +52,17 @@
       "last 2 safari version"
     ]
   },
-  "devDependencies": {
-    "@types/autosize": "4.0.1",
-    "@types/marked": "4.0.2",
-    "@vue/compiler-sfc": "3.2.31",
+  "dependencies": {
     "autosize": "5.0.1",
     "hanabi": "0.4.0",
-    "marked": "4.0.12",
-    "mitt": "3.0.0",
-    "vue": "3.2.31"
+    "marked": "4.0.14",
+    "vue": "3.2.33"
+  },
+  "devDependencies": {
+    "@types/autosize": "4.0.1",
+    "@types/marked": "4.0.3"
+  },
+  "engines": {
+    "node": ">=12.20.0"
   }
 }

package/src/comment.ts

@@ -0,0 +1,39 @@
+import { useUserInfo } from './composables';
+import { decodePath, errorHandler, fetchCommentCount } from './utils';
+
+export interface CommentCountOptions {
+  serverURL: string;
+  selector?: string;
+  path?: string;
+}
+
+export const commentCount = ({
+  serverURL,
+  path = window.location.pathname,
+  selector = '.waline-comment-count',
+}: CommentCountOptions): ((reason?: unknown) => void) => {
+  const controller = new AbortController();
+
+  // comment count
+  const elements = document.querySelectorAll<HTMLElement>(selector);
+
+  const { userInfo } = useUserInfo();
+
+  if (elements.length)
+    void fetchCommentCount({
+      serverURL,
+      paths: Array.from(elements).map((element) =>
+        decodePath(element.dataset.path || element.getAttribute('id') || path)
+      ),
+      signal: controller.signal,
+      token: userInfo.value?.token,
+    })
+      .then((counts) => {
+        elements.forEach((element, index) => {
+          element.innerText = counts[index].toString();
+        });
+      })
+      .catch(errorHandler);
+
+  return controller.abort.bind(controller);
+};