@segnavia/react 0.39.0 → 0.40.0

package/dist/elements.d.ts

@@ -1,6 +1,7 @@
-import { BookProps, CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
+import { BookProps, CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MarkdownEditorProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { SegnaviaItemSettings } from "@segnavia/frame/item-settings";
 import { SegnaviaPlayer } from "@segnavia/frame/player";
+import { SegnaviaMarkdownEditor } from "@segnavia/frame/markdown-editor";
 import { SegnaviaBook, SegnaviaDocument, SegnaviaPage, SegnaviaPaper, SegnaviaStage, SegnaviaThumbnail } from "@segnavia/frame";
 import { SegnaviaCaption, SegnaviaCaptions, SegnaviaCounter, SegnaviaFullscreen, SegnaviaMute, SegnaviaNotes, SegnaviaPaperPicker, SegnaviaPlay, SegnaviaRail, SegnaviaStep, SegnaviaTime, SegnaviaTrack } from "@segnavia/frame/controls";
 //#region src/elements.d.ts
@@ -9,7 +10,7 @@ export interface RuntimeElementDescriptor {
   properties: readonly string[];
   events: Readonly<Partial<Record<string, string>>>;
 }
-export interface ElementDescriptor<E extends HTMLElement, P extends object, Tag extends `segnavia-${string}` = `segnavia-${string}`> extends RuntimeElementDescriptor {
+export interface ElementDescriptor<E extends object, P extends object, Tag extends `segnavia-${string}` = `segnavia-${string}`> extends RuntimeElementDescriptor {
   tag: Tag;
   properties: readonly Extract<keyof P, string>[];
   events: Readonly<Partial<Record<Extract<keyof P, `on${string}`>, string>>>;
@@ -23,6 +24,7 @@ export declare const ELEMENTS: {
   readonly paperPicker: ElementDescriptor<SegnaviaPaperPicker, PaperPickerProps, "segnavia-paper-picker">;
   readonly itemSettings: ElementDescriptor<SegnaviaItemSettings, ItemSettingsProps, "segnavia-item-settings">;
   readonly page: ElementDescriptor<SegnaviaPage, PageProps, "segnavia-page">;
+  readonly markdownEditor: ElementDescriptor<SegnaviaMarkdownEditor, MarkdownEditorProps, "segnavia-markdown-editor">;
   readonly book: ElementDescriptor<SegnaviaBook, BookProps, "segnavia-book">;
   readonly paper: ElementDescriptor<SegnaviaPaper, PaperProps, "segnavia-paper">;
   readonly document: ElementDescriptor<SegnaviaDocument, DocumentProps, "segnavia-document">;

package/dist/elements.js

@@ -47,7 +47,8 @@ const ELEMENTS = {
 		"motifs",
 		"fonts",
 		"placements",
-		"designedCover"
+		"designedCover",
+		"pageWidths"
 	], { onSegnaviaThumbnailError: "segnavia-thumbnail-error" }),
 	paperPicker: element(STYLED_ELEMENTS.paperPicker, ["value", "labels"], { onChange: "change" }),
 	itemSettings: element("segnavia-item-settings", [
@@ -66,13 +67,35 @@ const ELEMENTS = {
 		"slots",
 		"motifs",
 		"fonts",
-		"placements"
+		"alertLabels",
+		"placements",
+		"pageWidths"
 	], {}),
+	markdownEditor: element("segnavia-markdown-editor", [
+		"markdown",
+		"mode",
+		"title",
+		"titleSource",
+		"lockedFences",
+		"css",
+		"fonts",
+		"fontReferences",
+		"linkOrigins",
+		"alertLabels"
+	], {
+		onSegnaviaMarkdownChange: "segnavia-markdown-change",
+		onSegnaviaTitleChange: "segnavia-title-change",
+		onSegnaviaModeChange: "segnavia-mode-change",
+		onSegnaviaSave: "segnavia-save",
+		onSegnaviaEditorState: "segnavia-editor-state",
+		onSegnaviaLinkRequest: "segnavia-link-request"
+	}),
 	book: element(HEADLESS_ELEMENTS.book, [
 		"view",
 		"fonts",
 		"motifs",
 		"placements",
+		"pageWidths",
 		"dependencyOrigins"
 	], {}),
 	paper: element(HEADLESS_ELEMENTS.paper, [
@@ -84,7 +107,8 @@ const ELEMENTS = {
 		"slots",
 		"motifs",
 		"fonts",
-		"placements"
+		"placements",
+		"pageWidths"
 	], {}),
 	document: element(HEADLESS_ELEMENTS.document, [
 		"css",
@@ -95,7 +119,8 @@ const ELEMENTS = {
 		"slots",
 		"motifs",
 		"fonts",
-		"placements"
+		"placements",
+		"pageWidths"
 	], {}),
 	play: element(STYLED_ELEMENTS.play, controlProperties, {}),
 	step: element(STYLED_ELEMENTS.step, controlProperties, {}),

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { BookProps, CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
+import { BookProps, CaptionProps, CaptionsProps, CounterProps, DocumentProps, FullscreenProps, ItemSettingsProps, MarkdownEditorProps, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps } from "./props.js";
 import { AnyElementDescriptor, ElementFor, PropsFor } from "./elements.js";
 import { SegnaviaIntrinsicElements } from "./jsx.js";
 import { AuthoringController, AuthoringController as AuthoringController$1, AuthoringErrorDetail, AuthoringHandlers, AuthoringHandlers as AuthoringHandlers$1, AuthoringOptions, AuthoringOptions as AuthoringOptions$1, DirtyChangeDetail, SaveNotesInput, SavePrintMomentInput } from "@segnavia/frame/authoring";
@@ -176,4 +176,4 @@ export declare function useAuthoring(player: SegnaviaPlayer | null, handlers: Au
 export declare function useDocumentAuthoring(document: SegnaviaDocument | null, handlers: DocumentAuthoringHandlers$1, options?: DocumentAuthoringOptions$1): DocumentAuthoringController$1 | null;
 export declare function useItemSettings(element: SegnaviaItemSettings | null, handlers: ItemSettingsHandlers$1): ItemSettingsController$1 | null;
 //#endregion
-export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, BookProps, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, DocumentAuthoringController, DocumentAuthoringErrorDetail, DocumentAuthoringHandlers, DocumentAuthoringOptions, DocumentProps, FullscreenProps, ItemSettingsController, ItemSettingsErrorDetail, ItemSettingsHandlers, ItemSettingsLabels, ItemSettingsProps, ItemSettingsSection, ItemSettingsSectionContext, MovePageHandler, MovePageInput, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SavePrintMomentInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };
+export type { AuthoringController, AuthoringErrorDetail, AuthoringHandlers, AuthoringOptions, BookProps, CaptionProps, CaptionsProps, CounterProps, DirtyChangeDetail, DocumentAuthoringController, DocumentAuthoringErrorDetail, DocumentAuthoringHandlers, DocumentAuthoringOptions, DocumentProps, FullscreenProps, ItemSettingsController, ItemSettingsErrorDetail, ItemSettingsHandlers, ItemSettingsLabels, ItemSettingsProps, ItemSettingsSection, ItemSettingsSectionContext, MarkdownEditorProps, MovePageHandler, MovePageInput, MuteProps, NotesProps, PageProps, PaperPickerProps, PaperProps, PlayProps, PlayerProps, RailProps, SaveNotesInput, SavePrintMomentInput, SegnaviaIntrinsicElements, StageProps, StepProps, ThumbnailProps, TimeProps, TrackProps };

package/dist/markdown-editor.d.ts

@@ -0,0 +1,8 @@
+import { MarkdownEditorProps } from "./props.js";
+import "@segnavia/frame/markdown-editor";
+//#region src/markdown-editor.d.ts
+export declare const MarkdownEditor: import("react").ForwardRefExoticComponent<MarkdownEditorProps & {
+  children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("@segnavia/frame/markdown-editor").SegnaviaMarkdownEditor>>;
+//#endregion
+export type { MarkdownEditorProps };

package/dist/markdown-editor.js

@@ -0,0 +1,7 @@
+import { ELEMENTS } from "./elements.js";
+import { createComponent } from "./index.js";
+import "@segnavia/frame/markdown-editor";
+//#region src/markdown-editor.ts
+const MarkdownEditor = createComponent(ELEMENTS.markdownEditor);
+//#endregion
+export { MarkdownEditor };

package/dist/props.d.ts

@@ -1,10 +1,11 @@
 import { ItemSettingsLabels, SegnaviaItemSettings } from "@segnavia/frame/item-settings";
 import { PlayerControls, PlayerFit, SegnaviaPlayer } from "@segnavia/frame/player";
 import { HTMLAttributes, ReactNode } from "react";
+import { MarkdownEditorMode, MarkdownEditorStateDetail, MarkdownTitleSource, SegnaviaMarkdownEditor } from "@segnavia/frame/markdown-editor";
 import { ControllerOptions, DeckController, FittedSize, HostTransition, PageInput, PrintInput, SegnaviaBook, SegnaviaDocument, SegnaviaPage, SegnaviaPaper, SegnaviaStage, SegnaviaThumbnail, StageReserve } from "@segnavia/frame";
 import { PaperPickerLabelOverrides, PlayerLabels, SegnaviaCaption, SegnaviaCaptions, SegnaviaCounter, SegnaviaFullscreen, SegnaviaMute, SegnaviaNotes, SegnaviaPaperPicker, SegnaviaPlay, SegnaviaRail, SegnaviaStep, SegnaviaTime, SegnaviaTrack } from "@segnavia/frame/controls";
 //#region src/props.d.ts
-type ElementProps<E extends HTMLElement> = Omit<HTMLAttributes<E>, 'children'> & {
+type ElementProps<E> = Omit<HTMLAttributes<E>, 'children'> & {
   children?: ReactNode;
 };
 type CustomEventProp<D = unknown> = (event: CustomEvent<D>) => void;
@@ -70,6 +71,7 @@ export interface ThumbnailProps extends ElementProps<SegnaviaThumbnail> {
   fonts?: SegnaviaThumbnail['fonts'];
   placements?: SegnaviaThumbnail['placements'];
   designedCover?: SegnaviaThumbnail['designedCover'];
+  pageWidths?: SegnaviaThumbnail['pageWidths'];
   onSegnaviaThumbnailError?: CustomEventProp<unknown>;
 }
 export type PaperPickerProps = Omit<ElementProps<SegnaviaPaperPicker>, 'onChange'> & {
@@ -94,17 +96,49 @@ export interface PageProps extends ElementProps<SegnaviaPage> {
   slots?: SegnaviaPage['slots'];
   motifs?: SegnaviaPage['motifs'];
   fonts?: SegnaviaPage['fonts'];
+  alertLabels?: SegnaviaPage['alertLabels'];
   placements?: SegnaviaPage['placements'];
+  pageWidths?: SegnaviaPage['pageWidths'];
   src?: string;
   label?: string;
   bounded?: boolean;
   unstyled?: boolean;
 }
+export interface MarkdownEditorProps extends Omit<ElementProps<HTMLElement>, 'title'> {
+  markdown?: string;
+  mode?: MarkdownEditorMode;
+  title?: string | null;
+  titleSource?: MarkdownTitleSource;
+  dir?: string;
+  lang?: string;
+  unstyled?: boolean;
+  lockedFences?: Record<string, string>;
+  css?: string;
+  fonts?: SegnaviaMarkdownEditor['fonts'];
+  fontReferences?: SegnaviaMarkdownEditor['fontReferences'];
+  linkOrigins?: SegnaviaMarkdownEditor['linkOrigins'];
+  alertLabels?: SegnaviaMarkdownEditor['alertLabels'];
+  onSegnaviaMarkdownChange?: CustomEventProp<{
+    markdown: string;
+  }>;
+  onSegnaviaTitleChange?: CustomEventProp<{
+    title: string;
+  }>;
+  onSegnaviaModeChange?: CustomEventProp<{
+    mode: MarkdownEditorMode;
+  }>;
+  onSegnaviaSave?: CustomEventProp;
+  onSegnaviaEditorState?: CustomEventProp<MarkdownEditorStateDetail>;
+  onSegnaviaLinkRequest?: CustomEventProp<{
+    href: string | null;
+  }>;
+}
 export interface BookProps extends ElementProps<SegnaviaBook> {
   view?: SegnaviaBook['view'];
   fonts?: SegnaviaBook['fonts'];
   motifs?: SegnaviaBook['motifs'];
   placements?: SegnaviaBook['placements'];
+  pageWidths?: SegnaviaBook['pageWidths'];
   dependencyOrigins?: SegnaviaBook['dependencyOrigins'];
   src?: string;
   spread?: boolean;
@@ -121,6 +155,7 @@ export interface PaperProps extends ElementProps<SegnaviaPaper> {
   motifs?: SegnaviaPaper['motifs'];
   fonts?: SegnaviaPaper['fonts'];
   placements?: SegnaviaPaper['placements'];
+  pageWidths?: SegnaviaPaper['pageWidths'];
   unstyled?: boolean;
 }
 export interface DocumentProps extends ElementProps<SegnaviaDocument> {
@@ -133,6 +168,7 @@ export interface DocumentProps extends ElementProps<SegnaviaDocument> {
   motifs?: SegnaviaDocument['motifs'];
   fonts?: SegnaviaDocument['fonts'];
   placements?: SegnaviaDocument['placements'];
+  pageWidths?: SegnaviaDocument['pageWidths'];
   unstyled?: boolean;
 }
 export type PlayProps = ControlProps<SegnaviaPlay>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segnavia/react",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -23,10 +23,15 @@
       "@segnavia/source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./markdown-editor": {
+      "@segnavia/source": "./src/markdown-editor.ts",
+      "types": "./dist/markdown-editor.d.ts",
+      "default": "./dist/markdown-editor.js"
     }
   },
   "dependencies": {
-    "@segnavia/frame": "0.39.0"
+    "@segnavia/frame": "0.40.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",