@gjermundgaraba/pixel-paper 0.1.0 → 0.2.0

package/dist/sortable/sortable.d.ts

@@ -187,8 +187,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -205,6 +203,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -240,9 +240,11 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     }>;
   };
   commands?: Update.Commands<{
-    readonly _tag: "CompletedAnnounceReorder";
-  } | {
     readonly _tag: "CancelledPointer";
+  } | {
+    readonly _tag: "PressedEscape";
+  } | {
+    readonly _tag: "CompletedAnnounceReorder";
   } | {
     readonly _tag: "CompletedSizeLiftedItem";
   } | {
@@ -294,8 +296,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     readonly clientX: number;
     readonly clientY: number;
     readonly maybeIndex: Option.Option<number>;
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly itemId: string;
@@ -344,8 +344,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -362,6 +360,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -396,9 +396,11 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
-    readonly _tag: "CompletedAnnounceReorder";
-  } | {
     readonly _tag: "CancelledPointer";
+  } | {
+    readonly _tag: "PressedEscape";
+  } | {
+    readonly _tag: "CompletedAnnounceReorder";
   } | {
     readonly _tag: "CompletedSizeLiftedItem";
   } | {
@@ -450,8 +452,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     readonly clientX: number;
     readonly clientY: number;
     readonly maybeIndex: Option.Option<number>;
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly itemId: string;
@@ -494,8 +494,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -512,6 +510,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -546,9 +546,11 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
-    readonly _tag: "CompletedAnnounceReorder";
-  } | {
     readonly _tag: "CancelledPointer";
+  } | {
+    readonly _tag: "PressedEscape";
+  } | {
+    readonly _tag: "CompletedAnnounceReorder";
   } | {
     readonly _tag: "CompletedSizeLiftedItem";
   } | {
@@ -600,8 +602,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     readonly clientX: number;
     readonly clientY: number;
     readonly maybeIndex: Option.Option<number>;
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly itemId: string;
@@ -640,8 +640,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -658,6 +656,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -692,9 +692,11 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
-    readonly _tag: "CompletedAnnounceReorder";
-  } | {
     readonly _tag: "CancelledPointer";
+  } | {
+    readonly _tag: "PressedEscape";
+  } | {
+    readonly _tag: "CompletedAnnounceReorder";
   } | {
     readonly _tag: "CompletedSizeLiftedItem";
   } | {
@@ -746,8 +748,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     readonly clientX: number;
     readonly clientY: number;
     readonly maybeIndex: Option.Option<number>;
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly itemId: string;
@@ -786,8 +786,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -804,6 +802,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -838,9 +838,11 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
-    readonly _tag: "CompletedAnnounceReorder";
-  } | {
     readonly _tag: "CancelledPointer";
+  } | {
+    readonly _tag: "PressedEscape";
+  } | {
+    readonly _tag: "CompletedAnnounceReorder";
   } | {
     readonly _tag: "CompletedSizeLiftedItem";
   } | {
@@ -892,8 +894,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     readonly clientX: number;
     readonly clientY: number;
     readonly maybeIndex: Option.Option<number>;
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly itemId: string;
@@ -974,8 +974,6 @@ export declare const view: import("foldkit/submodel").View<{
     readonly orientation: "Horizontal" | "Vertical";
     readonly activationThreshold: number;
     readonly dragState: {
-      readonly _tag: "Idle";
-    } | {
       readonly _tag: "Dragging";
       readonly itemId: string;
       readonly sourceContainerId: string;
@@ -992,6 +990,8 @@ export declare const view: import("foldkit/submodel").View<{
         readonly containerId: string;
         readonly index: number;
       }>;
+    } | {
+      readonly _tag: "Idle";
     } | {
       readonly _tag: "KeyboardDragging";
       readonly itemId: string;
@@ -1026,9 +1026,11 @@ export declare const view: import("foldkit/submodel").View<{
     }>;
   }>;
 }, {
-  readonly _tag: "CompletedAnnounceReorder";
-} | {
   readonly _tag: "CancelledPointer";
+} | {
+  readonly _tag: "PressedEscape";
+} | {
+  readonly _tag: "CompletedAnnounceReorder";
 } | {
   readonly _tag: "CompletedSizeLiftedItem";
 } | {
@@ -1080,8 +1082,6 @@ export declare const view: import("foldkit/submodel").View<{
   readonly clientX: number;
   readonly clientY: number;
   readonly maybeIndex: Option.Option<number>;
-} | {
-  readonly _tag: "PressedEscape";
 } | {
   readonly _tag: "PressedGripKey";
   readonly itemId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjermundgaraba/pixel-paper",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Printed-paper Foldkit components, tokens and stylesheet.",
   "license": "MIT",
   "repository": {
@@ -12,7 +12,8 @@
     "dist",
     "fonts",
     "src/pixel-paper.css",
-    "src/tokens.css"
+    "src/tokens.css",
+    "THIRD_PARTY_NOTICES.md"
   ],
   "type": "module",
   "sideEffects": [
@@ -27,16 +28,29 @@
       "types": "./dist/scheme/script.d.ts",
       "default": "./dist/scheme/script.js"
     },
+    "./markdown-editor/element": {
+      "types": "./dist/markdown-editor/element.d.ts",
+      "default": "./dist/markdown-editor/element.js"
+    },
     "./pixel-paper.css": "./src/pixel-paper.css"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
+    "@codemirror/commands": "6.11.1",
+    "@codemirror/lang-markdown": "6.5.2",
+    "@codemirror/language": "6.13.1",
+    "@codemirror/merge": "6.12.3",
+    "@codemirror/state": "6.7.6",
+    "@codemirror/view": "6.43.15",
+    "@lezer/common": "1.5.4",
+    "@lezer/markdown": "1.8.1",
     "diff": "^9.0.0"
   },
   "devDependencies": {
     "@effect/platform-browser": "4.0.6",
+    "@effect/vitest": "4.0.6",
     "@foldkit/ui": "0.169.0",
     "@foldkit/vite-plugin": "0.28.0",
     "@types/node": "26.6.5",

package/src/pixel-paper.css

@@ -1673,6 +1673,52 @@ button.choice {
   font: var(--type-body)/1.5 var(--font-body);
 }
 
+pp-markdown-editor {
+  display: block;
+  position: relative;
+}
+
+pp-markdown-editor:defined textarea {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  opacity: 0;
+  pointer-events: none;
+  overflow: hidden;
+  clip-path: inset(50%);
+  resize: none;
+}
+
+.markdown-surface {
+  border-bottom: 1px dotted var(--muted);
+  padding-bottom: 1px;
+}
+
+.markdown-surface .cm-scroller {
+  min-height: max(96px, calc(var(--rows) * 1lh));
+}
+
+.markdown-surface:focus-within,
+.field:has([aria-invalid="true"]) .markdown-surface {
+  border-bottom: var(--line) solid var(--ink);
+  padding-bottom: 0;
+}
+
+.field:has([aria-invalid="true"]) .markdown-surface {
+  border-bottom-color: var(--red);
+}
+
+pp-markdown-editor:disabled .markdown-surface {
+  border-bottom-color: transparent;
+}
+
+pp-markdown-editor:disabled .cm-content {
+  color: var(--muted);
+}
+
 textarea::-webkit-resizer {
   background: linear-gradient(135deg, transparent 0 50%, var(--ink) 50% 100%);
 }