@jotx-labs/editor 2.4.193 → 2.4.204

package/dist/index.js

@@ -6,7 +6,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridCardNode = exports.ButtonNode = exports.CardNode = exports.SectionNode = exports.ToggleNode = exports.LinkNode = exports.AttachNode = exports.CalloutNode = exports.JotxLinkNode = exports.DateTimeNode = exports.MathNode = exports.VideoBlockNode = exports.FloatImageBlockNode = exports.ImageBlockNode = exports.ImageNode = exports.CodeReferenceNode = exports.CodeBlockNode = exports.ChartNode = exports.MermaidNode = exports.ReadonlyMermaid = exports.ReadonlyBlockRenderer = exports.CodeReferenceNodeView = exports.GridCardNodeView = exports.ButtonNodeView = exports.CardNodeView = exports.SectionNodeView = exports.ToggleNodeView = exports.JotxLinkNodeView = exports.DateTimeNodeView = exports.MathNodeView = exports.VideoBlockNodeView = exports.FloatImageBlockNodeView = exports.ImageBlockNodeView = exports.CodeBlockNodeView = exports.ChartNodeView = exports.MermaidNodeView = exports.useNodeManager = exports.NodeManagerProvider = exports.NodePickerDialog = exports.LinkDialog = exports.ImageToolbar = exports.TableToolbar = exports.SearchBar = exports.SlashMenu = exports.BlockMenu = exports.JotxEditor = exports.BridgeContext = exports.useBridge = exports.BridgeProvider = exports.defaultBridge = void 0;
-exports.EditorRibbon = exports.GraphView = exports.JotxLogo = exports.ViewOptions = exports.ExportMenu = exports.DocumentHeader = exports.searchPluginKey = exports.SearchExtension = exports.slashMenuPluginKey = exports.SlashMenuExtension = exports.FormattingExtensions = exports.CalloutActionsExtension = exports.BlockOpsExtension = exports.TableFilterExtension = exports.JotxTable = void 0;
+exports.generateRevealHTML = exports.countSlides = exports.splitDocIntoSlides = exports.PresentationView = exports.PresentationToolbar = exports.SlidePropertiesNodeView = exports.slideMarkerPluginKey = exports.SlideMarkerPlugin = exports.SlidePropertiesNode = exports.EditorRibbon = exports.GraphView = exports.JotxLogo = exports.ViewOptions = exports.ExportMenu = exports.DocumentHeader = exports.searchPluginKey = exports.SearchExtension = exports.slashMenuPluginKey = exports.SlashMenuExtension = exports.FormattingExtensions = exports.CalloutActionsExtension = exports.BlockOpsExtension = exports.TableFilterExtension = exports.JotxTable = void 0;
 // Bridge types and context
 var types_1 = require("./bridge/types");
 Object.defineProperty(exports, "defaultBridge", { enumerable: true, get: function () { return types_1.defaultBridge; } });
@@ -144,4 +144,20 @@ Object.defineProperty(exports, "GraphView", { enumerable: true, get: function ()
 // Editor Ribbon (toolbar)
 var EditorRibbon_1 = require("./components/EditorRibbon");
 Object.defineProperty(exports, "EditorRibbon", { enumerable: true, get: function () { return EditorRibbon_1.EditorRibbon; } });
+// Presentation mode
+var SlidePropertiesNode_1 = require("./extensions/SlidePropertiesNode");
+Object.defineProperty(exports, "SlidePropertiesNode", { enumerable: true, get: function () { return SlidePropertiesNode_1.SlidePropertiesNode; } });
+var SlideMarkerPlugin_1 = require("./extensions/SlideMarkerPlugin");
+Object.defineProperty(exports, "SlideMarkerPlugin", { enumerable: true, get: function () { return SlideMarkerPlugin_1.SlideMarkerPlugin; } });
+Object.defineProperty(exports, "slideMarkerPluginKey", { enumerable: true, get: function () { return SlideMarkerPlugin_1.slideMarkerPluginKey; } });
+var SlidePropertiesNodeView_1 = require("./components/SlidePropertiesNodeView");
+Object.defineProperty(exports, "SlidePropertiesNodeView", { enumerable: true, get: function () { return SlidePropertiesNodeView_1.SlidePropertiesNodeView; } });
+var PresentationToolbar_1 = require("./components/PresentationToolbar");
+Object.defineProperty(exports, "PresentationToolbar", { enumerable: true, get: function () { return PresentationToolbar_1.PresentationToolbar; } });
+var PresentationView_1 = require("./components/PresentationView");
+Object.defineProperty(exports, "PresentationView", { enumerable: true, get: function () { return PresentationView_1.PresentationView; } });
+var PresentationConverter_1 = require("./utils/PresentationConverter");
+Object.defineProperty(exports, "splitDocIntoSlides", { enumerable: true, get: function () { return PresentationConverter_1.splitDocIntoSlides; } });
+Object.defineProperty(exports, "countSlides", { enumerable: true, get: function () { return PresentationConverter_1.countSlides; } });
+Object.defineProperty(exports, "generateRevealHTML", { enumerable: true, get: function () { return PresentationConverter_1.generateRevealHTML; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/styles/ButtonStripNodeView.css

@@ -0,0 +1,134 @@
+/* ButtonStrip Container Styles */
+.buttonstrip-wrapper {
+    width: 100%;
+    margin: 8px 0;
+    position: relative;
+}
+
+.buttonstrip-wrapper.buttonstrip-selected {
+    outline: 2px solid var(--vscode-focusBorder, #007acc);
+    border-radius: 6px;
+}
+
+/* Grid container for buttons - EXACTLY 3 COLUMNS */
+.buttonstrip-container {
+    display: grid !important;
+    grid-template-columns: 1fr 1fr 1fr !important;
+    gap: 12px;
+    width: 100%;
+    /* Ensure grid applies to children */
+    align-items: stretch;
+}
+
+/* CRITICAL: Make NodeViewContent and button wrappers work with CSS Grid */
+.buttonstrip-content {
+    display: contents;
+}
+
+/* The buttons are wrapped in NodeViewWrapper divs - use display:contents to ignore them */
+.buttonstrip-content>div {
+    display: contents;
+}
+
+.buttonstrip-wrapper .button-wrapper {
+    display: flex !important;
+    width: auto !important;
+    height: 100%;
+    margin: 0 !important;
+}
+
+/* Make button fill the wrapper */
+.buttonstrip-wrapper .jotx-button {
+    width: 100% !important;
+    height: 100%;
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+
+/* EDIT MODE STYLES */
+.buttonstrip-edit-ui {
+    padding: 16px;
+    background: var(--vscode-editor-background, #1e1e1e);
+    border: 1px solid var(--vscode-focusBorder, #007acc);
+    border-radius: 6px;
+    margin-bottom: 12px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+}
+
+.buttonstrip-edit-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 16px;
+}
+
+.buttonstrip-edit-column {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 12px;
+    background: var(--vscode-list-hoverBackground, rgba(255, 255, 255, 0.05));
+    border-radius: 4px;
+}
+
+.buttonstrip-edit-column h4 {
+    margin: 0;
+    font-size: 11px;
+    text-transform: uppercase;
+    opacity: 0.7;
+    text-align: center;
+}
+
+.buttonstrip-form-group {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.buttonstrip-form-group label {
+    font-size: 11px;
+    color: var(--vscode-descriptionForeground, #888);
+}
+
+.buttonstrip-form-group input,
+.buttonstrip-form-group select {
+    padding: 4px 8px;
+    border: 1px solid var(--vscode-input-border, #3c3c3c);
+    background: var(--vscode-input-background, #1e1e1e);
+    color: var(--vscode-input-foreground, #cccccc);
+    border-radius: 3px;
+    font-size: 12px;
+}
+
+.buttonstrip-actions {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+    padding-top: 12px;
+    border-top: 1px solid var(--vscode-panel-border, #3c3c3c);
+}
+
+.buttonstrip-done-btn {
+    background: var(--vscode-button-background, #0e639c);
+    color: white;
+    border: none;
+    padding: 6px 16px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 12px;
+}
+
+.buttonstrip-done-btn:hover {
+    background: var(--vscode-button-hoverBackground, #1177bb);
+}
+
+/* Responsive */
+@media (max-width: 700px) {
+
+    .buttonstrip-container,
+    .buttonstrip-edit-grid {
+        grid-template-columns: 1fr;
+    }
+}

package/dist/styles/ChartNodeView.css

@@ -1,4 +1,6 @@
 .jotx-chart {
+  position: relative;
+  /* Anchor for overlay */
   border: 1px solid var(--jotx-border);
   background: var(--jotx-backgroundSecondary);
   border-radius: 12px;
@@ -96,4 +98,10 @@
   line-height: 1.5;
 }
 
-
+/* ===== Tooltip visibility: force overflow visible up the chain ===== */
+.jotx-chart,
+.jotx-chart-canvasWrap,
+.jotx-chart-canvasWrap>div,
+.jotx-chart-canvasWrap>div>div {
+  overflow: visible !important;
+}

package/dist/styles/ColumnsNodeView.css

@@ -0,0 +1,89 @@
+/* Columns block container */
+.columns-wrapper {
+    position: relative;
+    border: 1px solid var(--jotx-border, #333);
+    border-radius: 8px;
+    padding: 12px;
+    margin: 8px 0;
+    min-height: 60px;
+}
+
+/* Control bar — visible on hover */
+.columns-controls {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    display: flex;
+    gap: 4px;
+    opacity: 0;
+    transition: opacity 0.15s ease;
+    z-index: 10;
+    user-select: none;
+}
+
+.columns-wrapper:hover .columns-controls {
+    opacity: 1;
+}
+
+/* Icon buttons */
+.columns-icon-btn {
+    background: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    padding: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.15s ease;
+}
+
+.columns-icon-btn:hover {
+    background: var(--jotx-bg-hover, rgba(255, 255, 255, 0.05));
+    border-color: var(--jotx-border, #555);
+}
+
+.columns-icon-btn.active {
+    background: var(--jotx-bg-active, rgba(20, 184, 166, 0.1));
+    border-color: var(--jotx-accent, #14b8a6);
+}
+
+/* Grid layout container — wraps NodeViewContent */
+.columns-grid {
+    align-items: start;
+}
+
+/* CRITICAL: Make NodeViewContent transparent to CSS Grid
+   This is the same pattern used by GridCardNodeView.
+   `display: contents` removes the element from layout flow,
+   so column children become direct grid items. */
+.columns-content {
+    display: contents;
+}
+
+/* Individual column styling */
+.column-content {
+    padding: 8px;
+    min-height: 40px;
+    border-radius: 4px;
+}
+
+/* Column dividers — only for multi-column layouts */
+.column-content+.column-content {
+    border-left: 1px solid var(--jotx-border, #333);
+    padding-left: 12px;
+}
+
+/* Responsive: stack on narrow */
+@media (max-width: 500px) {
+    .columns-grid {
+        grid-template-columns: 1fr !important;
+    }
+
+    .column-content+.column-content {
+        border-left: none;
+        border-top: 1px solid var(--jotx-border, #333);
+        padding-left: 8px;
+        padding-top: 12px;
+    }
+}

package/dist/styles/PresentationToolbar.css

@@ -0,0 +1,65 @@
+/* Presentation Toolbar Styles */
+
+.jotx-presentation-toolbar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 16px;
+    border-bottom: 1px solid var(--vscode-editorWidget-border, #3c3c3c);
+    background: var(--vscode-editorWidget-background, #252526);
+}
+
+.jotx-pres-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 4px 10px;
+    font-size: 12px;
+    border: 1px solid var(--vscode-button-border, #3c3c3c);
+    border-radius: 4px;
+    background: var(--vscode-button-secondaryBackground, #3c3c3c);
+    color: var(--vscode-button-secondaryForeground, #cccccc);
+    cursor: pointer;
+    user-select: none;
+    transition: background 0.15s;
+}
+
+.jotx-pres-btn:hover {
+    background: var(--vscode-button-secondaryHoverBackground, #505050);
+}
+
+.jotx-pres-btn-primary {
+    background: var(--vscode-button-background, #0e639c);
+    color: var(--vscode-button-foreground, #ffffff);
+    border: none;
+}
+
+.jotx-pres-btn-primary:hover {
+    background: var(--vscode-button-hoverBackground, #1177bb);
+}
+
+.jotx-pres-slide-count {
+    margin-left: auto;
+    font-size: 11px;
+    color: var(--vscode-descriptionForeground, #888888);
+}
+
+/* Slide Marker Inline Decorations */
+
+.jotx-slide-marker {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px 0;
+    margin: 12px 0 4px 0;
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 1px;
+    color: var(--vscode-editorLineNumber-foreground, #858585);
+    user-select: none;
+    pointer-events: none;
+}
+
+.jotx-slide-marker-break {
+    color: var(--vscode-editorInfo-foreground, #3794ff);
+}

package/dist/styles/ReadonlyBlockRenderer.css

@@ -347,21 +347,21 @@
 
 .readonly-block-renderer th,
 .readonly-block-renderer td {
-    border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 13% 30%)));
+    border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 13% 80%)));
     padding: 8px 12px;
     text-align: left;
     vertical-align: top;
-    color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
-    background: transparent;
+    color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
+    background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
 }
 
 .readonly-block-renderer th {
     font-weight: 600;
-    background: rgba(255, 255, 255, 0.05);
+    background: var(--vscode-editor-selectionBackground, hsl(var(--muted, 220 14% 96%)));
 }
 
 .readonly-block-renderer tr:hover td {
-    background: rgba(255, 255, 255, 0.03);
+    background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 14% 96%) / 0.5));
 }
 
 /* Image block */

package/dist/styles/SlidePropertiesNodeView.css

@@ -0,0 +1,116 @@
+/* SlideProperties NodeView Styles */
+
+.jotx-slideprops {
+    margin: 8px 0 16px 0;
+    border: 1px solid var(--vscode-editorWidget-border, #3c3c3c);
+    border-radius: 8px;
+    overflow: hidden;
+    background: var(--vscode-editorWidget-background, #252526);
+}
+
+.jotx-slideprops-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    cursor: pointer;
+    user-select: none;
+    background: var(--vscode-sideBarSectionHeader-background, #1e1e1e);
+    color: var(--vscode-foreground, #cccccc);
+    font-size: 13px;
+    font-weight: 600;
+}
+
+.jotx-slideprops-header:hover {
+    background: var(--vscode-list-hoverBackground, #2a2d2e);
+}
+
+.jotx-slideprops-title {
+    flex: 1;
+}
+
+.jotx-slideprops-body {
+    padding: 12px;
+    border-top: 1px solid var(--vscode-editorWidget-border, #3c3c3c);
+}
+
+.jotx-slideprops-grid {
+    display: grid;
+    grid-template-columns: 80px 1fr;
+    gap: 8px 12px;
+    align-items: center;
+}
+
+.jotx-slideprops-label {
+    font-size: 12px;
+    color: var(--vscode-descriptionForeground, #888888);
+    text-align: right;
+}
+
+.jotx-slideprops-select,
+.jotx-slideprops-input {
+    font-size: 12px;
+    padding: 4px 8px;
+    border: 1px solid var(--vscode-input-border, #3c3c3c);
+    border-radius: 4px;
+    background: var(--vscode-input-background, #1e1e1e);
+    color: var(--vscode-input-foreground, #cccccc);
+    outline: none;
+}
+
+.jotx-slideprops-select:focus,
+.jotx-slideprops-input:focus {
+    border-color: var(--vscode-focusBorder, #007acc);
+}
+
+.jotx-slideprops-checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: var(--vscode-foreground, #cccccc);
+    cursor: pointer;
+}
+
+.jotx-slideprops-checkbox-label input[type="checkbox"] {
+    accent-color: var(--vscode-focusBorder, #007acc);
+}
+
+/* Logo file picker row */
+.jotx-slideprops-logo-row {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+}
+
+.jotx-slideprops-logo-input {
+    flex: 1;
+    min-width: 0;
+    cursor: default;
+}
+
+.jotx-slideprops-logo-btn,
+.jotx-slideprops-logo-clear {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px 6px;
+    border: 1px solid var(--vscode-input-border, #3c3c3c);
+    border-radius: 4px;
+    background: var(--vscode-button-secondaryBackground, #3a3d41);
+    color: var(--vscode-button-secondaryForeground, #cccccc);
+    cursor: pointer;
+    font-size: 12px;
+    line-height: 1;
+}
+
+.jotx-slideprops-logo-btn:hover,
+.jotx-slideprops-logo-clear:hover {
+    background: var(--vscode-button-secondaryHoverBackground, #45494e);
+}
+
+.jotx-slideprops-logo-clear {
+    font-size: 14px;
+    font-weight: bold;
+    padding: 3px 6px;
+}

package/dist/utils/PresentationConverter.d.ts

@@ -0,0 +1,41 @@
+/**
+ * PresentationConverter — Converts jotx ProseMirror document to reveal.js HTML
+ *
+ * This is a PURE LOGIC module with zero platform dependencies.
+ * Works in both VS Code webview and web app contexts.
+ *
+ * IMPORTANT: Uses Tiptap node type names (bulletList, orderedList, taskList,
+ * tableRow, tableCell, tableHeader, etc.) — NOT jotx block type names.
+ */
+export interface SlidePropertiesAttrs {
+    theme: string;
+    transition: string;
+    footertext: string;
+    footerlogo: string;
+    logoalign: string;
+    ratio: string;
+    fontfamily: string;
+    autoanimate: boolean;
+    shownumbers: boolean;
+}
+export interface Slide {
+    title: string;
+    html: string;
+    isTitle?: boolean;
+}
+/**
+ * Walk a ProseMirror JSON document and split into slides at H1/divider boundaries
+ */
+export declare function splitDocIntoSlides(doc: any): {
+    slides: Slide[];
+    properties: SlidePropertiesAttrs;
+};
+/**
+ * Count slides in a ProseMirror doc (for the toolbar indicator)
+ */
+export declare function countSlides(doc: any): number;
+/**
+ * Generate complete reveal.js HTML document from slides
+ */
+export declare function generateRevealHTML(slides: Slide[], properties: SlidePropertiesAttrs, revealJsPath?: string, revealCssPath?: string): string;
+//# sourceMappingURL=PresentationConverter.d.ts.map

package/dist/utils/PresentationConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresentationConverter.d.ts","sourceRoot":"","sources":["../../src/utils/PresentationConverter.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,KAAK;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB;AAcD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,GAAG,GAAG;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,UAAU,EAAE,oBAAoB,CAAA;CAAE,CA2ElG;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAkB5C;AAoBD;;GAEG;AACH,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,EAAE,oBAAoB,EAChC,YAAY,CAAC,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,MAAM,GACvB,MAAM,CA03BR"}