@prosekit/solid 0.1.0 → 0.1.2

package/dist/_tsup-dts-rollup.d.ts

@@ -101,6 +101,8 @@ declare interface EditorContext {
 
 export declare const editorContext: Context<EditorContext | null>;
 
+export declare function forceProps<T extends Record<string, any>>(props: T): T;
+
 export declare const InlinePopover: Component<InlinePopoverProps>;
 
 export declare type InlinePopoverProps = {
@@ -135,7 +137,13 @@ export declare interface UseEditorOptions {
     update?: boolean;
 }
 
-declare function useExtension<T extends Extension = Extension>(extension: T): void;
+/**
+ * Add an extension to the editor.
+ *
+ * It accepts an optional extension. If the extension is changed, the previous
+ * extension will be removed and the new one (if not null) will be added.
+ */
+declare function useExtension<T extends Extension = Extension>(extension: T | null): void;
 export { useExtension }
 export { useExtension as useExtension_alias_1 }
 

package/dist/chunk-RLHZTH3K.js

@@ -0,0 +1,16 @@
+// src/utils/force-props.ts
+function forceProps(props) {
+  return Object.fromEntries(
+    Object.entries(props).map(([key, value]) => {
+      if (key === "children" || key === "ref" || key.includes(":")) {
+        return [key, value];
+      } else {
+        return [`prop:${key}`, value];
+      }
+    })
+  );
+}
+
+export {
+  forceProps
+};

package/dist/prosekit-solid-autocomplete-empty.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/autocomplete-empty.gen.ts
 import "@prosekit/lit/autocomplete-empty";
 import html from "solid-js/html";
 var AutocompleteEmpty = (props) => {
-  return html`<prosekit-autocomplete-empty ...${props} />`;
+  return html`<prosekit-autocomplete-empty ...${forceProps(props)} />`;
 };
 export {
   AutocompleteEmpty

package/dist/prosekit-solid-autocomplete-item.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/autocomplete-item.gen.ts
 import "@prosekit/lit/autocomplete-item";
 import html from "solid-js/html";
 var AutocompleteItem = (props) => {
-  return html`<prosekit-autocomplete-item ...${props} />`;
+  return html`<prosekit-autocomplete-item ...${forceProps(props)} />`;
 };
 export {
   AutocompleteItem

package/dist/prosekit-solid-autocomplete-list.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/autocomplete-list.gen.ts
 import "@prosekit/lit/autocomplete-list";
 import html from "solid-js/html";
 var AutocompleteList = (props) => {
-  return html`<prosekit-autocomplete-list ...${props} />`;
+  return html`<prosekit-autocomplete-list ...${forceProps(props)} />`;
 };
 export {
   AutocompleteList

package/dist/prosekit-solid-autocomplete-popover.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/autocomplete-popover.gen.ts
 import "@prosekit/lit/autocomplete-popover";
 import html from "solid-js/html";
 var AutocompletePopover = (props) => {
-  return html`<prosekit-autocomplete-popover ...${props} />`;
+  return html`<prosekit-autocomplete-popover ...${forceProps(props)} />`;
 };
 export {
   AutocompletePopover

package/dist/prosekit-solid-combo-box-input.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/combo-box-input.gen.ts
 import "@prosekit/lit/combo-box-input";
 import html from "solid-js/html";
 var ComboBoxInput = (props) => {
-  return html`<prosekit-combo-box-input ...${props} />`;
+  return html`<prosekit-combo-box-input ...${forceProps(props)} />`;
 };
 export {
   ComboBoxInput

package/dist/prosekit-solid-combo-box-item.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/combo-box-item.gen.ts
 import "@prosekit/lit/combo-box-item";
 import html from "solid-js/html";
 var ComboBoxItem = (props) => {
-  return html`<prosekit-combo-box-item ...${props} />`;
+  return html`<prosekit-combo-box-item ...${forceProps(props)} />`;
 };
 export {
   ComboBoxItem

package/dist/prosekit-solid-combo-box-list.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/combo-box-list.gen.ts
 import "@prosekit/lit/combo-box-list";
 import html from "solid-js/html";
 var ComboBoxList = (props) => {
-  return html`<prosekit-combo-box-list ...${props} />`;
+  return html`<prosekit-combo-box-list ...${forceProps(props)} />`;
 };
 export {
   ComboBoxList

package/dist/prosekit-solid-combo-box.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/combo-box.gen.ts
 import "@prosekit/lit/combo-box";
 import html from "solid-js/html";
 var ComboBox = (props) => {
-  return html`<prosekit-combo-box ...${props} />`;
+  return html`<prosekit-combo-box ...${forceProps(props)} />`;
 };
 export {
   ComboBox

package/dist/prosekit-solid-inline-popover.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/inline-popover.gen.ts
 import "@prosekit/lit/inline-popover";
 import html from "solid-js/html";
 var InlinePopover = (props) => {
-  return html`<prosekit-inline-popover ...${props} />`;
+  return html`<prosekit-inline-popover ...${forceProps(props)} />`;
 };
 export {
   InlinePopover

package/dist/prosekit-solid-popover.js

@@ -1,8 +1,12 @@
+import {
+  forceProps
+} from "./chunk-RLHZTH3K.js";
+
 // src/components/popover.gen.ts
 import "@prosekit/lit/popover";
 import html from "solid-js/html";
 var Popover = (props) => {
-  return html`<prosekit-popover ...${props} />`;
+  return html`<prosekit-popover ...${forceProps(props)} />`;
 };
 export {
   Popover

package/dist/prosekit-solid.js

@@ -56,7 +56,9 @@ import { createEffect as createEffect2, onCleanup } from "solid-js";
 function useExtension(extension) {
   const editor = useEditor();
   createEffect2(() => {
-    onCleanup(editor().use(extension));
+    if (extension) {
+      onCleanup(editor().use(extension));
+    }
   });
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -99,8 +99,8 @@
   "devDependencies": {
     "@prosekit/dev": "*",
     "solid-js": "^1.8.5",
-    "tsup": "^7.2.0",
-    "typescript": "^5.2.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.2",
     "vitest": "^0.34.6"
   },
   "scripts": {

package/src/index.ts

@@ -0,0 +1,4 @@
+export { ProseKit, type ProseKitProps } from './components/prosekit'
+export { useEditor } from './hooks/use-editor'
+export { useExtension } from './hooks/use-extension'
+export { useKeymap } from './hooks/use-keymap'