@shadow-garden/bapbong-commands 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -26,6 +26,7 @@ __export(index_exports, {
   activeFontSize: () => activeFontSize,
   activeHighlight: () => activeHighlight,
   activeMarkValue: () => activeMarkValue,
+  activeParagraphStyle: () => activeParagraphStyle,
   activeTextColor: () => activeTextColor,
   cellAt: () => cellAt,
   clearMarks: () => clearMarks,
@@ -55,6 +56,7 @@ __export(index_exports, {
   setHighlight: () => setHighlight,
   setLink: () => setLink,
   setMarkAttr: () => setMarkAttr,
+  setParagraphStyle: () => setParagraphStyle,
   setTextColor: () => setTextColor,
   toggleHeading: () => toggleHeading,
   toggleList: () => toggleList,
@@ -204,7 +206,8 @@ function setAlign(align) {
       const tr = state.tr;
       let changed = false;
       state.doc.nodesBetween(from, to, (node, pos) => {
-        if (node.type.name !== "paragraph" || node.attrs["align"] === align) return;
+        if (node.type.name !== "paragraph" || node.attrs["align"] === align)
+          return;
         tr.setNodeAttribute(pos, "align", align);
         changed = true;
       });
@@ -229,7 +232,9 @@ function toggleHeading(level) {
       const paras = selectedParagraphs(state);
       if (paras.length === 0) return false;
       if (dispatch) {
-        const allThisLevel = paras.every((p) => p.node.attrs["heading"] === level);
+        const allThisLevel = paras.every(
+          (p) => p.node.attrs["heading"] === level
+        );
         const next = allThisLevel ? null : level;
         const tr = state.tr;
         for (const p of paras) tr.setNodeAttribute(p.pos, "heading", next);
@@ -244,6 +249,49 @@ function toggleHeading(level) {
     isEnabled: (state) => selectedParagraphs(state).length > 0
   };
 }
+var STYLE_ATTRS = {
+  normal: { heading: null, styleId: null },
+  title: { heading: null, styleId: "Title" },
+  subtitle: { heading: null, styleId: "Subtitle" },
+  h1: { heading: 1, styleId: null },
+  h2: { heading: 2, styleId: null },
+  h3: { heading: 3, styleId: null }
+};
+function setParagraphStyle(key) {
+  const attrs = STYLE_ATTRS[key];
+  return {
+    name: `paragraph-style-${key}`,
+    run(state, dispatch) {
+      const paras = selectedParagraphs(state);
+      if (paras.length === 0) return false;
+      if (dispatch) {
+        const tr = state.tr;
+        for (const p of paras) {
+          tr.setNodeAttribute(p.pos, "heading", attrs.heading);
+          tr.setNodeAttribute(p.pos, "styleId", attrs.styleId);
+        }
+        dispatch(tr.scrollIntoView());
+      }
+      return true;
+    },
+    isActive: (state) => activeParagraphStyle(state) === key,
+    isEnabled: (state) => selectedParagraphs(state).length > 0
+  };
+}
+function activeParagraphStyle(state) {
+  const paras = selectedParagraphs(state);
+  if (paras.length === 0) return null;
+  const keyOf = (node) => {
+    const styleId = node.attrs["styleId"];
+    if (styleId === "Title") return "title";
+    if (styleId === "Subtitle") return "subtitle";
+    const h = node.attrs["heading"];
+    if (h === 1 || h === 2 || h === 3) return `h${h}`;
+    return h == null ? "normal" : null;
+  };
+  const first = keyOf(paras[0].node);
+  return paras.every((p) => keyOf(p.node) === first) ? first : null;
+}
 
 // packages/commands/src/lib/list.ts
 var NUM_ID = { bullet: "bb-bullet", ordered: "bb-ordered" };
@@ -781,6 +829,7 @@ function defaultCommands() {
   activeFontSize,
   activeHighlight,
   activeMarkValue,
+  activeParagraphStyle,
   activeTextColor,
   cellAt,
   clearMarks,
@@ -810,6 +859,7 @@ function defaultCommands() {
   setHighlight,
   setLink,
   setMarkAttr,
+  setParagraphStyle,
   setTextColor,
   toggleHeading,
   toggleList,

package/dist/index.js

@@ -139,7 +139,8 @@ function setAlign(align) {
       const tr = state.tr;
       let changed = false;
       state.doc.nodesBetween(from, to, (node, pos) => {
-        if (node.type.name !== "paragraph" || node.attrs["align"] === align) return;
+        if (node.type.name !== "paragraph" || node.attrs["align"] === align)
+          return;
         tr.setNodeAttribute(pos, "align", align);
         changed = true;
       });
@@ -164,7 +165,9 @@ function toggleHeading(level) {
       const paras = selectedParagraphs(state);
       if (paras.length === 0) return false;
       if (dispatch) {
-        const allThisLevel = paras.every((p) => p.node.attrs["heading"] === level);
+        const allThisLevel = paras.every(
+          (p) => p.node.attrs["heading"] === level
+        );
         const next = allThisLevel ? null : level;
         const tr = state.tr;
         for (const p of paras) tr.setNodeAttribute(p.pos, "heading", next);
@@ -179,6 +182,49 @@ function toggleHeading(level) {
     isEnabled: (state) => selectedParagraphs(state).length > 0
   };
 }
+var STYLE_ATTRS = {
+  normal: { heading: null, styleId: null },
+  title: { heading: null, styleId: "Title" },
+  subtitle: { heading: null, styleId: "Subtitle" },
+  h1: { heading: 1, styleId: null },
+  h2: { heading: 2, styleId: null },
+  h3: { heading: 3, styleId: null }
+};
+function setParagraphStyle(key) {
+  const attrs = STYLE_ATTRS[key];
+  return {
+    name: `paragraph-style-${key}`,
+    run(state, dispatch) {
+      const paras = selectedParagraphs(state);
+      if (paras.length === 0) return false;
+      if (dispatch) {
+        const tr = state.tr;
+        for (const p of paras) {
+          tr.setNodeAttribute(p.pos, "heading", attrs.heading);
+          tr.setNodeAttribute(p.pos, "styleId", attrs.styleId);
+        }
+        dispatch(tr.scrollIntoView());
+      }
+      return true;
+    },
+    isActive: (state) => activeParagraphStyle(state) === key,
+    isEnabled: (state) => selectedParagraphs(state).length > 0
+  };
+}
+function activeParagraphStyle(state) {
+  const paras = selectedParagraphs(state);
+  if (paras.length === 0) return null;
+  const keyOf = (node) => {
+    const styleId = node.attrs["styleId"];
+    if (styleId === "Title") return "title";
+    if (styleId === "Subtitle") return "subtitle";
+    const h = node.attrs["heading"];
+    if (h === 1 || h === 2 || h === 3) return `h${h}`;
+    return h == null ? "normal" : null;
+  };
+  const first = keyOf(paras[0].node);
+  return paras.every((p) => keyOf(p.node) === first) ? first : null;
+}
 
 // packages/commands/src/lib/list.ts
 var NUM_ID = { bullet: "bb-bullet", ordered: "bb-ordered" };
@@ -715,6 +761,7 @@ export {
   activeFontSize,
   activeHighlight,
   activeMarkValue,
+  activeParagraphStyle,
   activeTextColor,
   cellAt,
   clearMarks,
@@ -744,6 +791,7 @@ export {
   setHighlight,
   setLink,
   setMarkAttr,
+  setParagraphStyle,
   setTextColor,
   toggleHeading,
   toggleList,

package/dist/lib/paragraph.d.ts

@@ -22,4 +22,16 @@ export declare function setAlign(align: Align | null): Command;
  * mirror) / a Word "Heading N" style on export.
  */
 export declare function toggleHeading(level: number): Command;
+/** The six named paragraph styles the toolbar dropdown offers. */
+export type ParagraphStyleKey = 'normal' | 'title' | 'subtitle' | 'h1' | 'h2' | 'h3';
+/**
+ * Set (not toggle — dropdowns state absolutes) the named paragraph style on
+ * every selected paragraph: Normal / Title / Subtitle / Heading 1–3. The only
+ * writer of `styleId`, so heading and styleId can never both be set.
+ */
+export declare function setParagraphStyle(key: ParagraphStyleKey): Command;
+/** The dropdown's current value: the shared style of every selected paragraph,
+ *  or null when the selection is empty / mixed / on an unlisted style (H4–H6).
+ *  O(selection) — it only walks the selected range (called per transaction). */
+export declare function activeParagraphStyle(state: EditorState): ParagraphStyleKey | null;
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/lib/paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../src/lib/paragraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAEhE,qFAAqF;AACrF,eAAO,MAAM,UAAU,iDAAkD,CAAC;AAC1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAS5D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAiBrD;AAYD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAqBpD"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../src/lib/paragraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAEhE,qFAAqF;AACrF,eAAO,MAAM,UAAU,iDAAkD,CAAC;AAC1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAS5D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAkBrD;AAcD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CA0BpD;AAED,kEAAkE;AAClE,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,OAAO,GACP,UAAU,GACV,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAgBT;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,iBAAiB,GAAG,OAAO,CAoBjE;AAED;;gFAEgF;AAChF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,WAAW,GACjB,iBAAiB,GAAG,IAAI,CAe1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shadow-garden/bapbong-commands",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "bapbong — headless editor commands + queries + registry (isomorphic; backend and UI share the same ops)",
   "license": "MIT",
   "repository": {
@@ -60,6 +60,6 @@
     "prosemirror-history": "^1.4.1",
     "prosemirror-model": "^1.25.7",
     "prosemirror-state": "^1.4.4",
-    "@shadow-garden/bapbong-contracts": "^0.1.0"
+    "@shadow-garden/bapbong-contracts": "^0.1.1"
   }
 }