@thomasfosterau/effect-richtext 0.0.0-stage → 0.1.0

package/dist/view-css.d.ts

@@ -0,0 +1,43 @@
+import * as Effect from "effect/Effect";
+import * as Scope from "effect/Scope";
+/**
+ * The CSS the editor view needs to behave correctly (whitespace
+ * handling, selected-node outlines, hidden selections, …). Include it
+ * once in every document containing editors.
+ *
+ * @since 0.1.0
+ * @category styles
+ */
+export declare const viewCSS: string;
+/**
+ * Add a `<style>` element with the given CSS to the document's head.
+ * Returns a function that removes it again.
+ *
+ * @since 0.1.0
+ * @category utils
+ */
+export declare const injectCSSUnsafe: (doc: Document, css: string) => (() => void);
+/**
+ * Add a `<style>` element with the given CSS to the document's head for
+ * the lifetime of the current scope.
+ *
+ * @since 0.1.0
+ * @category utils
+ */
+export declare const injectCSS: (doc: Document, css: string) => Effect.Effect<HTMLStyleElement, never, Scope.Scope>;
+/**
+ * Add the view's stylesheet (`viewCSS`) to the document for the
+ * lifetime of the current scope.
+ *
+ * @since 0.1.0
+ * @category utils
+ */
+export declare const injectViewCSS: (doc: Document) => Effect.Effect<HTMLStyleElement, never, Scope.Scope>;
+/**
+ * Add the view's stylesheet (`viewCSS`) to the document. Returns a
+ * function that removes it again.
+ *
+ * @since 0.1.0
+ * @category utils
+ */
+export declare const injectViewCSSUnsafe: (doc: Document) => (() => void);

package/dist/view-css.js

@@ -0,0 +1,124 @@
+import * as Effect from "effect/Effect";
+// src/view-css.ts
+/**
+* The editor view's stylesheet (`prosemirror-view`'s
+* `style/prosemirror.css`), as a string, plus helpers to add
+* stylesheets to a document.
+*
+* ```ts skip-type-checking
+* // Scoped: the style element is removed when the scope closes.
+* yield* injectViewCSS(document)
+* // Or, outside of Effect:
+* const remove = injectViewCSSUnsafe(document)
+* ```
+*
+* @since 0.1.0
+*/
+/**
+* The CSS the editor view needs to behave correctly (whitespace
+* handling, selected-node outlines, hidden selections, …). Include it
+* once in every document containing editors.
+*
+* @since 0.1.0
+* @category styles
+*/
+const viewCSS = `.ProseMirror {
+  position: relative;
+}
+
+.ProseMirror {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  -webkit-font-variant-ligatures: none;
+  font-variant-ligatures: none;
+  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
+}
+
+.ProseMirror pre {
+  white-space: pre-wrap;
+}
+
+.ProseMirror li {
+  position: relative;
+}
+
+.ProseMirror-hideselection *::selection { background: transparent; }
+.ProseMirror-hideselection *::-moz-selection { background: transparent; }
+.ProseMirror-hideselection { caret-color: transparent; }
+
+/* See https://code.haverbeke.berlin/prosemirror/prosemirror/issues/1421#issuecomment-1759320191 */
+.ProseMirror [draggable][contenteditable=false] { user-select: text }
+
+.ProseMirror-selectednode {
+  outline: 2px solid #8cf;
+}
+
+/* Make sure li selections wrap around markers */
+
+li.ProseMirror-selectednode {
+  outline: none;
+}
+
+li.ProseMirror-selectednode:after {
+  content: "";
+  position: absolute;
+  left: -32px;
+  right: -2px; top: -2px; bottom: -2px;
+  border: 2px solid #8cf;
+  pointer-events: none;
+}
+
+/* Protect against generic img rules */
+
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+}
+`;
+/**
+* Add a `<style>` element with the given CSS to the document's head.
+* Returns a function that removes it again.
+*
+* @since 0.1.0
+* @category utils
+*/
+const injectCSSUnsafe = (doc, css) => {
+	const style = doc.createElement("style");
+	style.textContent = css;
+	doc.head.appendChild(style);
+	return () => {
+		style.remove();
+	};
+};
+/**
+* Add a `<style>` element with the given CSS to the document's head for
+* the lifetime of the current scope.
+*
+* @since 0.1.0
+* @category utils
+*/
+const injectCSS = (doc, css) => Effect.acquireRelease(Effect.sync(() => {
+	const style = doc.createElement("style");
+	style.textContent = css;
+	doc.head.appendChild(style);
+	return style;
+}), (style) => Effect.sync(() => style.remove()));
+/**
+* Add the view's stylesheet (`viewCSS`) to the document for the
+* lifetime of the current scope.
+*
+* @since 0.1.0
+* @category utils
+*/
+const injectViewCSS = (doc) => injectCSS(doc, viewCSS);
+/**
+* Add the view's stylesheet (`viewCSS`) to the document. Returns a
+* function that removes it again.
+*
+* @since 0.1.0
+* @category utils
+*/
+const injectViewCSSUnsafe = (doc) => injectCSSUnsafe(doc, viewCSS);
+export { injectCSS, injectCSSUnsafe, injectViewCSS, injectViewCSSUnsafe, viewCSS };

package/dist/view.d.ts

@@ -0,0 +1,6 @@
+import { Decoration, DecorationAttrs, DecorationGroup, DecorationMapOptions, DecorationSet, DecorationSource, DecorationType, InlineDecorationSpec, InlineType, NodeType, WidgetConstructor, WidgetDecorationSpec, WidgetType, viewDecorations } from "./view/decoration.js";
+import { Rect, TextblockDir } from "./view/domcoords.js";
+import { ViewError, isViewError } from "./view/errors.js";
+import { ClipboardSerialization, ClipboardSerializer, DOMEventMap, DirectEditorProps, EditorProps, EditorView, EditorViewTypeId, HandlerResult, MarkViews, NodeViews, PosAtCoords, ViewPlace, ViewUpdate, __endComposition, __parseFromClipboard } from "./view/view.js";
+import { MarkView, MarkViewConstructor, NodeView, NodeViewConstructor, ViewMutationRecord } from "./view/viewdesc.js";
+export { ClipboardSerialization, ClipboardSerializer, DOMEventMap, Decoration, DecorationAttrs, DecorationGroup, DecorationMapOptions, DecorationSet, DecorationSource, DecorationType, DirectEditorProps, EditorProps, EditorView, EditorViewTypeId, HandlerResult, InlineDecorationSpec, InlineType, type MarkView, type MarkViewConstructor, MarkViews, NodeType, type NodeView, type NodeViewConstructor, NodeViews, PosAtCoords, type Rect, type TextblockDir, ViewError, type ViewMutationRecord, ViewPlace, ViewUpdate, WidgetConstructor, WidgetDecorationSpec, WidgetType, __endComposition, __parseFromClipboard, isViewError, viewDecorations };

package/dist/view.js

@@ -0,0 +1,4 @@
+import { Decoration, DecorationGroup, DecorationSet, InlineType, NodeType, WidgetType, viewDecorations } from "./view/decoration.js";
+import { ViewError, isViewError } from "./view/errors.js";
+import { EditorView, EditorViewTypeId, __endComposition, __parseFromClipboard } from "./view/view.js";
+export { Decoration, DecorationGroup, DecorationSet, EditorView, EditorViewTypeId, InlineType, NodeType, ViewError, WidgetType, __endComposition, __parseFromClipboard, isViewError, viewDecorations };

package/package.json

@@ -1,6 +1,209 @@
 {
+  "$schema": "https://www.schemastore.org/package",
   "name": "@thomasfosterau/effect-richtext",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "An Effect-native reimplementation of the ProseMirror rich text editing toolkit: typed schemas and documents, transforms, editor state, a DOM view, keymaps, commands, history, input rules, Markdown and HTML serializers, typed extensions and a ProseMirror-compatible facade.",
+  "keywords": [
+    "contenteditable",
+    "editor",
+    "effect",
+    "markdown",
+    "prosemirror",
+    "rich-text",
+    "typescript",
+    "wysiwyg"
+  ],
+  "homepage": "https://github.com/thomasfosterau/effect-richtext#readme",
+  "bugs": {
+    "url": "https://github.com/thomasfosterau/effect-richtext/issues"
+  },
+  "license": "MIT",
+  "author": "Thomas Foster <me@thomasfoster.au>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thomasfosterau/effect-richtext.git"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/test-builder.js",
+    "./dist/gapcursor.js",
+    "./dist/compat/*.js"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./model": {
+      "types": "./dist/model.d.ts",
+      "default": "./dist/model.js"
+    },
+    "./transform": {
+      "types": "./dist/transform.d.ts",
+      "default": "./dist/transform.js"
+    },
+    "./state": {
+      "types": "./dist/state.d.ts",
+      "default": "./dist/state.js"
+    },
+    "./view": {
+      "types": "./dist/view.d.ts",
+      "default": "./dist/view.js"
+    },
+    "./view-css": {
+      "types": "./dist/view-css.d.ts",
+      "default": "./dist/view-css.js"
+    },
+    "./keymap": {
+      "types": "./dist/keymap.d.ts",
+      "default": "./dist/keymap.js"
+    },
+    "./commands": {
+      "types": "./dist/commands.d.ts",
+      "default": "./dist/commands.js"
+    },
+    "./history": {
+      "types": "./dist/history.d.ts",
+      "default": "./dist/history.js"
+    },
+    "./inputrules": {
+      "types": "./dist/inputrules.d.ts",
+      "default": "./dist/inputrules.js"
+    },
+    "./gapcursor": {
+      "types": "./dist/gapcursor.d.ts",
+      "default": "./dist/gapcursor.js"
+    },
+    "./dropcursor": {
+      "types": "./dist/dropcursor.d.ts",
+      "default": "./dist/dropcursor.js"
+    },
+    "./schema-basic": {
+      "types": "./dist/schema-basic.d.ts",
+      "default": "./dist/schema-basic.js"
+    },
+    "./schema-list": {
+      "types": "./dist/schema-list.d.ts",
+      "default": "./dist/schema-list.js"
+    },
+    "./markdown": {
+      "types": "./dist/markdown.d.ts",
+      "default": "./dist/markdown.js"
+    },
+    "./test-builder": {
+      "types": "./dist/test-builder.d.ts",
+      "default": "./dist/test-builder.js"
+    },
+    "./html": {
+      "types": "./dist/html.d.ts",
+      "default": "./dist/html.js"
+    },
+    "./placeholder": {
+      "types": "./dist/placeholder.d.ts",
+      "default": "./dist/placeholder.js"
+    },
+    "./reactive": {
+      "types": "./dist/reactive.d.ts",
+      "default": "./dist/reactive.js"
+    },
+    "./extensions": {
+      "types": "./dist/extensions.d.ts",
+      "default": "./dist/extensions.js"
+    },
+    "./compat/model": {
+      "types": "./dist/compat/model.d.ts",
+      "default": "./dist/compat/model.js"
+    },
+    "./compat/transform": {
+      "types": "./dist/compat/transform.d.ts",
+      "default": "./dist/compat/transform.js"
+    },
+    "./compat/state": {
+      "types": "./dist/compat/state.d.ts",
+      "default": "./dist/compat/state.js"
+    },
+    "./compat/view": {
+      "types": "./dist/compat/view.d.ts",
+      "default": "./dist/compat/view.js"
+    },
+    "./compat/keymap": {
+      "types": "./dist/compat/keymap.d.ts",
+      "default": "./dist/compat/keymap.js"
+    },
+    "./compat/commands": {
+      "types": "./dist/compat/commands.d.ts",
+      "default": "./dist/compat/commands.js"
+    },
+    "./compat/schema-basic": {
+      "types": "./dist/compat/schema-basic.d.ts",
+      "default": "./dist/compat/schema-basic.js"
+    },
+    "./compat/schema-list": {
+      "types": "./dist/compat/schema-list.d.ts",
+      "default": "./dist/compat/schema-list.js"
+    },
+    "./compat/test-builder": {
+      "types": "./dist/compat/test-builder.d.ts",
+      "default": "./dist/compat/test-builder.js"
+    },
+    "./compat/orderedmap": {
+      "types": "./dist/compat/orderedmap.d.ts",
+      "default": "./dist/compat/orderedmap.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "markdown-it": "^15.0.3",
+    "rope-sequence": "^1.3.4",
+    "w3c-keyname": "^2.2.8"
+  },
+  "devDependencies": {
+    "@changesets/changelog-github": "^1.0.1",
+    "@changesets/cli": "^3.0.3",
+    "@effect/docgen": "^4.1.2",
+    "@effect/language-service": "^0.87.5",
+    "@effect/platform-node": "4.1.2",
+    "@effect/tsgo": "0.67.3",
+    "@effect/vitest": "4.1.2",
+    "@enfect/oxlint": "0.10.0",
+    "@types/node": "^26.6.6",
+    "@typescript/native": "npm:typescript@7.0.2",
+    "@vitest/browser-playwright": "5.1.0",
+    "@vitest/coverage-istanbul": "5.1.0",
+    "effect": "4.1.2",
+    "fallow": "3.40.0",
+    "happy-dom": "^21.0.4",
+    "playwright": "^1.64.1",
+    "prosemirror-commands": "^1.7.2",
+    "prosemirror-history": "^1.5.1",
+    "prosemirror-model": "^1.25.12",
+    "prosemirror-schema-list": "^1.6.0",
+    "prosemirror-state": "^1.4.4",
+    "prosemirror-test-builder": "^1.1.1",
+    "prosemirror-transform": "^1.12.5",
+    "prosemirror-view": "^1.42.9",
+    "tsx": "^4.23.15",
+    "typescript": "npm:@typescript/typescript6@6.0.2",
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.5.0",
+    "vite-plus": "1.5.0",
+    "vitest": "5.1.0"
+  },
+  "peerDependencies": {
+    "effect": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=22",
+    "pnpm": ">=11"
+  },
+  "scripts": {
+    "changeset": "changeset",
+    "version": "changeset version && vp fmt && pnpm install --lockfile-only",
+    "release": "vp run build && pnpm publish --access public --no-git-checks --ignore-scripts && changeset tag",
+    "fallow": "fallow --summary",
+    "fallow:audit": "fallow audit"
+  }
 }