@dotvoid/textbit-plugins 0.0.0-stage → 0.1.0

package/dist/Image/index.js

@@ -0,0 +1,92 @@
+import { jsx as n, jsxs as b, Fragment as u } from "react/jsx-runtime";
+import { Node as l, Element as g } from "slate";
+import { useSlateStatic as x, ReactEditor as d, useSlateSelector as y } from "slate-react";
+import { ImageIcon as E } from "../shared/icons.js";
+import { FieldContent as p } from "../shared/Field.js";
+import { uploadConsumer as v, pickFiles as w, safeMediaSrc as S } from "../shared/media.js";
+import { imageNode as N } from "./imageNode.js";
+const m = "base/image", k = ["image/jpeg", "image/png", "image/gif", "image/webp", "image/avif"], C = {
+  title: "Image",
+  caption: "Caption",
+  captionHint: "Add a caption",
+  alt: "Alt text",
+  altHint: "Describe the image for those who cannot see it",
+  missing: "Image not available"
+}, L = (e = {}) => {
+  const i = { ...C, ...e.labels }, s = e.accept ?? k, a = v({
+    type: m,
+    accept: (t) => s.includes(t),
+    maxSize: e.maxSize,
+    upload: e.upload,
+    build: (t) => N(t)
+  });
+  return {
+    class: "block",
+    name: m,
+    ...a ? { consumer: a } : {},
+    actions: [{
+      name: "insert",
+      title: i.title,
+      tool: () => /* @__PURE__ */ n(E, {}),
+      // Only offered when there is somewhere to store the file
+      visibility: () => [!!a, !!a, !1],
+      handler: (t) => w(t, s.join(","))
+    }],
+    componentEntry: {
+      class: "block",
+      component: ({ children: t }) => /* @__PURE__ */ n("figure", { className: "tb-image", children: t }),
+      children: [
+        {
+          type: "content",
+          class: "void",
+          component: (t) => /* @__PURE__ */ n(I, { ...t, labels: i }),
+          constraints: { min: 1, max: 1 }
+        },
+        {
+          // A text field, not an <input>: the caret moves in and out of it like
+          // any other text. It sits before the caption, which must be the
+          // figure's first or last child.
+          type: "alt",
+          class: "text",
+          component: ({ children: t, element: c }) => /* @__PURE__ */ n("div", { className: "tb-field tb-image-alt", children: /* @__PURE__ */ n(p, { element: c, label: i.alt, hint: i.altHint, children: t }) }),
+          constraints: { allowBreak: !1, min: 1, max: 1 }
+        },
+        {
+          type: "caption",
+          class: "text",
+          // A figcaption must sit directly in its figure, without a wrapping <div>
+          asOwnElement: !0,
+          component: ({ children: t, element: c, attributes: o }) => /* @__PURE__ */ n("figcaption", { ...o, className: "tb-field tb-image-caption", children: /* @__PURE__ */ n(p, { element: c, label: i.caption, hint: i.captionHint, children: t }) }),
+          constraints: { allowBreak: !1, min: 1, max: 1 }
+        }
+      ]
+    }
+  };
+};
+function I({ element: e, children: i, labels: s }) {
+  const a = x(), t = d.findPath(a, e), c = l.get(a, t.slice(0, -1)), o = g.isElement(c) ? c.properties ?? {} : {}, r = S(o.src), f = y((h) => j(h, e));
+  return /* @__PURE__ */ b(u, { children: [
+    /* @__PURE__ */ n("div", { className: "tb-image-content", contentEditable: !1, draggable: "true", children: r ? /* @__PURE__ */ n(
+      "img",
+      {
+        src: r,
+        alt: f,
+        width: typeof o.width == "number" ? o.width : void 0,
+        height: typeof o.height == "number" ? o.height : void 0,
+        style: { display: "block", maxWidth: "100%", height: "auto" }
+      }
+    ) : /* @__PURE__ */ n("div", { className: "tb-image-missing", role: "img", "aria-label": s.missing, children: s.missing }) }),
+    i
+  ] });
+}
+function j(e, i) {
+  try {
+    const a = l.parent(e, d.findPath(e, i)).children.find((t) => g.isElement(t) && t.type === `${m}/alt`);
+    return a ? l.string(a) : "";
+  } catch {
+    return "";
+  }
+}
+export {
+  L as Image
+};

package/dist/Leafs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../shared/icons.cjs"),i=require("../shared/hotkey.cjs"),l=(e,n)=>i.hotkeyOption(e?.hotkey,n),a=e=>({class:"leaf",name:"base/bold",actions:[{name:"toggle-bold",title:e?.title??"Bold",tool:()=>t.jsx(o.BoldIcon,{}),hotkey:l(e,"mod+b"),handler:()=>!0}],getStyle:()=>({fontWeight:"bold"})}),r=e=>({class:"leaf",name:"base/italic",actions:[{name:"toggle-italic",title:e?.title??"Italic",tool:()=>t.jsx(o.ItalicIcon,{}),hotkey:l(e,"mod+i"),handler:()=>!0}],getStyle:()=>({fontStyle:"italic"})}),c=e=>({class:"leaf",name:"base/underline",actions:[{name:"toggle-underline",title:e?.title??"Underline",tool:()=>t.jsx(o.UnderlineIcon,{}),hotkey:l(e,"mod+u"),handler:()=>!0}],getStyle:()=>({textDecoration:"underline"})}),s=e=>({class:"leaf",name:"base/strikethrough",actions:[{name:"toggle-strikethrough",title:e?.title??"Strikethrough",tool:()=>t.jsx(o.StrikethroughIcon,{}),hotkey:l(e),handler:()=>!0}],getStyle:()=>({textDecoration:"line-through"})}),d=e=>({class:"leaf",name:"base/code",actions:[{name:"toggle-code",title:e?.title??"Code",tool:()=>t.jsx(o.CodeIcon,{}),hotkey:l(e),handler:()=>!0}],getStyle:()=>"tb-code"});exports.Bold=a;exports.Code=d;exports.Italic=r;exports.Strikethrough=s;exports.Underline=c;

package/dist/Leafs/index.d.ts

@@ -0,0 +1,13 @@
+import { TBPluginDefinition } from '@dotvoid/textbit';
+export type LeafOptions = {
+    /** Replace the default shortcut, or remove it with `false` */
+    hotkey?: string | false;
+    /** The action's name in menus and for screen readers, e.g. a translation */
+    title?: string;
+};
+export declare const Bold: (options?: LeafOptions) => TBPluginDefinition;
+export declare const Italic: (options?: LeafOptions) => TBPluginDefinition;
+export declare const Underline: (options?: LeafOptions) => TBPluginDefinition;
+export declare const Strikethrough: (options?: LeafOptions) => TBPluginDefinition;
+export declare const Code: (options?: LeafOptions) => TBPluginDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/Leafs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Leafs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAI1D,MAAM,MAAM,WAAW,GAAG;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAQD,eAAO,MAAM,IAAI,GAAI,UAAU,WAAW,KAAG,kBAW3C,CAAA;AAEF,eAAO,MAAM,MAAM,GAAI,UAAU,WAAW,KAAG,kBAW7C,CAAA;AAEF,eAAO,MAAM,SAAS,GAAI,UAAU,WAAW,KAAG,kBAWhD,CAAA;AAEF,eAAO,MAAM,aAAa,GAAI,UAAU,WAAW,KAAG,kBAWpD,CAAA;AAEF,eAAO,MAAM,IAAI,GAAI,UAAU,WAAW,KAAG,kBAW3C,CAAA"}

package/dist/Leafs/index.js

@@ -0,0 +1,66 @@
+import { jsx as t } from "react/jsx-runtime";
+import { BoldIcon as n, ItalicIcon as a, UnderlineIcon as i, StrikethroughIcon as r, CodeIcon as c } from "../shared/icons.js";
+import { hotkeyOption as d } from "../shared/hotkey.js";
+const o = (e, l) => d(e?.hotkey, l), m = (e) => ({
+  class: "leaf",
+  name: "base/bold",
+  actions: [{
+    name: "toggle-bold",
+    title: e?.title ?? "Bold",
+    tool: () => /* @__PURE__ */ t(n, {}),
+    hotkey: o(e, "mod+b"),
+    handler: () => !0
+  }],
+  getStyle: () => ({ fontWeight: "bold" })
+}), u = (e) => ({
+  class: "leaf",
+  name: "base/italic",
+  actions: [{
+    name: "toggle-italic",
+    title: e?.title ?? "Italic",
+    tool: () => /* @__PURE__ */ t(a, {}),
+    hotkey: o(e, "mod+i"),
+    handler: () => !0
+  }],
+  getStyle: () => ({ fontStyle: "italic" })
+}), y = (e) => ({
+  class: "leaf",
+  name: "base/underline",
+  actions: [{
+    name: "toggle-underline",
+    title: e?.title ?? "Underline",
+    tool: () => /* @__PURE__ */ t(i, {}),
+    hotkey: o(e, "mod+u"),
+    handler: () => !0
+  }],
+  getStyle: () => ({ textDecoration: "underline" })
+}), k = (e) => ({
+  class: "leaf",
+  name: "base/strikethrough",
+  actions: [{
+    name: "toggle-strikethrough",
+    title: e?.title ?? "Strikethrough",
+    tool: () => /* @__PURE__ */ t(r, {}),
+    hotkey: o(e),
+    handler: () => !0
+  }],
+  getStyle: () => ({ textDecoration: "line-through" })
+}), b = (e) => ({
+  class: "leaf",
+  name: "base/code",
+  actions: [{
+    name: "toggle-code",
+    title: e?.title ?? "Code",
+    tool: () => /* @__PURE__ */ t(c, {}),
+    hotkey: o(e),
+    handler: () => !0
+  }],
+  getStyle: () => "tb-code"
+});
+export {
+  m as Bold,
+  b as Code,
+  u as Italic,
+  k as Strikethrough,
+  y as Underline
+};

package/dist/Link/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),k=require("react"),p=require("@dotvoid/textbit"),s=require("slate"),h=require("slate-react"),d=require("../shared/icons.cjs"),x=require("../shared/hotkey.cjs"),c=require("./isValidLink.cjs"),f="base/link",v={title:"Link",address:"Link address",placeholder:"https://",remove:"Remove link",open:"Open link in a new tab"},j=(t={})=>{const e={...v,...t.labels};return{class:"inline",name:f,componentEntry:{class:"inline",component:T},actions:[{name:"edit",title:e.title,tool:[()=>l.jsx(d.LinkIcon,{}),n=>l.jsx(D,{...n,labels:e})],hotkey:x.hotkeyOption(t.hotkey,"mod+k"),handler:w,visibility:n=>[!0,!0,n.type===f]}]}};function T({children:t,element:e}){const n=c.sanitizeLink(typeof e.properties?.href=="string"?e.properties.href:""),i=c.isValidLink(n);return l.jsx("a",{href:i?n:void 0,className:"tb-link",...i?{}:{"data-invalid":""},onClick:a=>{i&&(a.ctrlKey||a.metaKey)&&(a.preventDefault(),window.open(n,"_blank","noopener,noreferrer"))},children:t})}function D({entry:t,labels:e}){const n=h.useSlateStatic(),[i,a]=t||[],u=p.TextbitElement.isElement(i)&&typeof i.properties?.href=="string"?i.properties.href:"",[o,y]=k.useState(u),[b,g]=k.useState(!1);if(!p.TextbitElement.isElement(i)||!a)return null;const L=()=>{const r=c.sanitizeLink(o);r===""?E(n):s.Transforms.setNodes(n,{properties:{...i.properties,href:r}},{at:a})};return l.jsxs("div",{className:"tb-link-editor",role:"group","aria-label":e.title,children:[l.jsx("button",{type:"button",className:"tb-link-remove","aria-label":e.remove,title:e.remove,onMouseDown:r=>{r.preventDefault(),E(n)},children:l.jsx(d.LinkOffIcon,{})}),l.jsx("input",{id:i.id?m(i.id):void 0,className:"tb-link-address",type:"url",value:o,"aria-label":e.address,placeholder:e.placeholder,autoComplete:"off",onFocus:()=>g(!0),onMouseDownCapture:r=>{r.stopPropagation(),r.preventDefault(),r.currentTarget.focus()},onChange:r=>y(r.target.value),onKeyDown:r=>{(r.key==="Escape"||r.key==="Enter")&&(r.preventDefault(),r.stopPropagation(),h.ReactEditor.focus(n))},onBlur:()=>{b&&L()}}),c.isValidLink(o,!0)&&l.jsx("a",{className:"tb-link-open",href:c.sanitizeLink(o),target:"_blank",rel:"noopener noreferrer","aria-label":e.open,title:e.open,children:l.jsx(d.LinkIcon,{})})]})}function w({editor:t,type:e,event:n}){const{selection:i}=t;if(!i)return;const[a]=s.Editor.nodes(t,{at:s.Editor.unhangRange(t,i),match:o=>!s.Editor.isEditor(o)&&p.TextbitElement.isInline(o)&&o.type===e});if(a){const[o]=a;s.Element.isElement(o)&&typeof o.id=="string"&&(n?.preventDefault(),document.getElementById(m(o.id))?.focus());return}if(s.Range.isCollapsed(i))return;n?.preventDefault();const u=crypto.randomUUID();s.Editor.withoutNormalizing(t,()=>{s.Transforms.wrapNodes(t,{class:"inline",type:e,id:u,properties:{href:""},children:[{text:""}]},{split:!0})}),setTimeout(()=>document.getElementById(m(u))?.focus(),0)}function E(t){s.Transforms.unwrapNodes(t,{match:e=>!s.Editor.isEditor(e)&&s.Element.isElement(e)&&e.type===f})}function m(t){return`tb-link-${t}`}exports.Link=j;

package/dist/Link/index.d.ts

@@ -0,0 +1,25 @@
+import { TBPluginDefinition } from '@dotvoid/textbit';
+export type LinkLabels = {
+    /** The action's name in menus and for screen readers */
+    title: string;
+    /** Name of the address field */
+    address: string;
+    /** Placeholder of the address field */
+    placeholder: string;
+    remove: string;
+    open: string;
+};
+export type LinkOptions = {
+    /** Replace the default shortcut, Ctrl+K / ⌘K, or remove it with `false` */
+    hotkey?: string | false;
+    /** Labels and names, e.g. translations */
+    labels?: Partial<LinkLabels>;
+};
+/**
+ * Links. Ctrl/⌘+K links the selection and opens the address field; Ctrl/⌘-click
+ * opens a link. Addresses are checked wherever a link is rendered, not only when
+ * typed: a `javascript:` address arriving through paste, a collaborator or stored
+ * data never becomes a live link.
+ */
+export declare const Link: (options?: LinkOptions) => TBPluginDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Link/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,kBAAkB,EAA6C,MAAM,kBAAkB,CAAA;AAUvH,MAAM,MAAM,UAAU,GAAG;IACvB,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAC7B,CAAA;AAUD;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,kBAsBhD,CAAA"}

package/dist/Link/index.js

@@ -0,0 +1,148 @@
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { TextbitElement as c } from "@dotvoid/textbit";
+import { Editor as l, Element as y, Range as N, Transforms as m } from "slate";
+import { useSlateStatic as I, ReactEditor as x } from "slate-react";
+import { LinkIcon as E, LinkOffIcon as C } from "../shared/icons.js";
+import { hotkeyOption as T } from "../shared/hotkey.js";
+import { sanitizeLink as f, isValidLink as g } from "./isValidLink.js";
+const u = "base/link", B = {
+  title: "Link",
+  address: "Link address",
+  placeholder: "https://",
+  remove: "Remove link",
+  open: "Open link in a new tab"
+}, F = (t = {}) => {
+  const e = { ...B, ...t.labels };
+  return {
+    class: "inline",
+    name: u,
+    componentEntry: {
+      class: "inline",
+      component: R
+    },
+    actions: [{
+      name: "edit",
+      title: e.title,
+      tool: [
+        () => /* @__PURE__ */ a(E, {}),
+        (n) => /* @__PURE__ */ a(S, { ...n, labels: e })
+      ],
+      hotkey: T(t.hotkey, "mod+k"),
+      handler: K,
+      visibility: (n) => [!0, !0, n.type === u]
+    }]
+  };
+};
+function R({ children: t, element: e }) {
+  const n = f(typeof e.properties?.href == "string" ? e.properties.href : ""), o = g(n);
+  return /* @__PURE__ */ a(
+    "a",
+    {
+      href: o ? n : void 0,
+      className: "tb-link",
+      ...o ? {} : { "data-invalid": "" },
+      onClick: (s) => {
+        o && (s.ctrlKey || s.metaKey) && (s.preventDefault(), window.open(n, "_blank", "noopener,noreferrer"));
+      },
+      children: t
+    }
+  );
+}
+function S({ entry: t, labels: e }) {
+  const n = I(), [o, s] = t || [], p = c.isElement(o) && typeof o.properties?.href == "string" ? o.properties.href : "", [r, b] = h(p), [v, L] = h(!1);
+  if (!c.isElement(o) || !s)
+    return null;
+  const D = () => {
+    const i = f(r);
+    i === "" ? k(n) : m.setNodes(n, { properties: { ...o.properties, href: i } }, { at: s });
+  };
+  return /* @__PURE__ */ w("div", { className: "tb-link-editor", role: "group", "aria-label": e.title, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "tb-link-remove",
+        "aria-label": e.remove,
+        title: e.remove,
+        onMouseDown: (i) => {
+          i.preventDefault(), k(n);
+        },
+        children: /* @__PURE__ */ a(C, {})
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: o.id ? d(o.id) : void 0,
+        className: "tb-link-address",
+        type: "url",
+        value: r,
+        "aria-label": e.address,
+        placeholder: e.placeholder,
+        autoComplete: "off",
+        onFocus: () => L(!0),
+        onMouseDownCapture: (i) => {
+          i.stopPropagation(), i.preventDefault(), i.currentTarget.focus();
+        },
+        onChange: (i) => b(i.target.value),
+        onKeyDown: (i) => {
+          (i.key === "Escape" || i.key === "Enter") && (i.preventDefault(), i.stopPropagation(), x.focus(n));
+        },
+        onBlur: () => {
+          v && D();
+        }
+      }
+    ),
+    g(r, !0) && /* @__PURE__ */ a(
+      "a",
+      {
+        className: "tb-link-open",
+        href: f(r),
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": e.open,
+        title: e.open,
+        children: /* @__PURE__ */ a(E, {})
+      }
+    )
+  ] });
+}
+function K({ editor: t, type: e, event: n }) {
+  const { selection: o } = t;
+  if (!o)
+    return;
+  const [s] = l.nodes(t, {
+    at: l.unhangRange(t, o),
+    match: (r) => !l.isEditor(r) && c.isInline(r) && r.type === e
+  });
+  if (s) {
+    const [r] = s;
+    y.isElement(r) && typeof r.id == "string" && (n?.preventDefault(), document.getElementById(d(r.id))?.focus());
+    return;
+  }
+  if (N.isCollapsed(o))
+    return;
+  n?.preventDefault();
+  const p = crypto.randomUUID();
+  l.withoutNormalizing(t, () => {
+    m.wrapNodes(t, {
+      class: "inline",
+      type: e,
+      id: p,
+      properties: { href: "" },
+      children: [{ text: "" }]
+    }, { split: !0 });
+  }), setTimeout(() => document.getElementById(d(p))?.focus(), 0);
+}
+function k(t) {
+  m.unwrapNodes(t, {
+    match: (e) => !l.isEditor(e) && y.isElement(e) && e.type === u
+  });
+}
+function d(t) {
+  return `tb-link-${t}`;
+}
+export {
+  F as Link
+};

package/dist/Link/isValidLink.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["http:","https:","tel:","mailto:"];function o(n){const t=n.trim();if(t==="")return"";try{const r=new URL(t);return i.includes(r.protocol)?t:""}catch{return t}}function s(n,t=!1){if(typeof n!="string")return!1;const r=o(n);if(r==="")return!1;try{const e=new URL(r);return i.includes(e.protocol)}catch{if(t)return!1}try{return new URL(r,"https://localhost").protocol==="https:"}catch{return!1}}exports.isValidLink=s;exports.sanitizeLink=o;

package/dist/Link/isValidLink.d.ts

@@ -0,0 +1,3 @@
+export declare function sanitizeLink(link: string): string;
+export declare function isValidLink(link: string, enforceProtocol?: boolean): boolean;
+//# sourceMappingURL=isValidLink.d.ts.map

package/dist/Link/isValidLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidLink.d.ts","sourceRoot":"","sources":["../../lib/Link/isValidLink.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAajD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,GAAE,OAAe,GAAG,OAAO,CAyBnF"}

package/dist/Link/isValidLink.js

@@ -0,0 +1,35 @@
+const o = ["http:", "https:", "tel:", "mailto:"];
+function s(n) {
+  const t = n.trim();
+  if (t === "")
+    return "";
+  try {
+    const r = new URL(t);
+    return o.includes(r.protocol) ? t : "";
+  } catch {
+    return t;
+  }
+}
+function c(n, t = !1) {
+  if (typeof n != "string")
+    return !1;
+  const r = s(n);
+  if (r === "")
+    return !1;
+  try {
+    const e = new URL(r);
+    return o.includes(e.protocol);
+  } catch {
+    if (t)
+      return !1;
+  }
+  try {
+    return new URL(r, "https://localhost").protocol === "https:";
+  } catch {
+    return !1;
+  }
+}
+export {
+  c as isValidLink,
+  s as sanitizeLink
+};

package/dist/List/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("@dotvoid/textbit"),e=require("slate"),h=require("../shared/icons.cjs"),x=require("../shared/ChildPlaceholder.cjs"),f=require("../shared/hotkey.cjs"),E="base/unordered-list",m="base/ordered-list",d=[E,m],g=d.map(t=>`${t}/list-item`),N=(t={})=>p(E,t.title??"Bullet list",()=>c.jsx(h.ListIcon,{}),f.hotkeyOption(t.hotkey,"mod+shift+8"),t),T=(t={})=>p(m,t.title??"Numbered list",()=>c.jsx(h.OrderedListIcon,{}),f.hotkeyOption(t.hotkey,"mod+shift+7"),t);function p(t,i,l,o,s){return{class:"text",name:t,actions:[{name:"toggle",title:i,tool:l,hotkey:o,visibility:(n,r)=>{const a=r??n;return[["base/text",...d,...g].includes(a.type),!0,a.type===t||a.type===`${t}/list-item`]},handler:({editor:n})=>{L(n,t)}},{name:"enter",hotkey:"enter",when:n=>y(n,t)!==void 0,visibility:()=>[!1,!1,!1],handler:({editor:n,event:r})=>{r?.preventDefault(),P(n,t)}}],componentEntry:{class:"text",component:b,constraints:{normalizeNode:(n,r)=>O(n,r,t)},children:[{type:"list-item",class:"text",asOwnElement:!0,component:n=>c.jsx(v,{...n,placeholder:s.placeholder})}]}}}function b({element:t,children:i}){return t.type===m?c.jsx("ol",{className:"tb-list tb-ordered-list",children:i}):c.jsx("ul",{className:"tb-list tb-unordered-list",children:i})}function v({element:t,children:i,attributes:l,placeholder:o}){return c.jsxs("li",{...l,className:"tb-list-item",style:{position:"relative"},children:[c.jsx(x.ChildPlaceholder,{element:t,children:o}),i]})}function y(t,i){const{selection:l}=t;if(!l||!e.Range.isCollapsed(l))return;const[o]=e.Editor.nodes(t,{at:l,match:a=>e.Element.isElement(a)&&a.type===`${i}/list-item`});if(!o)return;const s=o[1],n=e.Path.parent(s),[r]=e.Editor.node(t,n);if(!(!e.Element.isElement(r)||s[s.length-1]!==r.children.length-1))return{itemPath:s,listPath:n,list:r}}function P(t,i){const l=y(t,i);if(!l)return;const{itemPath:o,listPath:s,list:n}=l;if(e.Editor.string(t,o)!==""){e.Transforms.splitNodes(t,{match:r=>e.Element.isElement(r)&&r.type===`${i}/list-item`,always:!0});return}e.Editor.withoutNormalizing(t,()=>{const r=n.children.length===1?s:e.Path.next(s);e.Transforms.removeNodes(t,{at:n.children.length===1?s:o}),e.Transforms.insertNodes(t,{id:crypto.randomUUID(),class:"text",type:"base/text",children:[{text:""}]},{at:r}),e.Transforms.select(t,e.Editor.start(t,r))})}function L(t,i){const{selection:l}=t;if(!l)return;const[o]=e.Editor.nodes(t,{at:e.Editor.unhangRange(t,l),match:s=>e.Element.isElement(s)&&d.includes(s.type)});if(o){const[s,n]=o,r=`${s.type}/list-item`;e.Editor.withoutNormalizing(t,()=>{s.type===i?(e.Transforms.setNodes(t,{type:"base/text",properties:{}},{at:n,match:a=>e.Element.isElement(a)&&a.type===r}),e.Transforms.unwrapNodes(t,{at:n})):(e.Transforms.setNodes(t,{type:`${i}/list-item`},{at:n,match:a=>e.Element.isElement(a)&&a.type===r}),e.Transforms.setNodes(t,{type:i},{at:n}))});return}e.Editor.withoutNormalizing(t,()=>{e.Transforms.setNodes(t,{type:`${i}/list-item`,properties:{}},{match:s=>!e.Editor.isEditor(s)&&u.TextbitElement.isElement(s)&&s.class==="text"}),e.Transforms.wrapNodes(t,{id:crypto.randomUUID(),class:"text",type:i,children:[]})})}function O(t,[i,l],o){if(e.Element.isElement(i)){if(i.children.length===0)return e.Transforms.removeNodes(t,{at:l}),!0;for(let s=0;s<i.children.length;s++){const n=i.children[s];if(u.TextbitElement.isElement(n)&&n.type!==`${o}/list-item`)return e.Transforms.setNodes(t,{type:`${o}/list-item`},{at:[...l,s]}),!0}}}exports.OrderedList=T;exports.UnorderedList=N;

package/dist/List/index.d.ts

@@ -0,0 +1,17 @@
+import { TBPluginDefinition } from '@dotvoid/textbit';
+export type ListOptions = {
+    /** The action's name in menus and for screen readers, e.g. a translation */
+    title?: string;
+    /** Hint in an empty list item */
+    placeholder?: string;
+    /**
+     * Replace the default shortcut, or remove it with `false`. Defaults, as in
+     * Google Docs: Ctrl/⌘+Shift+8 for bullets, Ctrl/⌘+Shift+7 for numbers.
+     */
+    hotkey?: string | false;
+};
+/** A bullet list. Use it with OrderedList to switch a list between the two. */
+export declare const UnorderedList: (options?: ListOptions) => TBPluginDefinition;
+/** A numbered list. Use it with UnorderedList to switch a list between the two. */
+export declare const OrderedList: (options?: ListOptions) => TBPluginDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgD,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAYxG,MAAM,MAAM,WAAW,GAAG;IACxB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;CACxB,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,aAAa,GAAI,UAAS,WAAgB,KAAG,kBACuE,CAAA;AAEjI,mFAAmF;AACnF,eAAO,MAAM,WAAW,GAAI,UAAS,WAAgB,KAAG,kBACgF,CAAA"}

package/dist/List/index.js

@@ -0,0 +1,151 @@
+import { jsx as h, jsxs as x } from "react/jsx-runtime";
+import { TextbitElement as f } from "@dotvoid/textbit";
+import { Element as c, Transforms as a, Editor as m, Path as p, Range as b } from "slate";
+import { OrderedListIcon as v, ListIcon as L } from "../shared/icons.js";
+import { ChildPlaceholder as P } from "../shared/ChildPlaceholder.js";
+import { hotkeyOption as E } from "../shared/hotkey.js";
+const y = "base/unordered-list", u = "base/ordered-list", d = [y, u], I = d.map((t) => `${t}/list-item`), j = (t = {}) => N(y, t.title ?? "Bullet list", () => /* @__PURE__ */ h(L, {}), E(t.hotkey, "mod+shift+8"), t), Y = (t = {}) => N(u, t.title ?? "Numbered list", () => /* @__PURE__ */ h(v, {}), E(t.hotkey, "mod+shift+7"), t);
+function N(t, n, l, r, e) {
+  return {
+    class: "text",
+    name: t,
+    actions: [
+      {
+        name: "toggle",
+        title: n,
+        tool: l,
+        hotkey: r,
+        visibility: (s, i) => {
+          const o = i ?? s;
+          return [
+            ["base/text", ...d, ...I].includes(o.type),
+            !0,
+            o.type === t || o.type === `${t}/list-item`
+          ];
+        },
+        handler: ({ editor: s }) => {
+          O(s, t);
+        }
+      },
+      {
+        // Enter on the last item: a new item, or out of the list when it is
+        // empty. Elsewhere in a list Slate's own Enter already does the right thing.
+        name: "enter",
+        hotkey: "enter",
+        when: (s) => g(s, t) !== void 0,
+        visibility: () => [!1, !1, !1],
+        handler: ({ editor: s, event: i }) => {
+          i?.preventDefault(), D(s, t);
+        }
+      }
+    ],
+    componentEntry: {
+      class: "text",
+      component: $,
+      constraints: {
+        normalizeNode: (s, i) => T(s, i, t)
+      },
+      children: [{
+        type: "list-item",
+        class: "text",
+        // Renders the <li> itself: a wrapping <div> is not allowed in a list
+        asOwnElement: !0,
+        component: (s) => /* @__PURE__ */ h(w, { ...s, placeholder: e.placeholder })
+      }]
+    }
+  };
+}
+function $({ element: t, children: n }) {
+  return t.type === u ? /* @__PURE__ */ h("ol", { className: "tb-list tb-ordered-list", children: n }) : /* @__PURE__ */ h("ul", { className: "tb-list tb-unordered-list", children: n });
+}
+function w({ element: t, children: n, attributes: l, placeholder: r }) {
+  return /* @__PURE__ */ x("li", { ...l, className: "tb-list-item", style: { position: "relative" }, children: [
+    /* @__PURE__ */ h(P, { element: t, children: r }),
+    n
+  ] });
+}
+function g(t, n) {
+  const { selection: l } = t;
+  if (!l || !b.isCollapsed(l))
+    return;
+  const [r] = m.nodes(t, {
+    at: l,
+    match: (o) => c.isElement(o) && o.type === `${n}/list-item`
+  });
+  if (!r)
+    return;
+  const e = r[1], s = p.parent(e), [i] = m.node(t, s);
+  if (!(!c.isElement(i) || e[e.length - 1] !== i.children.length - 1))
+    return { itemPath: e, listPath: s, list: i };
+}
+function D(t, n) {
+  const l = g(t, n);
+  if (!l)
+    return;
+  const { itemPath: r, listPath: e, list: s } = l;
+  if (m.string(t, r) !== "") {
+    a.splitNodes(t, {
+      match: (i) => c.isElement(i) && i.type === `${n}/list-item`,
+      always: !0
+    });
+    return;
+  }
+  m.withoutNormalizing(t, () => {
+    const i = s.children.length === 1 ? e : p.next(e);
+    a.removeNodes(t, { at: s.children.length === 1 ? e : r }), a.insertNodes(t, {
+      id: crypto.randomUUID(),
+      class: "text",
+      type: "base/text",
+      children: [{ text: "" }]
+    }, { at: i }), a.select(t, m.start(t, i));
+  });
+}
+function O(t, n) {
+  const { selection: l } = t;
+  if (!l)
+    return;
+  const [r] = m.nodes(t, {
+    at: m.unhangRange(t, l),
+    match: (e) => c.isElement(e) && d.includes(e.type)
+  });
+  if (r) {
+    const [e, s] = r, i = `${e.type}/list-item`;
+    m.withoutNormalizing(t, () => {
+      e.type === n ? (a.setNodes(
+        t,
+        { type: "base/text", properties: {} },
+        { at: s, match: (o) => c.isElement(o) && o.type === i }
+      ), a.unwrapNodes(t, { at: s })) : (a.setNodes(
+        t,
+        { type: `${n}/list-item` },
+        { at: s, match: (o) => c.isElement(o) && o.type === i }
+      ), a.setNodes(t, { type: n }, { at: s }));
+    });
+    return;
+  }
+  m.withoutNormalizing(t, () => {
+    a.setNodes(t, { type: `${n}/list-item`, properties: {} }, {
+      match: (e) => !m.isEditor(e) && f.isElement(e) && e.class === "text"
+    }), a.wrapNodes(t, {
+      id: crypto.randomUUID(),
+      class: "text",
+      type: n,
+      children: []
+    });
+  });
+}
+function T(t, [n, l], r) {
+  if (c.isElement(n)) {
+    if (n.children.length === 0)
+      return a.removeNodes(t, { at: l }), !0;
+    for (let e = 0; e < n.children.length; e++) {
+      const s = n.children[e];
+      if (f.isElement(s) && s.type !== `${r}/list-item`)
+        return a.setNodes(t, { type: `${r}/list-item` }, { at: [...l, e] }), !0;
+    }
+  }
+}
+export {
+  Y as OrderedList,
+  j as UnorderedList
+};

package/dist/LocalizedQuotationMarks/consume.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("slate"),E={sv:["’","’","”","”"],fi:["’","’","”","”"],hu:["’","’","„","”"],pl:["‚","’","„","”"],no:["‹","›","«","»"],en:["‘","’","“","”"],da:["„","“","„","“"],de:["‚","‘","„","“"],fr:["‹ "," ›","« "," »"]},C={sv:"–"},P=[9,32,60,33,40,41,43,44,45,46,47,58,59,60,61,62,63],b=async({editor:r,input:s})=>{const{selection:t}=r,c=r.lang.substring(0,2).toLowerCase();if(Array.isArray(s)||typeof s.data!="string"||!t||t.anchor.path.length<2)return;const{data:a}=s;if(a[0]==="-"&&C[c]&&y(r,t))return{...s,data:C[c]+a.slice(1)};if(a[0]==="-"){const{anchor:f}=t,n=e.Editor.before(r,f,{unit:"character"});if(n){const[u]=e.Editor.node(r,n.path);if(e.Text.isText(u)&&u.text[n.offset]==="-")return e.Transforms.delete(r,{at:n}),{...s,data:"–"}}}const x=e.Path.parent(t.anchor.path),d=t.anchor.path[t.anchor.path.length-1];let T=t.anchor.offset,h,p="";for(let f=d;f>=0;f--){const[n,u]=e.Editor.node(r,[...x,f]);if(e.Text.isText(n)){for(let o=T||n.text.length-1;o>=0;o--){if(h){const g=n.text[o];if(!isNaN(parseInt(g))&&P.includes(p.charCodeAt(0)))return s;f=-1;break}n.text[o]===a?h={path:u,offset:o}:p=n.text[o]}T=0}}if(!h)return s;const i=E[c]||E.en;let l=[];if(a==="'")l=[i[0],i[1]];else if(a==='"')l=[i[2],i[3]];else return s;return e.Transforms.delete(r,{at:h}),e.Transforms.insertText(r,l[0],{at:h}),{...s,data:l[1]}};function y(r,s){const{anchor:t}=s;if(t.path.length<2)return!1;const c=e.Path.parent(t.path),a=e.Node.first(r,c);if(!a)return!1;const[x,d]=a;return e.Text.isText(x)?e.Path.equals(t.path,d)&&t.offset===0:!1}exports.consume=b;

package/dist/LocalizedQuotationMarks/consume.d.ts

@@ -0,0 +1,3 @@
+import { TBConsumeFunction } from '@dotvoid/textbit';
+export declare const consume: TBConsumeFunction;
+//# sourceMappingURL=consume.d.ts.map

package/dist/LocalizedQuotationMarks/consume.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consume.d.ts","sourceRoot":"","sources":["../../lib/LocalizedQuotationMarks/consume.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAuCzD,eAAO,MAAM,OAAO,EAAE,iBA8GrB,CAAA"}