@coze-editor/extension-links 0.1.0-alpha.0fd19e

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 coze-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/esm/index.js

@@ -0,0 +1,82 @@
+// src/index.ts
+import {
+  Decoration,
+  EditorView,
+  ViewPlugin
+} from "@codemirror/view";
+import { Prec } from "@codemirror/state";
+async function decorateURL(view2, linksProvider) {
+  const links2 = await linksProvider(view2);
+  let set = Decoration.none;
+  set = set.update({
+    add: links2.map(
+      ({ target, range }) => Decoration.mark({
+        class: "cm-link",
+        attributes: {
+          "data-link": target
+        }
+      }).range(range.from, range.to)
+    )
+  });
+  return set;
+}
+var view = (linksProvider, delay) => [
+  ViewPlugin.fromClass(
+    class {
+      controller = null;
+      decorations = Decoration.none;
+      constructor(view2) {
+        this.schedule(view2);
+      }
+      schedule(view2) {
+        if (this.controller) {
+          this.controller.abort();
+          this.controller = null;
+        }
+        const controller = new AbortController();
+        const { signal } = controller;
+        this.controller = controller;
+        setTimeout(() => {
+          if (signal.aborted) {
+            return;
+          }
+          decorateURL(view2, linksProvider).then((decorations) => {
+            if (signal.aborted) {
+              return;
+            }
+            this.decorations = decorations;
+            view2.dispatch({
+              userEvent: "sdk.links.update"
+            });
+            this.controller = null;
+          });
+        }, delay);
+      }
+      update(update) {
+        if (update.docChanged) {
+          this.decorations = this.decorations.map(update.changes);
+          this.schedule(update.view);
+        }
+      }
+    },
+    {
+      provide(plugin) {
+        return Prec.highest(
+          EditorView.decorations.of(
+            (view2) => {
+              var _a;
+              return ((_a = view2.plugin(plugin)) == null ? void 0 : _a.decorations) ?? Decoration.none;
+            }
+          )
+        );
+      }
+    }
+  )
+];
+function links(linksProvider, delay = 500) {
+  return [view(linksProvider, delay)];
+}
+export {
+  links
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n} from '@codemirror/view';\nimport { type Extension, Prec } from '@codemirror/state';\n\nexport interface Link {\n  target: string;\n  range: {\n    from: number;\n    to: number;\n  };\n}\nexport type LinksProvider = (view: EditorView) => Promise<Link[]>;\n\nasync function decorateURL(\n  view: EditorView,\n  linksProvider: LinksProvider,\n): Promise<DecorationSet> {\n  const links = await linksProvider(view);\n\n  let set = Decoration.none;\n  set = set.update({\n    add: links.map(({ target, range }) =>\n      Decoration.mark({\n        class: 'cm-link',\n        attributes: {\n          'data-link': target,\n        },\n      }).range(range.from, range.to),\n    ),\n  });\n\n  return set;\n}\n\nconst view = (linksProvider: LinksProvider, delay: number): Extension => [\n  ViewPlugin.fromClass(\n    class {\n      private controller: AbortController | null = null;\n      public decorations: DecorationSet = Decoration.none;\n\n      constructor(view: EditorView) {\n        this.schedule(view);\n      }\n\n      private schedule(view: EditorView) {\n        if (this.controller) {\n          this.controller.abort();\n          this.controller = null;\n        }\n\n        const controller = new AbortController();\n        const { signal } = controller;\n        this.controller = controller;\n\n        setTimeout(() => {\n          if (signal.aborted) {\n            return;\n          }\n\n          decorateURL(view, linksProvider).then(decorations => {\n            if (signal.aborted) {\n              return;\n            }\n\n            this.decorations = decorations;\n\n            view.dispatch({\n              userEvent: 'sdk.links.update',\n            });\n\n            this.controller = null;\n          });\n        }, delay);\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged) {\n          this.decorations = this.decorations.map(update.changes);\n          this.schedule(update.view);\n        }\n      }\n    },\n    {\n      provide(plugin) {\n        // 优先级设置为最高，decoration 出现在最里面\n        return Prec.highest(\n          EditorView.decorations.of(\n            view => view.plugin(plugin)?.decorations ?? Decoration.none,\n          ),\n        );\n      },\n    },\n  ),\n];\n\nfunction links(linksProvider: LinksProvider, delay = 500) {\n  return [view(linksProvider, delay)];\n}\n\nexport { links };\n"],"mappings":";AAGA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OAEK;AACP,SAAyB,YAAY;AAWrC,eAAe,YACbA,OACA,eACwB;AACxB,QAAMC,SAAQ,MAAM,cAAcD,KAAI;AAEtC,MAAI,MAAM,WAAW;AACrB,QAAM,IAAI,OAAO;AAAA,IACf,KAAKC,OAAM;AAAA,MAAI,CAAC,EAAE,QAAQ,MAAM,MAC9B,WAAW,KAAK;AAAA,QACd,OAAO;AAAA,QACP,YAAY;AAAA,UACV,aAAa;AAAA,QACf;AAAA,MACF,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,IAC/B;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,eAA8B,UAA6B;AAAA,EACvE,WAAW;AAAA,IACT,MAAM;AAAA,MACI,aAAqC;AAAA,MACtC,cAA6B,WAAW;AAAA,MAE/C,YAAYD,OAAkB;AAC5B,aAAK,SAASA,KAAI;AAAA,MACpB;AAAA,MAEQ,SAASA,OAAkB;AACjC,YAAI,KAAK,YAAY;AACnB,eAAK,WAAW,MAAM;AACtB,eAAK,aAAa;AAAA,QACpB;AAEA,cAAM,aAAa,IAAI,gBAAgB;AACvC,cAAM,EAAE,OAAO,IAAI;AACnB,aAAK,aAAa;AAElB,mBAAW,MAAM;AACf,cAAI,OAAO,SAAS;AAClB;AAAA,UACF;AAEA,sBAAYA,OAAM,aAAa,EAAE,KAAK,iBAAe;AACnD,gBAAI,OAAO,SAAS;AAClB;AAAA,YACF;AAEA,iBAAK,cAAc;AAEnB,YAAAA,MAAK,SAAS;AAAA,cACZ,WAAW;AAAA,YACb,CAAC;AAED,iBAAK,aAAa;AAAA,UACpB,CAAC;AAAA,QACH,GAAG,KAAK;AAAA,MACV;AAAA,MAEA,OAAO,QAAoB;AACzB,YAAI,OAAO,YAAY;AACrB,eAAK,cAAc,KAAK,YAAY,IAAI,OAAO,OAAO;AACtD,eAAK,SAAS,OAAO,IAAI;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,QAAQ,QAAQ;AAEd,eAAO,KAAK;AAAA,UACV,WAAW,YAAY;AAAA,YACrB,CAAAA,UAAK;AA/FjB;AA+FoB,4BAAAA,MAAK,OAAO,MAAM,MAAlB,mBAAqB,gBAAe,WAAW;AAAA;AAAA,UACzD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,MAAM,eAA8B,QAAQ,KAAK;AACxD,SAAO,CAAC,KAAK,eAAe,KAAK,CAAC;AACpC;","names":["view","links"]}

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import { EditorView } from '@codemirror/view';
+import { Extension } from '@codemirror/state';
+
+interface Link {
+    target: string;
+    range: {
+        from: number;
+        to: number;
+    };
+}
+type LinksProvider = (view: EditorView) => Promise<Link[]>;
+declare function links(linksProvider: LinksProvider, delay?: number): Extension[];
+
+export { type Link, type LinksProvider, links };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { EditorView } from '@codemirror/view';
+import { Extension } from '@codemirror/state';
+
+interface Link {
+    target: string;
+    range: {
+        from: number;
+        to: number;
+    };
+}
+type LinksProvider = (view: EditorView) => Promise<Link[]>;
+declare function links(linksProvider: LinksProvider, delay?: number): Extension[];
+
+export { type Link, type LinksProvider, links };

package/dist/index.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  links: () => links
+});
+module.exports = __toCommonJS(index_exports);
+var import_view = require("@codemirror/view");
+var import_state = require("@codemirror/state");
+async function decorateURL(view2, linksProvider) {
+  const links2 = await linksProvider(view2);
+  let set = import_view.Decoration.none;
+  set = set.update({
+    add: links2.map(
+      ({ target, range }) => import_view.Decoration.mark({
+        class: "cm-link",
+        attributes: {
+          "data-link": target
+        }
+      }).range(range.from, range.to)
+    )
+  });
+  return set;
+}
+var view = (linksProvider, delay) => [
+  import_view.ViewPlugin.fromClass(
+    class {
+      controller = null;
+      decorations = import_view.Decoration.none;
+      constructor(view2) {
+        this.schedule(view2);
+      }
+      schedule(view2) {
+        if (this.controller) {
+          this.controller.abort();
+          this.controller = null;
+        }
+        const controller = new AbortController();
+        const { signal } = controller;
+        this.controller = controller;
+        setTimeout(() => {
+          if (signal.aborted) {
+            return;
+          }
+          decorateURL(view2, linksProvider).then((decorations) => {
+            if (signal.aborted) {
+              return;
+            }
+            this.decorations = decorations;
+            view2.dispatch({
+              userEvent: "sdk.links.update"
+            });
+            this.controller = null;
+          });
+        }, delay);
+      }
+      update(update) {
+        if (update.docChanged) {
+          this.decorations = this.decorations.map(update.changes);
+          this.schedule(update.view);
+        }
+      }
+    },
+    {
+      provide(plugin) {
+        return import_state.Prec.highest(
+          import_view.EditorView.decorations.of(
+            (view2) => {
+              var _a;
+              return ((_a = view2.plugin(plugin)) == null ? void 0 : _a.decorations) ?? import_view.Decoration.none;
+            }
+          )
+        );
+      }
+    }
+  )
+];
+function links(linksProvider, delay = 500) {
+  return [view(linksProvider, delay)];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  links
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n} from '@codemirror/view';\nimport { type Extension, Prec } from '@codemirror/state';\n\nexport interface Link {\n  target: string;\n  range: {\n    from: number;\n    to: number;\n  };\n}\nexport type LinksProvider = (view: EditorView) => Promise<Link[]>;\n\nasync function decorateURL(\n  view: EditorView,\n  linksProvider: LinksProvider,\n): Promise<DecorationSet> {\n  const links = await linksProvider(view);\n\n  let set = Decoration.none;\n  set = set.update({\n    add: links.map(({ target, range }) =>\n      Decoration.mark({\n        class: 'cm-link',\n        attributes: {\n          'data-link': target,\n        },\n      }).range(range.from, range.to),\n    ),\n  });\n\n  return set;\n}\n\nconst view = (linksProvider: LinksProvider, delay: number): Extension => [\n  ViewPlugin.fromClass(\n    class {\n      private controller: AbortController | null = null;\n      public decorations: DecorationSet = Decoration.none;\n\n      constructor(view: EditorView) {\n        this.schedule(view);\n      }\n\n      private schedule(view: EditorView) {\n        if (this.controller) {\n          this.controller.abort();\n          this.controller = null;\n        }\n\n        const controller = new AbortController();\n        const { signal } = controller;\n        this.controller = controller;\n\n        setTimeout(() => {\n          if (signal.aborted) {\n            return;\n          }\n\n          decorateURL(view, linksProvider).then(decorations => {\n            if (signal.aborted) {\n              return;\n            }\n\n            this.decorations = decorations;\n\n            view.dispatch({\n              userEvent: 'sdk.links.update',\n            });\n\n            this.controller = null;\n          });\n        }, delay);\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged) {\n          this.decorations = this.decorations.map(update.changes);\n          this.schedule(update.view);\n        }\n      }\n    },\n    {\n      provide(plugin) {\n        // 优先级设置为最高，decoration 出现在最里面\n        return Prec.highest(\n          EditorView.decorations.of(\n            view => view.plugin(plugin)?.decorations ?? Decoration.none,\n          ),\n        );\n      },\n    },\n  ),\n];\n\nfunction links(linksProvider: LinksProvider, delay = 500) {\n  return [view(linksProvider, delay)];\n}\n\nexport { links };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAMO;AACP,mBAAqC;AAWrC,eAAe,YACbA,OACA,eACwB;AACxB,QAAMC,SAAQ,MAAM,cAAcD,KAAI;AAEtC,MAAI,MAAM,uBAAW;AACrB,QAAM,IAAI,OAAO;AAAA,IACf,KAAKC,OAAM;AAAA,MAAI,CAAC,EAAE,QAAQ,MAAM,MAC9B,uBAAW,KAAK;AAAA,QACd,OAAO;AAAA,QACP,YAAY;AAAA,UACV,aAAa;AAAA,QACf;AAAA,MACF,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,IAC/B;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,eAA8B,UAA6B;AAAA,EACvE,uBAAW;AAAA,IACT,MAAM;AAAA,MACI,aAAqC;AAAA,MACtC,cAA6B,uBAAW;AAAA,MAE/C,YAAYD,OAAkB;AAC5B,aAAK,SAASA,KAAI;AAAA,MACpB;AAAA,MAEQ,SAASA,OAAkB;AACjC,YAAI,KAAK,YAAY;AACnB,eAAK,WAAW,MAAM;AACtB,eAAK,aAAa;AAAA,QACpB;AAEA,cAAM,aAAa,IAAI,gBAAgB;AACvC,cAAM,EAAE,OAAO,IAAI;AACnB,aAAK,aAAa;AAElB,mBAAW,MAAM;AACf,cAAI,OAAO,SAAS;AAClB;AAAA,UACF;AAEA,sBAAYA,OAAM,aAAa,EAAE,KAAK,iBAAe;AACnD,gBAAI,OAAO,SAAS;AAClB;AAAA,YACF;AAEA,iBAAK,cAAc;AAEnB,YAAAA,MAAK,SAAS;AAAA,cACZ,WAAW;AAAA,YACb,CAAC;AAED,iBAAK,aAAa;AAAA,UACpB,CAAC;AAAA,QACH,GAAG,KAAK;AAAA,MACV;AAAA,MAEA,OAAO,QAAoB;AACzB,YAAI,OAAO,YAAY;AACrB,eAAK,cAAc,KAAK,YAAY,IAAI,OAAO,OAAO;AACtD,eAAK,SAAS,OAAO,IAAI;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,QAAQ,QAAQ;AAEd,eAAO,kBAAK;AAAA,UACV,uBAAW,YAAY;AAAA,YACrB,CAAAA,UAAK;AA/FjB;AA+FoB,4BAAAA,MAAK,OAAO,MAAM,MAAlB,mBAAqB,gBAAe,uBAAW;AAAA;AAAA,UACzD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,MAAM,eAA8B,QAAQ,KAAK;AACxD,SAAO,CAAC,KAAK,eAAe,KAAK,CAAC;AACpC;","names":["view","links"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@coze-editor/extension-links",
+  "version": "0.1.0-alpha.0fd19e",
+  "description": "extension-links",
+  "license": "MIT",
+  "author": "fengzilong",
+  "maintainers": [],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.less",
+    "**/*.sass",
+    "**/*.scss"
+  ],
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint && tsc --noEmit"
+  },
+  "devDependencies": {
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.1",
+    "@coze-arch/ts-config": "workspace:*",
+    "@coze-editor/eslint-config": "workspace:*",
+    "@types/node": "^22",
+    "eslint": "9.14.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.8.2"
+  },
+  "peerDependencies": {
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "test:main": "./src/index.ts"
+}