@lblod/ember-rdfa-editor 13.2.1 → 13.3.0

package/dist/components/plugins/link/link-menu.js

@@ -1,19 +1,24 @@
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { wrapSelection } from '../../../commands/wrap-selection.js';
-import { linkToHref } from '../../../utils/_private/string-utils.js';
 import { LinkIcon } from '@appuniversum/ember-appuniversum/components/icons/link';
+import ToolbarButton from '../../toolbar/button.js';
+import t from 'ember-intl/helpers/t';
+import { on } from '@ember/modifier';
+import { not } from 'ember-truth-helpers';
+import { defaultLinkParser } from '../../../plugins/link/parser.js';
 import { precompileTemplate } from '@ember/template-compilation';
-import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
-
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{#if @controller}}\n  <Toolbar::Button\n    @title={{t \"ember-rdfa-editor.link.insert\"}}\n    @icon={{this.LinkIcon}}\n    {{on \"click\" this.insert}}\n    @disabled={{not this.canInsert}}\n  />\n{{/if}}");
+import { n } from 'decorator-transforms/runtime';
 
 class LinkMenu extends Component {
   LinkIcon = LinkIcon;
   get controller() {
     return this.args.controller;
   }
+  parseLink = input => {
+    return this.args.linkParser ? this.args.linkParser(input) : defaultLinkParser()(input);
+  };
   get schema() {
     return this.controller.schema;
   }
@@ -25,12 +30,14 @@ class LinkMenu extends Component {
       this.controller.doCommand(wrapSelection(this.schema.nodes['link'], nodeRange => {
         if (nodeRange) {
           const text = nodeRange.$from.doc.textBetween(nodeRange.$from.pos, nodeRange.$to.pos);
-          const href = linkToHref(text);
+          const linkParserResult = this.parseLink(text);
           return {
-            href
+            href: linkParserResult.value ?? text
           };
         } else {
-          return null;
+          return {
+            isNew: true
+          };
         }
       }));
       this.controller.focus();
@@ -40,8 +47,18 @@ class LinkMenu extends Component {
   static {
     n(this.prototype, "insert", [action]);
   }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if @controller}}\n      <ToolbarButton @title={{t \"ember-rdfa-editor.link.insert\"}} @icon={{this.LinkIcon}} {{on \"click\" this.insert}} @disabled={{not this.canInsert}} />\n    {{/if}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        ToolbarButton,
+        t,
+        not,
+        on
+      })
+    }), this);
+  }
 }
-setComponentTemplate(TEMPLATE, LinkMenu);
 
 export { LinkMenu as default };
 //# sourceMappingURL=link-menu.js.map

package/dist/components/plugins/link/link-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-menu.js","sources":["../../../../src/components/plugins/link/link-menu.ts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { wrapSelection } from '#root/commands/wrap-selection.ts';\nimport { linkToHref } from '#root/utils/_private/string-utils.ts';\nimport { LinkIcon } from '@appuniversum/ember-appuniversum/components/icons/link';\nimport type SayController from '#root/core/say-controller.ts';\n\ntype Args = {\n  controller: SayController;\n  onActivate?: () => void;\n};\nexport default class LinkMenu extends Component<Args> {\n  LinkIcon = LinkIcon;\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get schema() {\n    return this.controller.schema;\n  }\n\n  get canInsert() {\n    return (\n      !this.controller.inEmbeddedView &&\n      this.controller.checkCommand(wrapSelection(this.schema.nodes['link']))\n    );\n  }\n\n  @action\n  insert() {\n    if (!this.controller.inEmbeddedView) {\n      this.controller.doCommand(\n        wrapSelection(this.schema.nodes['link'], (nodeRange) => {\n          if (nodeRange) {\n            const text = nodeRange.$from.doc.textBetween(\n              nodeRange.$from.pos,\n              nodeRange.$to.pos,\n            );\n            const href = linkToHref(text);\n            return { href };\n          } else {\n            return null;\n          }\n        }),\n      );\n      this.controller.focus();\n      this.args.onActivate?.();\n    }\n  }\n}\n"],"names":["LinkMenu","Component","LinkIcon","controller","args","schema","canInsert","inEmbeddedView","checkCommand","wrapSelection","nodes","insert","doCommand","nodeRange","text","$from","doc","textBetween","pos","$to","href","linkToHref","focus","onActivate","n","prototype","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;AAWe,MAAMA,QAAQ,SAASC,SAAS,CAAO;AACpDC,EAAAA,QAAQ,GAAGA,QAAQ;EAEnB,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU;AAC7B,EAAA;EAEA,IAAIE,MAAMA,GAAG;AACX,IAAA,OAAO,IAAI,CAACF,UAAU,CAACE,MAAM;AAC/B,EAAA;EAEA,IAAIC,SAASA,GAAG;IACd,OACE,CAAC,IAAI,CAACH,UAAU,CAACI,cAAc,IAC/B,IAAI,CAACJ,UAAU,CAACK,YAAY,CAACC,aAAa,CAAC,IAAI,CAACJ,MAAM,CAACK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AAE1E,EAAA;AAGAC,EAAAA,MAAMA,GAAG;AACP,IAAA,IAAI,CAAC,IAAI,CAACR,UAAU,CAACI,cAAc,EAAE;AACnC,MAAA,IAAI,CAACJ,UAAU,CAACS,SAAS,CACvBH,aAAa,CAAC,IAAI,CAACJ,MAAM,CAACK,KAAK,CAAC,MAAM,CAAC,EAAGG,SAAS,IAAK;AACtD,QAAA,IAAIA,SAAS,EAAE;UACb,MAAMC,IAAI,GAAGD,SAAS,CAACE,KAAK,CAACC,GAAG,CAACC,WAAW,CAC1CJ,SAAS,CAACE,KAAK,CAACG,GAAG,EACnBL,SAAS,CAACM,GAAG,CAACD,GAChB,CAAC;AACD,UAAA,MAAME,IAAI,GAAGC,UAAU,CAACP,IAAI,CAAC;UAC7B,OAAO;AAAEM,YAAAA;WAAM;AACjB,QAAA,CAAC,MAAM;AACL,UAAA,OAAO,IAAI;AACb,QAAA;AACF,MAAA,CAAC,CACH,CAAC;AACD,MAAA,IAAI,CAACjB,UAAU,CAACmB,KAAK,EAAE;AACvB,MAAA,IAAI,CAAClB,IAAI,CAACmB,UAAU,IAAI;AAC1B,IAAA;AACF,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CApBAC,MAAM,CAAA,CAAA;AAAA;AAqBT;AAACC,oBAAA,CAAAC,QAAA,EAvCoB5B,QAAQ,CAAA;;;;"}
+{"version":3,"file":"link-menu.js","sources":["../../../../src/components/plugins/link/link-menu.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { wrapSelection } from '#root/commands/wrap-selection.ts';\nimport { LinkIcon } from '@appuniversum/ember-appuniversum/components/icons/link';\nimport type SayController from '#root/core/say-controller.ts';\nimport ToolbarButton from '#root/components/toolbar/button.gts';\nimport t from 'ember-intl/helpers/t';\nimport { on } from '@ember/modifier';\nimport { not } from 'ember-truth-helpers';\nimport {\n  defaultLinkParser,\n  type LinkParser,\n} from '#root/plugins/link/parser.ts';\n\ntype Args = {\n  controller: SayController;\n  onActivate?: () => void;\n  linkParser?: LinkParser;\n};\nexport default class LinkMenu extends Component<Args> {\n  LinkIcon = LinkIcon;\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  parseLink: LinkParser = (input?: string) => {\n    return this.args.linkParser\n      ? this.args.linkParser(input)\n      : defaultLinkParser()(input);\n  };\n\n  get schema() {\n    return this.controller.schema;\n  }\n\n  get canInsert() {\n    return (\n      !this.controller.inEmbeddedView &&\n      this.controller.checkCommand(wrapSelection(this.schema.nodes['link']))\n    );\n  }\n\n  @action\n  insert() {\n    if (!this.controller.inEmbeddedView) {\n      this.controller.doCommand(\n        wrapSelection(this.schema.nodes['link'], (nodeRange) => {\n          if (nodeRange) {\n            const text = nodeRange.$from.doc.textBetween(\n              nodeRange.$from.pos,\n              nodeRange.$to.pos,\n            );\n            const linkParserResult = this.parseLink(text);\n            return { href: linkParserResult.value ?? text };\n          } else {\n            return { isNew: true };\n          }\n        }),\n      );\n      this.controller.focus();\n      this.args.onActivate?.();\n    }\n  }\n\n  <template>\n    {{#if @controller}}\n      <ToolbarButton\n        @title={{t \"ember-rdfa-editor.link.insert\"}}\n        @icon={{this.LinkIcon}}\n        {{on \"click\" this.insert}}\n        @disabled={{not this.canInsert}}\n      />\n    {{/if}}\n  </template>\n}\n"],"names":["LinkMenu","Component","LinkIcon","controller","args","parseLink","input","linkParser","defaultLinkParser","schema","canInsert","inEmbeddedView","checkCommand","wrapSelection","nodes","insert","doCommand","nodeRange","text","$from","doc","textBetween","pos","$to","linkParserResult","href","value","isNew","focus","onActivate","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","ToolbarButton","t","not","on"],"mappings":";;;;;;;;;;;;;AAmBe,MAAMA,iBAAiBC,SAAA,CAAU;AAC9CC,EAAAA,QAAA,GAAWA,QAAA;EAEX,IAAIC,UAAAA,GAAa;AACf,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU;AAC7B,EAAA;EAEAE,SAAA,GAAyBC,KAAc,IAAA;IACrC,OAAO,IAAI,CAACF,IAAI,CAACG,UAAU,GACvB,IAAI,CAACH,IAAI,CAACG,UAAU,CAACD,SACrBE,iBAAA,EAAA,CAAoBF,KAAA,CAAA;EAC1B,CAAA;EAEA,IAAIG,MAAAA,GAAS;AACX,IAAA,OAAO,IAAI,CAACN,UAAU,CAACM,MAAM;AAC/B,EAAA;EAEA,IAAIC,SAAAA,GAAY;IACd,OACE,CAAC,IAAI,CAACP,UAAU,CAACQ,cAAc,IAC/B,IAAI,CAACR,UAAU,CAACS,YAAY,CAACC,cAAc,IAAI,CAACJ,MAAM,CAACK,KAAK,CAAC,MAAA,CAAO,CAAA,CACtE;AACF,EAAA;AAGAC,EAAAA,MAAAA,GAAS;AACP,IAAA,IAAI,CAAC,IAAI,CAACZ,UAAU,CAACQ,cAAc,EAAE;AACnC,MAAA,IAAI,CAACR,UAAU,CAACa,SAAS,CACvBH,aAAA,CAAc,IAAI,CAACJ,MAAM,CAACK,KAAK,CAAC,MAAA,CAAO,EAAGG,SAAA,IAAA;AACxC,QAAA,IAAIA,SAAA,EAAW;UACb,MAAMC,OAAOD,SAAA,CAAUE,KAAK,CAACC,GAAG,CAACC,WAAW,CAC1CJ,SAAA,CAAUE,KAAK,CAACG,GAAG,EACnBL,SAAA,CAAUM,GAAG,CAACD,GAAG,CAAA;AAEnB,UAAA,MAAME,gBAAA,GAAmB,IAAI,CAACnB,SAAS,CAACa,IAAA,CAAA;UACxC,OAAO;AAAEO,YAAAA,IAAA,EAAMD,gBAAA,CAAiBE,KAAK,IAAIR;WAAK;AAChD,QAAA,CAAA,MAAO;UACL,OAAO;AAAES,YAAAA,KAAA,EAAO;WAAK;AACvB,QAAA;AACF,MAAA,CAAA,CAAA,CAAA;AAEF,MAAA,IAAI,CAACxB,UAAU,CAACyB,KAAK,EAAA;AACrB,MAAA,IAAI,CAACxB,IAAI,CAACyB,UAAU,IAAA;AACtB,IAAA;AACF,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CApBCC,MAAA,CAAA,CAAA;AAAA;AAsBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0MAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,aAAA;QAAAC,CAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/plugins/link/link-sidebar-widget.js

@@ -0,0 +1,40 @@
+import Component from '@glimmer/component';
+import { NodeSelection } from 'prosemirror-state';
+import { defaultLinkParser } from '../../../plugins/link/parser.js';
+import LinkEditor from './_private/link-editor.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+class LinkSidebarWidget extends Component {
+  get linkParser() {
+    return this.args.linkParser ?? defaultLinkParser();
+  }
+  get controller() {
+    return this.args.controller;
+  }
+  get link() {
+    if (this.controller) {
+      const {
+        selection
+      } = this.controller.mainEditorState;
+      if (selection instanceof NodeSelection && selection.node.type === this.controller.schema.nodes['link']) {
+        return {
+          pos: selection.from,
+          node: selection.node
+        };
+      }
+    }
+    return;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if this.controller}}\n      {{#if this.link}}\n        <LinkEditor @link={{this.link}} @linkParser={{this.linkParser}} @controller={{this.controller}} @showTitle={{true}} />\n      {{/if}}\n    {{/if}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        LinkEditor
+      })
+    }), this);
+  }
+}
+
+export { LinkSidebarWidget as default };
+//# sourceMappingURL=link-sidebar-widget.js.map

package/dist/components/plugins/link/link-sidebar-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-sidebar-widget.js","sources":["../../../../src/components/plugins/link/link-sidebar-widget.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { NodeSelection } from 'prosemirror-state';\nimport type SayController from '#root/core/say-controller.ts';\nimport type { LinkParser } from '#root/plugins/link/parser.js';\nimport { defaultLinkParser } from '#root/plugins/link/parser.ts';\nimport LinkEditor from './_private/link-editor.gts';\n\ntype Args = {\n  controller?: SayController;\n  linkParser?: LinkParser;\n};\n\nexport default class LinkSidebarWidget extends Component<Args> {\n  get linkParser() {\n    return this.args.linkParser ?? defaultLinkParser();\n  }\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get link() {\n    if (this.controller) {\n      const { selection } = this.controller.mainEditorState;\n      if (\n        selection instanceof NodeSelection &&\n        selection.node.type === this.controller.schema.nodes['link']\n      ) {\n        return { pos: selection.from, node: selection.node };\n      }\n    }\n    return;\n  }\n\n  <template>\n    {{#if this.controller}}\n      {{#if this.link}}\n        <LinkEditor\n          @link={{this.link}}\n          @linkParser={{this.linkParser}}\n          @controller={{this.controller}}\n          @showTitle={{true}}\n        />\n      {{/if}}\n    {{/if}}\n  </template>\n}\n"],"names":["LinkSidebarWidget","Component","linkParser","args","defaultLinkParser","controller","link","selection","mainEditorState","NodeSelection","node","type","schema","nodes","pos","from","setComponentTemplate","precompileTemplate","strictMode","scope","LinkEditor"],"mappings":";;;;;;;AAYe,MAAMA,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,UAAAA,GAAa;IACf,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAIE,iBAAA,EAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAa;AACf,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,UAAU;AAC7B,EAAA;EAEA,IAAIC,IAAAA,GAAO;IACT,IAAI,IAAI,CAACD,UAAU,EAAE;MACnB,MAAM;AAAEE,QAAAA;AAAS,OAAE,GAAG,IAAI,CAACF,UAAU,CAACG,eAAe;MACrD,IACED,qBAAqBE,aAAA,IACrBF,SAAA,CAAUG,IAAI,CAACC,IAAI,KAAK,IAAI,CAACN,UAAU,CAACO,MAAM,CAACC,KAAK,CAAC,OAAO,EAC5D;QACA,OAAO;UAAEC,GAAA,EAAKP,UAAUQ,IAAI;UAAEL,IAAA,EAAMH,UAAUG;SAAK;AACrD,MAAA;AACF,IAAA;AACA,IAAA;AACF,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,wNAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/nodes/inline-rdfa.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-rdfa.js","sources":["../../src/nodes/inline-rdfa.ts"],"sourcesContent":["import { Node as PNode } from 'prosemirror-model';\nimport {\n  getRdfaAttrs,\n  getRdfaContentElement,\n  rdfaAttrSpec,\n  renderRdfaAware,\n} from '../core/schema.ts';\nimport {\n  type EmberNodeConfig,\n  createEmberNodeSpec,\n  createEmberNodeView,\n} from '../utils/ember-node.ts';\nimport InlineRdfaComponent from '../components/ember-node/inline-rdfa.ts';\nimport type { ComponentLike } from '@glint/template';\nimport getClassnamesFromNode from '../utils/get-classnames-from-node.ts';\nimport type {\n  ModelMigrationGenerator,\n  RdfaAttrs,\n} from '#root/core/rdfa-types.ts';\n\ntype Options = {\n  rdfaAware?: boolean;\n  /**\n   * Migrations to apply to nodes parsed as inline-rdfa, to modify the data model.\n   * @returns false to use the default parsing or an object to define overrides\n   **/\n  modelMigrations?: ModelMigrationGenerator[];\n};\n\nconst emberNodeConfig: (options?: Options) => EmberNodeConfig = ({\n  rdfaAware = false,\n  modelMigrations = [],\n} = {}) => {\n  return {\n    name: 'inline-rdfa',\n    inline: true,\n    component: InlineRdfaComponent as unknown as ComponentLike,\n    group: 'inline',\n    content: 'inline*',\n    atom: true,\n    draggable: false,\n    selectable: true,\n    editable: rdfaAware,\n    isolating: rdfaAware,\n    classNames: ['say-inline-rdfa'],\n    toDOM(node: PNode) {\n      if (rdfaAware) {\n        return renderRdfaAware({\n          renderable: node,\n          tag: 'span',\n          attrs: { class: getClassnamesFromNode(node) },\n          content: 0,\n        });\n      } else {\n        return [\n          'span',\n          { ...node.attrs, class: getClassnamesFromNode(node) },\n          0,\n        ];\n      }\n    },\n    parseDOM: [\n      {\n        tag: 'span',\n        // default prio is 50, highest prio comes first, and this parserule should at least come after all other nodes\n        priority: 10,\n        getAttrs(element: string | HTMLElement) {\n          if (typeof element === 'string') {\n            return false;\n          }\n          const attrs = getRdfaAttrs(element, { rdfaAware });\n          if (attrs) {\n            const migration = modelMigrations.find((migration) =>\n              migration(attrs as unknown as RdfaAttrs),\n            )?.(attrs as unknown as RdfaAttrs);\n            if (migration && migration.getAttrs) {\n              return migration.getAttrs(element);\n            }\n            return attrs;\n          }\n          return false;\n        },\n        contentElement: (element) => {\n          if (rdfaAware && modelMigrations.length > 0) {\n            const attrs = getRdfaAttrs(element, { rdfaAware });\n            if (attrs) {\n              const migration = modelMigrations.find((migration) =>\n                migration(attrs as unknown as RdfaAttrs),\n              )?.(attrs as unknown as RdfaAttrs);\n              if (migration && migration.contentElement) {\n                return migration.contentElement(element);\n              }\n            }\n          }\n          return getRdfaContentElement(element);\n        },\n      },\n    ],\n    attrs: rdfaAttrSpec({ rdfaAware }),\n  };\n};\n\nexport const inlineRdfaWithConfig = (options?: Options) =>\n  createEmberNodeSpec(emberNodeConfig(options));\n\nexport const inlineRdfaWithConfigView = (options?: Options) =>\n  createEmberNodeView(emberNodeConfig(options));\n"],"names":["emberNodeConfig","rdfaAware","modelMigrations","name","inline","component","InlineRdfaComponent","group","content","atom","draggable","selectable","editable","isolating","classNames","toDOM","node","renderRdfaAware","renderable","tag","attrs","class","getClassnamesFromNode","parseDOM","priority","getAttrs","element","getRdfaAttrs","migration","find","contentElement","length","getRdfaContentElement","rdfaAttrSpec","inlineRdfaWithConfig","options","createEmberNodeSpec","inlineRdfaWithConfigView","createEmberNodeView"],"mappings":"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"}
+{"version":3,"file":"inline-rdfa.js","sources":["../../src/nodes/inline-rdfa.ts"],"sourcesContent":["import { Node as PNode } from 'prosemirror-model';\nimport {\n  getRdfaAttrs,\n  getRdfaContentElement,\n  rdfaAttrSpec,\n  renderRdfaAware,\n} from '../core/schema.ts';\nimport {\n  type EmberNodeConfig,\n  createEmberNodeSpec,\n  createEmberNodeView,\n} from '../utils/ember-node.ts';\nimport InlineRdfaComponent from '../components/ember-node/inline-rdfa.gts';\nimport type { ComponentLike } from '@glint/template';\nimport getClassnamesFromNode from '../utils/get-classnames-from-node.ts';\nimport type {\n  ModelMigrationGenerator,\n  RdfaAttrs,\n} from '#root/core/rdfa-types.ts';\n\ntype Options = {\n  rdfaAware?: boolean;\n  /**\n   * Migrations to apply to nodes parsed as inline-rdfa, to modify the data model.\n   * @returns false to use the default parsing or an object to define overrides\n   **/\n  modelMigrations?: ModelMigrationGenerator[];\n};\n\nconst emberNodeConfig: (options?: Options) => EmberNodeConfig = ({\n  rdfaAware = false,\n  modelMigrations = [],\n} = {}) => {\n  return {\n    name: 'inline-rdfa',\n    inline: true,\n    component: InlineRdfaComponent as unknown as ComponentLike,\n    group: 'inline',\n    content: 'inline*',\n    atom: true,\n    draggable: false,\n    selectable: true,\n    editable: rdfaAware,\n    isolating: rdfaAware,\n    classNames: ['say-inline-rdfa'],\n    toDOM(node: PNode) {\n      if (rdfaAware) {\n        return renderRdfaAware({\n          renderable: node,\n          tag: 'span',\n          attrs: { class: getClassnamesFromNode(node) },\n          content: 0,\n        });\n      } else {\n        return [\n          'span',\n          { ...node.attrs, class: getClassnamesFromNode(node) },\n          0,\n        ];\n      }\n    },\n    parseDOM: [\n      {\n        tag: 'span',\n        // default prio is 50, highest prio comes first, and this parserule should at least come after all other nodes\n        priority: 10,\n        getAttrs(element: string | HTMLElement) {\n          if (typeof element === 'string') {\n            return false;\n          }\n          const attrs = getRdfaAttrs(element, { rdfaAware });\n          if (attrs) {\n            const migration = modelMigrations.find((migration) =>\n              migration(attrs as unknown as RdfaAttrs),\n            )?.(attrs as unknown as RdfaAttrs);\n            if (migration && migration.getAttrs) {\n              return migration.getAttrs(element);\n            }\n            return attrs;\n          }\n          return false;\n        },\n        contentElement: (element) => {\n          if (rdfaAware && modelMigrations.length > 0) {\n            const attrs = getRdfaAttrs(element, { rdfaAware });\n            if (attrs) {\n              const migration = modelMigrations.find((migration) =>\n                migration(attrs as unknown as RdfaAttrs),\n              )?.(attrs as unknown as RdfaAttrs);\n              if (migration && migration.contentElement) {\n                return migration.contentElement(element);\n              }\n            }\n          }\n          return getRdfaContentElement(element);\n        },\n      },\n    ],\n    attrs: rdfaAttrSpec({ rdfaAware }),\n  };\n};\n\nexport const inlineRdfaWithConfig = (options?: Options) =>\n  createEmberNodeSpec(emberNodeConfig(options));\n\nexport const inlineRdfaWithConfigView = (options?: Options) =>\n  createEmberNodeView(emberNodeConfig(options));\n"],"names":["emberNodeConfig","rdfaAware","modelMigrations","name","inline","component","InlineRdfaComponent","group","content","atom","draggable","selectable","editable","isolating","classNames","toDOM","node","renderRdfaAware","renderable","tag","attrs","class","getClassnamesFromNode","parseDOM","priority","getAttrs","element","getRdfaAttrs","migration","find","contentElement","length","getRdfaContentElement","rdfaAttrSpec","inlineRdfaWithConfig","options","createEmberNodeSpec","inlineRdfaWithConfigView","createEmberNodeView"],"mappings":"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"}

package/dist/plugins/link/input-rule.js

@@ -0,0 +1,82 @@
+import { InputRule } from 'prosemirror-inputrules';
+import { defaultLinkParser } from './parser.js';
+
+const DEFAULT_REGEX = new RegExp(String.raw`
+  (^|\s)
+  (
+    (?: ${/* parse email */''}
+      (?:mailto:)? ${/* optional mailto: protocol */''}
+      [A-Za-z0-9._%+-]+ ${/* local-part */''}
+      @
+      [A-Za-z0-9.-]+ ${/* domain */''}
+      \.
+      [A-Za-z]{2,} ${/* extension */''}
+    )
+    |
+    (?: ${/* parse weblinks */''}
+      (?:https?:\/\/)? ${/* optional http(s): protocol */''}
+      (?:www\.)? ${/* optional www */''}
+      [A-Za-z0-9.-]+ ${/* domain */''}
+      \.
+      [A-Za-z]{2,} ${/* extension */''}
+    )
+  )
+  (\s)$ ${/* single space after url/email */''}
+  `.replace(/^\s+|\s+$/gm, '') // remove white space before and at the end of lines (trimming)
+.replace(/\n/g, '')) // remove newlines
+;
+
+/**
+ * Input rule which is able to detect plain text links and convert them to a link object.
+ * It may be configured with a `nodeType`, a custom `regex` and a custom `linkParser`.
+ *
+ * If using a custom `regex`, it should meet the following conditions:
+ * - The first group should capture the text typed before the (possible) link
+ * - The second group should capture the text representing the (possible) link
+ * - The third group should capture the text typed after the (possible) link
+ */
+const link_input_rule = ({
+  nodeType,
+  regex = DEFAULT_REGEX,
+  linkParser = defaultLinkParser()
+}) => {
+  return new InputRule(regex, (state, match, start, end) => {
+    // Ensure both the start and end of the input-rule match are within the same parent node
+    if (state.doc.resolve(start).parent !== state.doc.resolve(end).parent) {
+      return null;
+    }
+    if (!rangeContainsOnlyText(state.doc, start, end)) {
+      return null;
+    }
+    const textBeforeLink = match[1];
+    const link = match[2];
+    const textAfterLink = match[3];
+    const linkStart = start + textBeforeLink.length;
+    const linkParserResult = linkParser(link);
+    if (!linkParserResult.isSuccessful) {
+      return null;
+    }
+    const node = nodeType.create({
+      href: linkParserResult.value
+    }, state.schema.text(link));
+    const tr = state.tr;
+
+    // replace only the email text
+    tr.replaceWith(linkStart, end, node);
+    tr.insertText(textAfterLink, linkStart + node.nodeSize);
+    return tr;
+  });
+};
+const rangeContainsOnlyText = (doc, from, to) => {
+  let onlyText = true;
+  doc.nodesBetween(from, to, node => {
+    if (node.isInline && !node.isText) {
+      onlyText = false;
+      return false;
+    }
+  });
+  return onlyText;
+};
+
+export { link_input_rule };
+//# sourceMappingURL=input-rule.js.map

package/dist/plugins/link/input-rule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-rule.js","sources":["../../../src/plugins/link/input-rule.ts"],"sourcesContent":["import { InputRule } from 'prosemirror-inputrules';\nimport { defaultLinkParser, type LinkParser } from './parser.ts';\nimport type { NodeType } from 'prosemirror-model';\nimport type { PNode } from '#root/prosemirror-aliases.ts';\n\ntype LinkInputRuleOptions = {\n  nodeType: NodeType;\n  regex?: RegExp;\n  linkParser?: LinkParser;\n};\n\nconst DEFAULT_REGEX = new RegExp(\n  String.raw`\n  (^|\\s)\n  (\n    (?: ${/* parse email */ ''}\n      (?:mailto:)? ${/* optional mailto: protocol */ ''}\n      [A-Za-z0-9._%+-]+ ${/* local-part */ ''}\n      @\n      [A-Za-z0-9.-]+ ${/* domain */ ''}\n      \\.\n      [A-Za-z]{2,} ${/* extension */ ''}\n    )\n    |\n    (?: ${/* parse weblinks */ ''}\n      (?:https?:\\/\\/)? ${/* optional http(s): protocol */ ''}\n      (?:www\\.)? ${/* optional www */ ''}\n      [A-Za-z0-9.-]+ ${/* domain */ ''}\n      \\.\n      [A-Za-z]{2,} ${/* extension */ ''}\n    )\n  )\n  (\\s)$ ${/* single space after url/email */ ''}\n  `\n    .replace(/^\\s+|\\s+$/gm, '') // remove white space before and at the end of lines (trimming)\n    .replace(/\\n/g, ''), // remove newlines\n);\n\n/**\n * Input rule which is able to detect plain text links and convert them to a link object.\n * It may be configured with a `nodeType`, a custom `regex` and a custom `linkParser`.\n *\n * If using a custom `regex`, it should meet the following conditions:\n * - The first group should capture the text typed before the (possible) link\n * - The second group should capture the text representing the (possible) link\n * - The third group should capture the text typed after the (possible) link\n */\nexport const link_input_rule = ({\n  nodeType,\n  regex = DEFAULT_REGEX,\n  linkParser = defaultLinkParser(),\n}: LinkInputRuleOptions) => {\n  return new InputRule(regex, (state, match, start, end) => {\n    // Ensure both the start and end of the input-rule match are within the same parent node\n    if (state.doc.resolve(start).parent !== state.doc.resolve(end).parent) {\n      return null;\n    }\n\n    if (!rangeContainsOnlyText(state.doc, start, end)) {\n      return null;\n    }\n\n    const textBeforeLink = match[1];\n    const link = match[2];\n    const textAfterLink = match[3];\n    const linkStart = start + textBeforeLink.length;\n\n    const linkParserResult = linkParser(link);\n    if (!linkParserResult.isSuccessful) {\n      return null;\n    }\n    const node = nodeType.create(\n      {\n        href: linkParserResult.value,\n      },\n      state.schema.text(link),\n    );\n    const tr = state.tr;\n\n    // replace only the email text\n    tr.replaceWith(linkStart, end, node);\n\n    tr.insertText(textAfterLink, linkStart + node.nodeSize);\n\n    return tr;\n  });\n};\n\nconst rangeContainsOnlyText = (doc: PNode, from: number, to: number) => {\n  let onlyText = true;\n  doc.nodesBetween(from, to, (node) => {\n    if (node.isInline && !node.isText) {\n      onlyText = false;\n      return false;\n    }\n  });\n  return onlyText;\n};\n"],"names":["DEFAULT_REGEX","RegExp","String","raw","replace","link_input_rule","nodeType","regex","linkParser","defaultLinkParser","InputRule","state","match","start","end","doc","resolve","parent","rangeContainsOnlyText","textBeforeLink","link","textAfterLink","linkStart","length","linkParserResult","isSuccessful","node","create","href","value","schema","text","tr","replaceWith","insertText","nodeSize","from","to","onlyText","nodesBetween","isInline","isText"],"mappings":";;;AAWA,MAAMA,aAAa,GAAG,IAAIC,MAAM,CAC9BC,MAAM,CAACC,GAAG;AACZ;AACA;AACA,QAAA,mBAA4B,EAAE;AAC9B,mBAAA,iCAAqD,EAAE;AACvD,wBAAA,kBAA2C,EAAE;AAC7C;AACA,qBAAA,cAAoC,EAAE;AACtC;AACA,mBAAA,iBAAqC,EAAE;AACvC;AACA;AACA,QAAA,sBAA+B,EAAE;AACjC,uBAAA,kCAA0D,EAAE;AAC5D,iBAAA,oBAAsC,EAAE;AACxC,qBAAA,cAAoC,EAAE;AACtC;AACA,mBAAA,iBAAqC,EAAE;AACvC;AACA;AACA,QAAA,oCAA6C,EAAE;AAC/C,EAAA,CAAG,CACEC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC;AAAC,CAC3BA,OAAO,CAAC,KAAK,EAAE,EAAE,CACtB,CAAC;AAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,KAAK,GAAGP,aAAa;EACrBQ,UAAU,GAAGC,iBAAiB;AACV,CAAC,KAAK;AAC1B,EAAA,OAAO,IAAIC,SAAS,CAACH,KAAK,EAAE,CAACI,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAEC,GAAG,KAAK;AACxD;IACA,IAAIH,KAAK,CAACI,GAAG,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,MAAM,KAAKN,KAAK,CAACI,GAAG,CAACC,OAAO,CAACF,GAAG,CAAC,CAACG,MAAM,EAAE;AACrE,MAAA,OAAO,IAAI;AACb,IAAA;IAEA,IAAI,CAACC,qBAAqB,CAACP,KAAK,CAACI,GAAG,EAAEF,KAAK,EAAEC,GAAG,CAAC,EAAE;AACjD,MAAA,OAAO,IAAI;AACb,IAAA;AAEA,IAAA,MAAMK,cAAc,GAAGP,KAAK,CAAC,CAAC,CAAC;AAC/B,IAAA,MAAMQ,IAAI,GAAGR,KAAK,CAAC,CAAC,CAAC;AACrB,IAAA,MAAMS,aAAa,GAAGT,KAAK,CAAC,CAAC,CAAC;AAC9B,IAAA,MAAMU,SAAS,GAAGT,KAAK,GAAGM,cAAc,CAACI,MAAM;AAE/C,IAAA,MAAMC,gBAAgB,GAAGhB,UAAU,CAACY,IAAI,CAAC;AACzC,IAAA,IAAI,CAACI,gBAAgB,CAACC,YAAY,EAAE;AAClC,MAAA,OAAO,IAAI;AACb,IAAA;AACA,IAAA,MAAMC,IAAI,GAAGpB,QAAQ,CAACqB,MAAM,CAC1B;MACEC,IAAI,EAAEJ,gBAAgB,CAACK;KACxB,EACDlB,KAAK,CAACmB,MAAM,CAACC,IAAI,CAACX,IAAI,CACxB,CAAC;AACD,IAAA,MAAMY,EAAE,GAAGrB,KAAK,CAACqB,EAAE;;AAEnB;IACAA,EAAE,CAACC,WAAW,CAACX,SAAS,EAAER,GAAG,EAAEY,IAAI,CAAC;IAEpCM,EAAE,CAACE,UAAU,CAACb,aAAa,EAAEC,SAAS,GAAGI,IAAI,CAACS,QAAQ,CAAC;AAEvD,IAAA,OAAOH,EAAE;AACX,EAAA,CAAC,CAAC;AACJ;AAEA,MAAMd,qBAAqB,GAAGA,CAACH,GAAU,EAAEqB,IAAY,EAAEC,EAAU,KAAK;EACtE,IAAIC,QAAQ,GAAG,IAAI;EACnBvB,GAAG,CAACwB,YAAY,CAACH,IAAI,EAAEC,EAAE,EAAGX,IAAI,IAAK;IACnC,IAAIA,IAAI,CAACc,QAAQ,IAAI,CAACd,IAAI,CAACe,MAAM,EAAE;AACjCH,MAAAA,QAAQ,GAAG,KAAK;AAChB,MAAA,OAAO,KAAK;AACd,IAAA;AACF,EAAA,CAAC,CAAC;AACF,EAAA,OAAOA,QAAQ;AACjB,CAAC;;;;"}

package/dist/plugins/link/nodes/link.js

@@ -2,13 +2,15 @@ import getClassnamesFromNode from '../../../utils/get-classnames-from-node.js';
 import { renderRdfaAware, getRdfaContentElement, getRdfaAttrs, rdfaAttrSpec } from '../../../core/schema.js';
 import { createEmberNodeSpec, createEmberNodeView } from '../../../utils/_private/ember-node.js';
 import Link from '../../../components/ember-node/link.js';
+import { defaultLinkParser } from '../parser.js';
 
 // TODO this spec doesn't play well with RDFa editing tools. It has been modified so that any
 // additional RDFa annotations are not striped. This is for example, used by the citation plugin in
 // lblod-plugins
 const emberNodeConfig = ({
   interactive = false,
-  rdfaAware = false
+  rdfaAware = false,
+  linkParser = defaultLinkParser()
 } = {}) => {
   return {
     name: 'link',
@@ -27,6 +29,12 @@ const emberNodeConfig = ({
         },
         interactive: {
           default: interactive
+        },
+        linkParser: {
+          default: linkParser
+        },
+        isNew: {
+          default: false
         }
       };
       return {
@@ -62,6 +70,8 @@ const emberNodeConfig = ({
       } = node.attrs;
       delete attrs['interactive'];
       delete attrs['placeholder'];
+      delete attrs['linkParser'];
+      delete attrs['isNew'];
       if (rdfaAware) {
         return renderRdfaAware({
           renderable: node,

package/dist/plugins/link/nodes/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../src/plugins/link/nodes/link.ts"],"sourcesContent":["import getClassnamesFromNode from '#root/utils/get-classnames-from-node.ts';\nimport {\n  getRdfaAttrs,\n  getRdfaContentElement,\n  rdfaAttrSpec,\n  renderRdfaAware,\n} from '../../../core/schema.ts';\nimport {\n  createEmberNodeSpec,\n  createEmberNodeView,\n  type EmberNodeConfig,\n} from '../../../utils/ember-node.ts';\nimport type { ComponentLike } from '@glint/template';\nimport Link from '#root/components/ember-node/link.ts';\n\ntype LinkOptions = {\n  interactive?: boolean;\n  rdfaAware?: boolean;\n};\n\n// TODO this spec doesn't play well with RDFa editing tools. It has been modified so that any\n// additional RDFa annotations are not striped. This is for example, used by the citation plugin in\n// lblod-plugins\nconst emberNodeConfig: (options?: LinkOptions) => EmberNodeConfig = ({\n  interactive = false,\n  rdfaAware = false,\n} = {}) => {\n  return {\n    name: 'link',\n    component: Link as unknown as ComponentLike,\n    inline: true,\n    group: 'inline',\n    content: 'text*',\n    atom: true,\n    defining: true,\n    draggable: false,\n    classNames: ['say-pill', 'say-link'],\n    get attrs() {\n      const baseAttrs = {\n        href: {\n          default: null,\n        },\n        interactive: {\n          default: interactive,\n        },\n      };\n      return {\n        ...rdfaAttrSpec({ rdfaAware }),\n        ...baseAttrs,\n      };\n    },\n    needsFFKludge: true,\n    needsChromeCursorFix: true,\n    get parseDOM() {\n      return [\n        {\n          tag: 'a',\n          getAttrs(dom: string | HTMLElement) {\n            if (typeof dom === 'string') {\n              return false;\n            }\n            const href = dom.getAttribute('href');\n            return {\n              ...getRdfaAttrs(dom, { rdfaAware }),\n              href,\n            };\n          },\n          contentElement: getRdfaContentElement,\n        },\n      ];\n    },\n    toDOM(node) {\n      const { ...attrs }: Record<string, unknown> = node.attrs;\n      delete attrs['interactive'];\n      delete attrs['placeholder'];\n      if (rdfaAware) {\n        return renderRdfaAware({\n          renderable: node,\n          tag: 'a',\n          attrs: { ...attrs, class: getClassnamesFromNode(node) },\n          content: 0,\n        });\n      } else {\n        return ['a', { ...attrs, class: getClassnamesFromNode(node) }, 0];\n      }\n    },\n  };\n};\n\nexport const link = (options?: LinkOptions) =>\n  createEmberNodeSpec(emberNodeConfig(options));\n\nexport const linkView = (options?: LinkOptions) =>\n  createEmberNodeView(emberNodeConfig(options));\n"],"names":["emberNodeConfig","interactive","rdfaAware","name","component","Link","inline","group","content","atom","defining","draggable","classNames","attrs","baseAttrs","href","default","rdfaAttrSpec","needsFFKludge","needsChromeCursorFix","parseDOM","tag","getAttrs","dom","getAttribute","getRdfaAttrs","contentElement","getRdfaContentElement","toDOM","node","renderRdfaAware","renderable","class","getClassnamesFromNode","link","options","createEmberNodeSpec","linkView","createEmberNodeView"],"mappings":";;;;;AAoBA;AACA;AACA;AACA,MAAMA,eAA2D,GAAGA,CAAC;AACnEC,EAAAA,WAAW,GAAG,KAAK;AACnBC,EAAAA,SAAS,GAAG;AACd,CAAC,GAAG,EAAE,KAAK;EACT,OAAO;AACLC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,SAAS,EAAEC,IAAgC;AAC3CC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,IAAI,EAAE,IAAI;AACVC,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,UAAU,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC;IACpC,IAAIC,KAAKA,GAAG;AACV,MAAA,MAAMC,SAAS,GAAG;AAChBC,QAAAA,IAAI,EAAE;AACJC,UAAAA,OAAO,EAAE;SACV;AACDf,QAAAA,WAAW,EAAE;AACXe,UAAAA,OAAO,EAAEf;AACX;OACD;MACD,OAAO;AACL,QAAA,GAAGgB,YAAY,CAAC;AAAEf,UAAAA;AAAU,SAAC,CAAC;QAC9B,GAAGY;OACJ;IACH,CAAC;AACDI,IAAAA,aAAa,EAAE,IAAI;AACnBC,IAAAA,oBAAoB,EAAE,IAAI;IAC1B,IAAIC,QAAQA,GAAG;AACb,MAAA,OAAO,CACL;AACEC,QAAAA,GAAG,EAAE,GAAG;QACRC,QAAQA,CAACC,GAAyB,EAAE;AAClC,UAAA,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;AAC3B,YAAA,OAAO,KAAK;AACd,UAAA;AACA,UAAA,MAAMR,IAAI,GAAGQ,GAAG,CAACC,YAAY,CAAC,MAAM,CAAC;UACrC,OAAO;YACL,GAAGC,YAAY,CAACF,GAAG,EAAE;AAAErB,cAAAA;AAAU,aAAC,CAAC;AACnCa,YAAAA;WACD;QACH,CAAC;AACDW,QAAAA,cAAc,EAAEC;AAClB,OAAC,CACF;IACH,CAAC;IACDC,KAAKA,CAACC,IAAI,EAAE;MACV,MAAM;QAAE,GAAGhB;OAAgC,GAAGgB,IAAI,CAAChB,KAAK;MACxD,OAAOA,KAAK,CAAC,aAAa,CAAC;MAC3B,OAAOA,KAAK,CAAC,aAAa,CAAC;AAC3B,MAAA,IAAIX,SAAS,EAAE;AACb,QAAA,OAAO4B,eAAe,CAAC;AACrBC,UAAAA,UAAU,EAAEF,IAAI;AAChBR,UAAAA,GAAG,EAAE,GAAG;AACRR,UAAAA,KAAK,EAAE;AAAE,YAAA,GAAGA,KAAK;YAAEmB,KAAK,EAAEC,qBAAqB,CAACJ,IAAI;WAAG;AACvDrB,UAAAA,OAAO,EAAE;AACX,SAAC,CAAC;AACJ,MAAA,CAAC,MAAM;QACL,OAAO,CAAC,GAAG,EAAE;AAAE,UAAA,GAAGK,KAAK;UAAEmB,KAAK,EAAEC,qBAAqB,CAACJ,IAAI;SAAG,EAAE,CAAC,CAAC;AACnE,MAAA;AACF,IAAA;GACD;AACH,CAAC;AAEM,MAAMK,IAAI,GAAIC,OAAqB,IACxCC,mBAAmB,CAACpC,eAAe,CAACmC,OAAO,CAAC;AAEvC,MAAME,QAAQ,GAAIF,OAAqB,IAC5CG,mBAAmB,CAACtC,eAAe,CAACmC,OAAO,CAAC;;;;"}
+{"version":3,"file":"link.js","sources":["../../../../src/plugins/link/nodes/link.ts"],"sourcesContent":["import getClassnamesFromNode from '#root/utils/get-classnames-from-node.ts';\nimport {\n  getRdfaAttrs,\n  getRdfaContentElement,\n  rdfaAttrSpec,\n  renderRdfaAware,\n} from '../../../core/schema.ts';\nimport {\n  createEmberNodeSpec,\n  createEmberNodeView,\n  type EmberNodeConfig,\n} from '../../../utils/ember-node.ts';\nimport type { ComponentLike } from '@glint/template';\nimport Link from '#root/components/ember-node/link.gts';\nimport { defaultLinkParser, type LinkParser } from '../parser.ts';\n\ntype LinkOptions = {\n  interactive?: boolean;\n  rdfaAware?: boolean;\n  linkParser?: LinkParser;\n};\n\n// TODO this spec doesn't play well with RDFa editing tools. It has been modified so that any\n// additional RDFa annotations are not striped. This is for example, used by the citation plugin in\n// lblod-plugins\nconst emberNodeConfig: (options?: LinkOptions) => EmberNodeConfig = ({\n  interactive = false,\n  rdfaAware = false,\n  linkParser = defaultLinkParser(),\n} = {}) => {\n  return {\n    name: 'link',\n    component: Link as unknown as ComponentLike,\n    inline: true,\n    group: 'inline',\n    content: 'text*',\n    atom: true,\n    defining: true,\n    draggable: false,\n    classNames: ['say-pill', 'say-link'],\n    get attrs() {\n      const baseAttrs = {\n        href: {\n          default: null,\n        },\n        interactive: {\n          default: interactive,\n        },\n        linkParser: {\n          default: linkParser,\n        },\n        isNew: {\n          default: false,\n        },\n      };\n      return {\n        ...rdfaAttrSpec({ rdfaAware }),\n        ...baseAttrs,\n      };\n    },\n    needsFFKludge: true,\n    needsChromeCursorFix: true,\n    get parseDOM() {\n      return [\n        {\n          tag: 'a',\n          getAttrs(dom: string | HTMLElement) {\n            if (typeof dom === 'string') {\n              return false;\n            }\n            const href = dom.getAttribute('href');\n            return {\n              ...getRdfaAttrs(dom, { rdfaAware }),\n              href,\n            };\n          },\n          contentElement: getRdfaContentElement,\n        },\n      ];\n    },\n    toDOM(node) {\n      const { ...attrs }: Record<string, unknown> = node.attrs;\n      delete attrs['interactive'];\n      delete attrs['placeholder'];\n      delete attrs['linkParser'];\n      delete attrs['isNew'];\n      if (rdfaAware) {\n        return renderRdfaAware({\n          renderable: node,\n          tag: 'a',\n          attrs: { ...attrs, class: getClassnamesFromNode(node) },\n          content: 0,\n        });\n      } else {\n        return ['a', { ...attrs, class: getClassnamesFromNode(node) }, 0];\n      }\n    },\n  };\n};\n\nexport const link = (options?: LinkOptions) =>\n  createEmberNodeSpec(emberNodeConfig(options));\n\nexport const linkView = (options?: LinkOptions) =>\n  createEmberNodeView(emberNodeConfig(options));\n"],"names":["emberNodeConfig","interactive","rdfaAware","linkParser","defaultLinkParser","name","component","Link","inline","group","content","atom","defining","draggable","classNames","attrs","baseAttrs","href","default","isNew","rdfaAttrSpec","needsFFKludge","needsChromeCursorFix","parseDOM","tag","getAttrs","dom","getAttribute","getRdfaAttrs","contentElement","getRdfaContentElement","toDOM","node","renderRdfaAware","renderable","class","getClassnamesFromNode","link","options","createEmberNodeSpec","linkView","createEmberNodeView"],"mappings":";;;;;;AAsBA;AACA;AACA;AACA,MAAMA,eAA2D,GAAGA,CAAC;AACnEC,EAAAA,WAAW,GAAG,KAAK;AACnBC,EAAAA,SAAS,GAAG,KAAK;EACjBC,UAAU,GAAGC,iBAAiB;AAChC,CAAC,GAAG,EAAE,KAAK;EACT,OAAO;AACLC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,SAAS,EAAEC,IAAgC;AAC3CC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,IAAI,EAAE,IAAI;AACVC,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,UAAU,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC;IACpC,IAAIC,KAAKA,GAAG;AACV,MAAA,MAAMC,SAAS,GAAG;AAChBC,QAAAA,IAAI,EAAE;AACJC,UAAAA,OAAO,EAAE;SACV;AACDjB,QAAAA,WAAW,EAAE;AACXiB,UAAAA,OAAO,EAAEjB;SACV;AACDE,QAAAA,UAAU,EAAE;AACVe,UAAAA,OAAO,EAAEf;SACV;AACDgB,QAAAA,KAAK,EAAE;AACLD,UAAAA,OAAO,EAAE;AACX;OACD;MACD,OAAO;AACL,QAAA,GAAGE,YAAY,CAAC;AAAElB,UAAAA;AAAU,SAAC,CAAC;QAC9B,GAAGc;OACJ;IACH,CAAC;AACDK,IAAAA,aAAa,EAAE,IAAI;AACnBC,IAAAA,oBAAoB,EAAE,IAAI;IAC1B,IAAIC,QAAQA,GAAG;AACb,MAAA,OAAO,CACL;AACEC,QAAAA,GAAG,EAAE,GAAG;QACRC,QAAQA,CAACC,GAAyB,EAAE;AAClC,UAAA,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;AAC3B,YAAA,OAAO,KAAK;AACd,UAAA;AACA,UAAA,MAAMT,IAAI,GAAGS,GAAG,CAACC,YAAY,CAAC,MAAM,CAAC;UACrC,OAAO;YACL,GAAGC,YAAY,CAACF,GAAG,EAAE;AAAExB,cAAAA;AAAU,aAAC,CAAC;AACnCe,YAAAA;WACD;QACH,CAAC;AACDY,QAAAA,cAAc,EAAEC;AAClB,OAAC,CACF;IACH,CAAC;IACDC,KAAKA,CAACC,IAAI,EAAE;MACV,MAAM;QAAE,GAAGjB;OAAgC,GAAGiB,IAAI,CAACjB,KAAK;MACxD,OAAOA,KAAK,CAAC,aAAa,CAAC;MAC3B,OAAOA,KAAK,CAAC,aAAa,CAAC;MAC3B,OAAOA,KAAK,CAAC,YAAY,CAAC;MAC1B,OAAOA,KAAK,CAAC,OAAO,CAAC;AACrB,MAAA,IAAIb,SAAS,EAAE;AACb,QAAA,OAAO+B,eAAe,CAAC;AACrBC,UAAAA,UAAU,EAAEF,IAAI;AAChBR,UAAAA,GAAG,EAAE,GAAG;AACRT,UAAAA,KAAK,EAAE;AAAE,YAAA,GAAGA,KAAK;YAAEoB,KAAK,EAAEC,qBAAqB,CAACJ,IAAI;WAAG;AACvDtB,UAAAA,OAAO,EAAE;AACX,SAAC,CAAC;AACJ,MAAA,CAAC,MAAM;QACL,OAAO,CAAC,GAAG,EAAE;AAAE,UAAA,GAAGK,KAAK;UAAEoB,KAAK,EAAEC,qBAAqB,CAACJ,IAAI;SAAG,EAAE,CAAC,CAAC;AACnE,MAAA;AACF,IAAA;GACD;AACH,CAAC;AAEM,MAAMK,IAAI,GAAIC,OAAqB,IACxCC,mBAAmB,CAACvC,eAAe,CAACsC,OAAO,CAAC;AAEvC,MAAME,QAAQ,GAAIF,OAAqB,IAC5CG,mBAAmB,CAACzC,eAAe,CAACsC,OAAO,CAAC;;;;"}

package/dist/plugins/link/parser.js

@@ -0,0 +1,58 @@
+import { test, find } from 'linkifyjs';
+import parsePhoneNumber from 'libphonenumber-js';
+
+const defaultLinkParser = ({
+  defaultCountryCode = 'BE',
+  supportedProtocols = ['http:', 'https:', 'mailto:', 'tel:', 'sms:']
+} = {}) => {
+  return input => {
+    const link = input?.trim();
+    if (!link) {
+      return {
+        isSuccessful: false,
+        errors: ['URL mag niet leeg zijn']
+      };
+    }
+    let href;
+    if (test(link)) {
+      href = find(link)[0].href;
+    }
+    if (!href) {
+      const phoneNumber = parsePhoneNumber(link, defaultCountryCode);
+      if (phoneNumber) {
+        const phoneNumberUri = phoneNumber.getURI();
+        const value = link.startsWith('sms:') ?
+        // libphonenumber-js transforms sms: automatically to tel:, so revert this transform if necessary
+        phoneNumberUri.replace('tel:', 'sms:') : phoneNumberUri;
+        href = value;
+      }
+    }
+    if (!href) {
+      return {
+        isSuccessful: false,
+        errors: ['De ingegeven URL/link is niet geldig']
+      };
+    }
+    if (!hasSupportedProtocol(href, supportedProtocols)) {
+      return {
+        isSuccessful: false,
+        errors: ['de ingegeven URL/link is niet toegestaan']
+      };
+    }
+    return {
+      isSuccessful: true,
+      value: href
+    };
+  };
+};
+const hasSupportedProtocol = (href, supportedProtocols) => {
+  try {
+    const protocol = new URL(href).protocol;
+    return supportedProtocols.includes(protocol);
+  } catch {
+    return false;
+  }
+};
+
+export { defaultLinkParser };
+//# sourceMappingURL=parser.js.map

package/dist/plugins/link/parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.js","sources":["../../../src/plugins/link/parser.ts"],"sourcesContent":["import { find as linkifyFind, test as linkifyTest } from 'linkifyjs';\nimport parsePhoneNumber, { type CountryCode } from 'libphonenumber-js';\n\nexport type LinkParserResult =\n  | {\n      isSuccessful: true;\n      value: string;\n      errors?: never;\n    }\n  | {\n      isSuccessful: false;\n      value?: never;\n      errors: [string, ...string[]];\n    };\nexport type LinkParser = (input?: string) => LinkParserResult;\n\ntype DefaultLinkParserOptions = {\n  defaultCountryCode?: CountryCode;\n  supportedProtocols?: string[];\n};\n\nexport const defaultLinkParser = ({\n  defaultCountryCode = 'BE',\n  supportedProtocols = ['http:', 'https:', 'mailto:', 'tel:', 'sms:'],\n}: DefaultLinkParserOptions = {}): LinkParser => {\n  return (input?: string) => {\n    const link = input?.trim();\n    if (!link) {\n      return { isSuccessful: false, errors: ['URL mag niet leeg zijn'] };\n    }\n\n    let href: string | undefined;\n\n    if (linkifyTest(link)) {\n      href = linkifyFind(link)[0].href;\n    }\n\n    if (!href) {\n      const phoneNumber = parsePhoneNumber(link, defaultCountryCode);\n      if (phoneNumber) {\n        const phoneNumberUri = phoneNumber.getURI();\n        const value = link.startsWith('sms:')\n          ? // libphonenumber-js transforms sms: automatically to tel:, so revert this transform if necessary\n            phoneNumberUri.replace('tel:', 'sms:')\n          : phoneNumberUri;\n        href = value;\n      }\n    }\n    if (!href) {\n      return {\n        isSuccessful: false,\n        errors: ['De ingegeven URL/link is niet geldig'],\n      };\n    }\n\n    if (!hasSupportedProtocol(href, supportedProtocols)) {\n      return {\n        isSuccessful: false,\n        errors: ['de ingegeven URL/link is niet toegestaan'],\n      };\n    }\n\n    return {\n      isSuccessful: true,\n      value: href,\n    };\n  };\n};\n\nconst hasSupportedProtocol = (href: string, supportedProtocols: string[]) => {\n  try {\n    const protocol = new URL(href).protocol;\n    return supportedProtocols.includes(protocol);\n  } catch {\n    return false;\n  }\n};\n"],"names":["defaultLinkParser","defaultCountryCode","supportedProtocols","input","link","trim","isSuccessful","errors","href","linkifyTest","linkifyFind","phoneNumber","parsePhoneNumber","phoneNumberUri","getURI","value","startsWith","replace","hasSupportedProtocol","protocol","URL","includes"],"mappings":";;;AAqBO,MAAMA,iBAAiB,GAAGA,CAAC;AAChCC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,kBAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM;AAC1C,CAAC,GAAG,EAAE,KAAiB;AAC/C,EAAA,OAAQC,KAAc,IAAK;AACzB,IAAA,MAAMC,IAAI,GAAGD,KAAK,EAAEE,IAAI,EAAE;IAC1B,IAAI,CAACD,IAAI,EAAE;MACT,OAAO;AAAEE,QAAAA,YAAY,EAAE,KAAK;QAAEC,MAAM,EAAE,CAAC,wBAAwB;OAAG;AACpE,IAAA;AAEA,IAAA,IAAIC,IAAwB;AAE5B,IAAA,IAAIC,IAAW,CAACL,IAAI,CAAC,EAAE;MACrBI,IAAI,GAAGE,IAAW,CAACN,IAAI,CAAC,CAAC,CAAC,CAAC,CAACI,IAAI;AAClC,IAAA;IAEA,IAAI,CAACA,IAAI,EAAE;AACT,MAAA,MAAMG,WAAW,GAAGC,gBAAgB,CAACR,IAAI,EAAEH,kBAAkB,CAAC;AAC9D,MAAA,IAAIU,WAAW,EAAE;AACf,QAAA,MAAME,cAAc,GAAGF,WAAW,CAACG,MAAM,EAAE;AAC3C,QAAA,MAAMC,KAAK,GAAGX,IAAI,CAACY,UAAU,CAAC,MAAM,CAAC;AACjC;QACAH,cAAc,CAACI,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,GACtCJ,cAAc;AAClBL,QAAAA,IAAI,GAAGO,KAAK;AACd,MAAA;AACF,IAAA;IACA,IAAI,CAACP,IAAI,EAAE;MACT,OAAO;AACLF,QAAAA,YAAY,EAAE,KAAK;QACnBC,MAAM,EAAE,CAAC,sCAAsC;OAChD;AACH,IAAA;AAEA,IAAA,IAAI,CAACW,oBAAoB,CAACV,IAAI,EAAEN,kBAAkB,CAAC,EAAE;MACnD,OAAO;AACLI,QAAAA,YAAY,EAAE,KAAK;QACnBC,MAAM,EAAE,CAAC,0CAA0C;OACpD;AACH,IAAA;IAEA,OAAO;AACLD,MAAAA,YAAY,EAAE,IAAI;AAClBS,MAAAA,KAAK,EAAEP;KACR;EACH,CAAC;AACH;AAEA,MAAMU,oBAAoB,GAAGA,CAACV,IAAY,EAAEN,kBAA4B,KAAK;EAC3E,IAAI;IACF,MAAMiB,QAAQ,GAAG,IAAIC,GAAG,CAACZ,IAAI,CAAC,CAACW,QAAQ;AACvC,IAAA,OAAOjB,kBAAkB,CAACmB,QAAQ,CAACF,QAAQ,CAAC;AAC9C,EAAA,CAAC,CAAC,MAAM;AACN,IAAA,OAAO,KAAK;AACd,EAAA;AACF,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lblod/ember-rdfa-editor",
-  "version": "13.2.1",
+  "version": "13.3.0",
   "description": "Ember addon wrapping an RDFa editor with a public API",
   "keywords": [
     "ember-addon"
@@ -239,6 +239,7 @@
     "ember-velcro": "^2.2.0",
     "iter-tools": "^7.5.4",
     "js-beautify": "^1.15.4",
+    "libphonenumber-js": "^1.12.38",
     "linkifyjs": "^4.3.2",
     "mdn-polyfills": "^5.20.0",
     "mongoose": "^8.21.0",
@@ -397,8 +398,10 @@
       "./components/plugins/image/insert-menu.js": "./dist/_app_/components/plugins/image/insert-menu.js",
       "./components/plugins/image/node.js": "./dist/_app_/components/plugins/image/node.js",
       "./components/plugins/indentation/indentation-menu.js": "./dist/_app_/components/plugins/indentation/indentation-menu.js",
+      "./components/plugins/link/_private/link-editor.js": "./dist/_app_/components/plugins/link/_private/link-editor.js",
       "./components/plugins/link/link-editor.js": "./dist/_app_/components/plugins/link/link-editor.js",
       "./components/plugins/link/link-menu.js": "./dist/_app_/components/plugins/link/link-menu.js",
+      "./components/plugins/link/link-sidebar-widget.js": "./dist/_app_/components/plugins/link/link-sidebar-widget.js",
       "./components/plugins/list/indentation-controls.js": "./dist/_app_/components/plugins/list/indentation-controls.js",
       "./components/plugins/list/ordered.js": "./dist/_app_/components/plugins/list/ordered.js",
       "./components/plugins/list/unordered.js": "./dist/_app_/components/plugins/list/unordered.js",

package/scss/_c-formatting-marks.scss

@@ -23,7 +23,6 @@
       width: 0;
       top: 0;
       left: 0;
-      z-index: 1;
     }
     &.invisible--space::before {
       content: "\00B7";

package/scss/_c-link.scss

@@ -1,35 +1,15 @@
 @use "@appuniversum/ember-appuniversum/styles/settings/s-root";
+@use "@appuniversum/ember-appuniversum/styles/a-settings" as au-settings;
 
-.say-link-tooltip {
-  z-index: 3;
-  background-color: var(--au-white);
-  gap: 0;
-  align-items: stretch;
-  padding: 0;
-  width: 28rem;
-
-  a,
-  button {
-    padding: 0;
-    flex: 1;
-    border: 0;
-    justify-content: center;
-  }
-
-  .au-c-input {
-    border-width: 0 0.1rem;
-    border-radius: 0%;
-    padding: 0 0.3rem;
-    flex: 7;
-  }
-
-  .au-c-input:focus {
-    border-width: 0 0 !important;
-  }
+.say-link-editor {
+  height: auto;
+  z-index: 1;
+  background: var(--au-gray-100);
+  border: 0.1rem solid var(--au-gray-300);
+  border-radius: 0.5rem;
 }
 
 .say-pill {
-  gap: 0;
   vertical-align: bottom;
   min-height: 2.55rem;
   margin-bottom: -0.1rem;
@@ -47,6 +27,17 @@
     cursor: text;
     color: var(--au-blue-700);
   }
+
+  &--error {
+    color: var(--au-red-700);
+    background-color: var(--au-red-200);
+    border-color: var(--au-red-300);
+    text-decoration-color: var(--au-red-300);
+
+    [contenteditable] {
+      color: var(--au-red-700);
+    }
+  }
 }
 
 .ember-node.ProseMirror-selectednode {
@@ -58,5 +49,14 @@
     ::selection {
       background-color: var(--au-blue-300);
     }
+
+    &--error {
+      background-color: var(--au-red-200);
+      outline: 2px solid var(--au-red-500);
+
+      ::selection {
+        background-color: var(--au-red-300);
+      }
+    }
   }
 }

package/scss/_c-table.scss

@@ -94,6 +94,10 @@ table.ProseMirror-selectednode,
 .say-table-tooltip {
   display: flex;
   flex-direction: column;
+  box-shadow:
+    0 1px 3px rgba(au-settings.$au-gray-900, 0.1),
+    0 4px 20px rgba(au-settings.$au-gray-900, 0.035),
+    0 1px 1px rgba(au-settings.$au-gray-900, 0.025);
 
   .color-selector__grid {
     padding: 0 12px;

package/vendor/ember-rdfa-editor.css

@@ -1159,33 +1159,15 @@
   --au-z-index-gamma: 3;
 }
 
-.say-link-tooltip {
-  z-index: 3;
-  background-color: var(--au-white);
-  gap: 0;
-  align-items: stretch;
-  padding: 0;
-  width: 28rem;
-}
-.say-link-tooltip a,
-.say-link-tooltip button {
-  padding: 0;
-  flex: 1;
-  border: 0;
-  justify-content: center;
-}
-.say-link-tooltip .au-c-input {
-  border-width: 0 0.1rem;
-  border-radius: 0%;
-  padding: 0 0.3rem;
-  flex: 7;
-}
-.say-link-tooltip .au-c-input:focus {
-  border-width: 0 0 !important;
+.say-link-editor {
+  height: auto;
+  z-index: 1;
+  background: var(--au-gray-100);
+  border: 0.1rem solid var(--au-gray-300);
+  border-radius: 0.5rem;
 }
 
 .say-pill {
-  gap: 0;
   vertical-align: bottom;
   min-height: 2.55rem;
   margin-bottom: -0.1rem;
@@ -1204,6 +1186,15 @@
   cursor: text;
   color: var(--au-blue-700);
 }
+.say-pill--error {
+  color: var(--au-red-700);
+  background-color: var(--au-red-200);
+  border-color: var(--au-red-300);
+  text-decoration-color: var(--au-red-300);
+}
+.say-pill--error [contenteditable] {
+  color: var(--au-red-700);
+}
 
 .ember-node.ProseMirror-selectednode .say-pill {
   background-color: var(--au-blue-200);
@@ -1216,6 +1207,16 @@
 .ember-node.ProseMirror-selectednode .say-pill ::selection {
   background-color: var(--au-blue-300);
 }
+.ember-node.ProseMirror-selectednode .say-pill--error {
+  background-color: var(--au-red-200);
+  outline: 2px solid var(--au-red-500);
+}
+.ember-node.ProseMirror-selectednode .say-pill--error ::-moz-selection {
+  background-color: var(--au-red-300);
+}
+.ember-node.ProseMirror-selectednode .say-pill--error ::selection {
+  background-color: var(--au-red-300);
+}
 
 .say-placeholder {
   font-style: italic;
@@ -1376,6 +1377,7 @@ table.ProseMirror-selectednode,
 .say-table-tooltip {
   display: flex;
   flex-direction: column;
+  box-shadow: 0 1px 3px rgba(33, 35, 38, 0.1), 0 4px 20px rgba(33, 35, 38, 0.035), 0 1px 1px rgba(33, 35, 38, 0.025);
 }
 .say-table-tooltip .color-selector__grid {
   padding: 0 12px;
@@ -1591,7 +1593,6 @@ span.ember-node {
   width: 0;
   top: 0;
   left: 0;
-  z-index: 1;
 }
 .say-editor .invisible.invisible--space::before {
   content: "·";