@cgboiler/biz-basic 1.0.27 → 1.0.28

package/es/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.26";
+export const version: "1.0.27";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/es/index.js

@@ -1,5 +1,5 @@
 import RichTextEditor from "./rich-text-editor";
-const version = "1.0.26";
+const version = "1.0.27";
 function install(app) {
   const components = [
     RichTextEditor

package/es/rich-text-editor/RichTextEditor.js

@@ -1,3 +1,23 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { createVNode as _createVNode } from "vue";
 import "./_atomic.css";
 import { defineComponent, onMounted, onBeforeUnmount, ref, watch, nextTick } from "vue";
@@ -5,6 +25,7 @@ import { Editor, EditorContent } from "@tiptap/vue-3";
 import Viewer from "viewerjs";
 import "viewerjs/dist/viewer.css";
 import { useExtensions } from "./useExtensions";
+import localforage from "localforage";
 import { richTextEditorProps } from "./types";
 import "./index.css";
 var stdin_default = defineComponent({
@@ -118,8 +139,47 @@ var stdin_default = defineComponent({
         event.preventDefault();
       }
     };
+    const HISTORY_METADATA_KEY = "rich_text_editor_history_metadata";
+    const MAX_HISTORY_ITEMS = 10;
+    let saveIntervalId = null;
+    const noteId = ref("");
+    const historyStore = localforage.createInstance({
+      name: "RichTextEditorHistory",
+      storeName: "notes"
+    });
     onMounted(() => {
       initEditor();
+      const now = /* @__PURE__ */ new Date();
+      const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
+      noteId.value = `note-${now.getTime()}`;
+      const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
+      saveIntervalId = setInterval(() => __async(this, null, function* () {
+        if (!editor.value || editor.value.isDestroyed || !editor.value.isEditable) {
+          return;
+        }
+        const content = editor.value.getHTML();
+        console.log("content: ", content);
+        yield historyStore.setItem(noteId.value, {
+          title: noteTitle,
+          content
+        });
+        let metadata = (yield historyStore.getItem(HISTORY_METADATA_KEY)) || [];
+        const existingNoteIndex = metadata.findIndex((meta) => meta.id === noteId.value);
+        if (existingNoteIndex === -1) {
+          metadata.push({
+            id: noteId.value,
+            timestamp: now.getTime()
+          });
+          metadata.sort((a, b) => b.timestamp - a.timestamp);
+          if (metadata.length > MAX_HISTORY_ITEMS) {
+            const itemsToRemove = metadata.splice(MAX_HISTORY_ITEMS);
+            for (const item of itemsToRemove) {
+              yield historyStore.removeItem(item.id);
+            }
+          }
+          yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
+        }
+      }), 1e4);
       nextTick(() => {
         var _a, _b;
         const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
@@ -130,6 +190,9 @@ var stdin_default = defineComponent({
     });
     onBeforeUnmount(() => {
       var _a, _b, _c;
+      if (saveIntervalId) {
+        clearInterval(saveIntervalId);
+      }
       const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
       if (editorElement) {
         editorElement.removeEventListener("click", imageClickHandler);

package/lib/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.26";
+export const version: "1.0.27";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/lib/index.js

@@ -36,7 +36,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_rich_text_editor = __toESM(require("./rich-text-editor"));
 __reExport(stdin_exports, require("./rich-text-editor"), module.exports);
-const version = "1.0.26";
+const version = "1.0.27";
 function install(app) {
   const components = [
     import_rich_text_editor.default

package/lib/rich-text-editor/RichTextEditor.js

@@ -25,6 +25,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 var stdin_exports = {};
 __export(stdin_exports, {
   default: () => stdin_default
@@ -37,6 +57,7 @@ var import_vue_3 = require("@tiptap/vue-3");
 var import_viewerjs = __toESM(require("viewerjs"));
 var import_viewer = require("viewerjs/dist/viewer.css");
 var import_useExtensions = require("./useExtensions");
+var import_localforage = __toESM(require("localforage"));
 var import_types = require("./types");
 var import_index = require("./index.css");
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -150,8 +171,47 @@ var stdin_default = (0, import_vue2.defineComponent)({
         event.preventDefault();
       }
     };
+    const HISTORY_METADATA_KEY = "rich_text_editor_history_metadata";
+    const MAX_HISTORY_ITEMS = 10;
+    let saveIntervalId = null;
+    const noteId = (0, import_vue2.ref)("");
+    const historyStore = import_localforage.default.createInstance({
+      name: "RichTextEditorHistory",
+      storeName: "notes"
+    });
     (0, import_vue2.onMounted)(() => {
       initEditor();
+      const now = /* @__PURE__ */ new Date();
+      const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
+      noteId.value = `note-${now.getTime()}`;
+      const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
+      saveIntervalId = setInterval(() => __async(this, null, function* () {
+        if (!editor.value || editor.value.isDestroyed || !editor.value.isEditable) {
+          return;
+        }
+        const content = editor.value.getHTML();
+        console.log("content: ", content);
+        yield historyStore.setItem(noteId.value, {
+          title: noteTitle,
+          content
+        });
+        let metadata = (yield historyStore.getItem(HISTORY_METADATA_KEY)) || [];
+        const existingNoteIndex = metadata.findIndex((meta) => meta.id === noteId.value);
+        if (existingNoteIndex === -1) {
+          metadata.push({
+            id: noteId.value,
+            timestamp: now.getTime()
+          });
+          metadata.sort((a, b) => b.timestamp - a.timestamp);
+          if (metadata.length > MAX_HISTORY_ITEMS) {
+            const itemsToRemove = metadata.splice(MAX_HISTORY_ITEMS);
+            for (const item of itemsToRemove) {
+              yield historyStore.removeItem(item.id);
+            }
+          }
+          yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
+        }
+      }), 1e4);
       (0, import_vue2.nextTick)(() => {
         var _a, _b;
         const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
@@ -162,6 +222,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     (0, import_vue2.onBeforeUnmount)(() => {
       var _a, _b, _c;
+      if (saveIntervalId) {
+        clearInterval(saveIntervalId);
+      }
       const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
       if (editorElement) {
         editorElement.removeEventListener("click", imageClickHandler);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-basic",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,7 +52,8 @@
     "@tiptap/starter-kit": "3.3.0",
     "@tiptap/vue-3": "3.3.0",
     "tiptap-markdown": "^0.8.10",
-    "viewerjs": "^1.11.7"
+    "viewerjs": "^1.11.7",
+    "localforage": "^1.10.0"
   },
   "browserslist": [
     "Chrome >= 51",