@prosekit/basic 0.6.1 → 0.6.3

package/dist/prosekit-basic.d.ts

@@ -23,41 +23,42 @@ import { VirtualSelectionExtension } from "@prosekit/extensions/virtual-selectio
 //#region src/index.d.ts
 
 /**
-* @internal
-*/
+ * @internal
+ */
 type BasicExtension = Union<[DocExtension, TextExtension, ParagraphExtension, HeadingExtension, ListExtension, BlockquoteExtension, ImageExtension, HorizontalRuleExtension, HardBreakExtension, TableExtension, CodeBlockExtension, ItalicExtension, BoldExtension, UnderlineExtension, StrikeExtension, CodeExtension, LinkExtension, BaseKeymapExtension, BaseCommandsExtension, HistoryExtension, GapCursorExtension, VirtualSelectionExtension, ModClickPreventionExtension]>;
 /**
-* Define a basic extension that includes some common functionality. You can
-* copy this function and customize it to your needs.
-*
-* It's a combination of the following extension functions:
-*
-* - {@link defineDoc}
-* - {@link defineText}
-* - {@link defineParagraph}
-* - {@link defineHeading}
-* - {@link defineList}
-* - {@link defineBlockquote}
-* - {@link defineImage}
-* - {@link defineHorizontalRule}
-* - {@link defineHardBreak}
-* - {@link defineTable}
-* - {@link defineCodeBlock}
-* - {@link defineItalic}
-* - {@link defineBold}
-* - {@link defineUnderline}
-* - {@link defineStrike}
-* - {@link defineCode}
-* - {@link defineLink}
-* - {@link defineBaseKeymap}
-* - {@link defineBaseCommands}
-* - {@link defineHistory}
-* - {@link defineGapCursor}
-* - {@link defineVirtualSelection}
-* - {@link defineModClickPrevention}
-*
-* @public
-*/
+ * Define a basic extension that includes some common functionality. You can
+ * copy this function and customize it to your needs.
+ *
+ * It's a combination of the following extension functions:
+ *
+ * - {@link defineDoc}
+ * - {@link defineText}
+ * - {@link defineParagraph}
+ * - {@link defineHeading}
+ * - {@link defineList}
+ * - {@link defineBlockquote}
+ * - {@link defineImage}
+ * - {@link defineHorizontalRule}
+ * - {@link defineHardBreak}
+ * - {@link defineTable}
+ * - {@link defineCodeBlock}
+ * - {@link defineItalic}
+ * - {@link defineBold}
+ * - {@link defineUnderline}
+ * - {@link defineStrike}
+ * - {@link defineCode}
+ * - {@link defineLink}
+ * - {@link defineBaseKeymap}
+ * - {@link defineBaseCommands}
+ * - {@link defineHistory}
+ * - {@link defineGapCursor}
+ * - {@link defineVirtualSelection}
+ * - {@link defineModClickPrevention}
+ *
+ * @public
+ */
 declare function defineBasicExtension(): BasicExtension;
 //#endregion
-export { BasicExtension, defineBasicExtension };
+export { BasicExtension, defineBasicExtension };
+//# sourceMappingURL=prosekit-basic.d.ts.map

package/dist/prosekit-basic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit-basic.d.ts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA;AAA0B,KAAd,cAAA,GAAiB,KAAH,CAAA,CAGtB,YAAA,EACA,aAAA,EACA,kBAAA,EACA,gBAAA,EACA,aAAA,EACA,mBAAA,EACA,cAAA,EACA,uBAAA,EACA,kBAAA,EACA,cAAA,EACA,kBAAA,EAEA,eAAA,EACA,aAAA,EACA,kBAAA,EACA,eAAA,EACA,aAAA,EACA,aAAA,EAEA,mBAAA,EACA,qBAAA,EACA,gBAAA,EACA,kBAAA,EACA,yBAAA,EACA,2BAAA;;AAoCJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAgB,oBAAA,CAAA,GAAwB"}

package/dist/prosekit-basic.js

@@ -58,4 +58,5 @@ function defineBasicExtension() {
 }
 
 //#endregion
-export { defineBasicExtension };
+export { defineBasicExtension };
+//# sourceMappingURL=prosekit-basic.js.map

package/dist/prosekit-basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosekit-basic.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n  defineBaseCommands,\n  defineBaseKeymap,\n  defineHistory,\n  union,\n  type BaseCommandsExtension,\n  type BaseKeymapExtension,\n  type HistoryExtension,\n  type Union,\n} from '@prosekit/core'\nimport {\n  defineBlockquote,\n  type BlockquoteExtension,\n} from '@prosekit/extensions/blockquote'\nimport {\n  defineBold,\n  type BoldExtension,\n} from '@prosekit/extensions/bold'\nimport {\n  defineCode,\n  type CodeExtension,\n} from '@prosekit/extensions/code'\nimport {\n  defineCodeBlock,\n  type CodeBlockExtension,\n} from '@prosekit/extensions/code-block'\nimport {\n  defineDoc,\n  type DocExtension,\n} from '@prosekit/extensions/doc'\nimport {\n  defineGapCursor,\n  type GapCursorExtension,\n} from '@prosekit/extensions/gap-cursor'\nimport {\n  defineHardBreak,\n  type HardBreakExtension,\n} from '@prosekit/extensions/hard-break'\nimport {\n  defineHeading,\n  type HeadingExtension,\n} from '@prosekit/extensions/heading'\nimport {\n  defineHorizontalRule,\n  type HorizontalRuleExtension,\n} from '@prosekit/extensions/horizontal-rule'\nimport {\n  defineImage,\n  type ImageExtension,\n} from '@prosekit/extensions/image'\nimport {\n  defineItalic,\n  type ItalicExtension,\n} from '@prosekit/extensions/italic'\nimport {\n  defineLink,\n  type LinkExtension,\n} from '@prosekit/extensions/link'\nimport {\n  defineList,\n  type ListExtension,\n} from '@prosekit/extensions/list'\nimport {\n  defineModClickPrevention,\n  type ModClickPreventionExtension,\n} from '@prosekit/extensions/mod-click-prevention'\nimport {\n  defineParagraph,\n  type ParagraphExtension,\n} from '@prosekit/extensions/paragraph'\nimport {\n  defineStrike,\n  type StrikeExtension,\n} from '@prosekit/extensions/strike'\nimport {\n  defineTable,\n  type TableExtension,\n} from '@prosekit/extensions/table'\nimport {\n  defineText,\n  type TextExtension,\n} from '@prosekit/extensions/text'\nimport {\n  defineUnderline,\n  type UnderlineExtension,\n} from '@prosekit/extensions/underline'\nimport {\n  defineVirtualSelection,\n  type VirtualSelectionExtension,\n} from '@prosekit/extensions/virtual-selection'\n\n/**\n * @internal\n */\nexport type BasicExtension = Union<\n  [\n    // Nodes\n    DocExtension,\n    TextExtension,\n    ParagraphExtension,\n    HeadingExtension,\n    ListExtension,\n    BlockquoteExtension,\n    ImageExtension,\n    HorizontalRuleExtension,\n    HardBreakExtension,\n    TableExtension,\n    CodeBlockExtension,\n    // Marks\n    ItalicExtension,\n    BoldExtension,\n    UnderlineExtension,\n    StrikeExtension,\n    CodeExtension,\n    LinkExtension,\n    // Others\n    BaseKeymapExtension,\n    BaseCommandsExtension,\n    HistoryExtension,\n    GapCursorExtension,\n    VirtualSelectionExtension,\n    ModClickPreventionExtension,\n  ]\n>\n\n/**\n * Define a basic extension that includes some common functionality. You can\n * copy this function and customize it to your needs.\n *\n * It's a combination of the following extension functions:\n *\n * - {@link defineDoc}\n * - {@link defineText}\n * - {@link defineParagraph}\n * - {@link defineHeading}\n * - {@link defineList}\n * - {@link defineBlockquote}\n * - {@link defineImage}\n * - {@link defineHorizontalRule}\n * - {@link defineHardBreak}\n * - {@link defineTable}\n * - {@link defineCodeBlock}\n * - {@link defineItalic}\n * - {@link defineBold}\n * - {@link defineUnderline}\n * - {@link defineStrike}\n * - {@link defineCode}\n * - {@link defineLink}\n * - {@link defineBaseKeymap}\n * - {@link defineBaseCommands}\n * - {@link defineHistory}\n * - {@link defineGapCursor}\n * - {@link defineVirtualSelection}\n * - {@link defineModClickPrevention}\n *\n * @public\n */\nexport function defineBasicExtension(): BasicExtension {\n  return union(\n    // Nodes\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineHeading(),\n    defineList(),\n    defineBlockquote(),\n    defineImage(),\n    defineHorizontalRule(),\n    defineHardBreak(),\n    defineTable(),\n    defineCodeBlock(),\n    // Marks\n    defineItalic(),\n    defineBold(),\n    defineUnderline(),\n    defineStrike(),\n    defineCode(),\n    defineLink(),\n    // Others\n    defineBaseKeymap(),\n    defineBaseCommands(),\n    defineHistory(),\n    defineGapCursor(),\n    defineVirtualSelection(),\n    defineModClickPrevention(),\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JA,SAAgB,uBAAuC;AACrD,QAAO,MAEL,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EAEjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,0BAA0B,CAC3B"}

package/dist/style.css

@@ -275,3 +275,5 @@ prosekit-table-handle-drop-indicator {
 }
 
 
+
+/*# sourceMappingURL=style.css.map*/

package/dist/style.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css","names":[],"sources":["../../../node_modules/.pnpm/prosemirror-view@1.41.3/node_modules/prosemirror-view/style/prosemirror.css","../../pm/src/view/style/prosemirror.css","../../extensions/src/list/style.css","../../extensions/src/table/style.css","../../extensions/src/placeholder/style.css","../../extensions/src/virtual-selection/style.css","../../extensions/src/commit/style.css","../../extensions/src/gap-cursor/style.css","../src/style.css"],"sourcesContent":[".ProseMirror {\n  position: relative;\n}\n\n.ProseMirror {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  white-space: break-spaces;\n  -webkit-font-variant-ligatures: none;\n  font-variant-ligatures: none;\n  font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n}\n\n.ProseMirror pre {\n  white-space: pre-wrap;\n}\n\n.ProseMirror li {\n  position: relative;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */\n.ProseMirror [draggable][contenteditable=false] { user-select: text }\n\n.ProseMirror-selectednode {\n  outline: 2px solid #8cf;\n}\n\n/* Make sure li selections wrap around markers */\n\nli.ProseMirror-selectednode {\n  outline: none;\n}\n\nli.ProseMirror-selectednode:after {\n  content: \"\";\n  position: absolute;\n  left: -32px;\n  right: -2px; top: -2px; bottom: -2px;\n  border: 2px solid #8cf;\n  pointer-events: none;\n}\n\n/* Protect against generic img rules */\n\nimg.ProseMirror-separator {\n  display: inline !important;\n  border: none !important;\n  margin: 0 !important;\n}\n","@import \"prosemirror-view/style/prosemirror.css\";\n",":root {\n  --prosekit-list-bullet-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2.5' fill='currentColor'/%3E%3C/svg%3E\");\n  --prosekit-list-toggle-open-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='8,10 12,14 16,10' fill='currentColor'/%3E%3C/svg%3E\");\n  --prosekit-list-toggle-closed-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='10,8 14,12 10,16' fill='currentColor'/%3E%3C/svg%3E\");\n}\n\n.prosemirror-flat-list {\n  & {\n    position: relative;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  & > .list-marker {\n    position: absolute;\n    left: 0;\n    width: 1.5em;\n    width: 1lh;\n    height: 1.5em;\n    height: 1lh;\n    text-align: center;\n  }\n\n  & > .list-content {\n    margin-left: 1.5em;\n    margin-left: 1lh;\n  }\n\n  &[data-list-kind=\"bullet\"] > .list-marker,\n  &[data-list-kind=\"toggle\"] > .list-marker {\n    background-color: currentColor;\n    mask-position: center;\n    mask-repeat: no-repeat;\n    mask-size: contain;\n  }\n\n  &[data-list-kind=\"bullet\"] {\n    & > .list-marker {\n      mask-image: var(--prosekit-list-bullet-icon);\n    }\n  }\n\n  &[data-list-kind=\"toggle\"] {\n    & > .list-marker {\n      mask-image: var(--prosekit-list-toggle-open-icon);\n    }\n\n    &[data-list-collapsable][data-list-collapsed] > .list-marker {\n      mask-image: var(--prosekit-list-toggle-closed-icon);\n    }\n  }\n\n  &[data-list-kind=\"ordered\"] {\n    /*\n      Ensure that the counters in children don't escape, so that the sub lists\n      won't affect the counter of the parent list.\n  \n      See also https://github.com/ocavue/prosemirror-flat-list/issues/23\n      */\n    & > * {\n      contain: style;\n    }\n\n    &::before {\n      position: absolute;\n      right: calc(100% - 1.5em);\n      right: calc(100% - 1lh);\n      content: counter(prosemirror-flat-list-counter, decimal) \". \";\n      font-variant-numeric: tabular-nums;\n    }\n    counter-increment: prosemirror-flat-list-counter;\n\n    /* \n      Reset the counter for the first list node in the sequence.\n      */\n    &:first-child,\n    :not(&) + & {\n      counter-reset: prosemirror-flat-list-counter;\n\n      /* \n        If the first list node has a custom order number, set the counter to that value.\n        */\n      &[data-list-order] {\n        @supports (counter-set: prosemirror-flat-list-counter 1) {\n          counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);\n        }\n\n        /* \n          Safari older than version 17.2 doesn't support `counter-set` \n          */\n        @supports not (counter-set: prosemirror-flat-list-counter 1) {\n          counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);\n        }\n      }\n    }\n  }\n\n  &[data-list-kind=\"task\"] {\n    & > .list-marker {\n      &,\n      & * {\n        /* Make sure that the checkbox is at the center */\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0;\n        padding: 0;\n        cursor: pointer;\n      }\n    }\n  }\n\n  &[data-list-kind=\"toggle\"] {\n    &[data-list-collapsable] > .list-marker {\n      cursor: pointer;\n    }\n    &:not([data-list-collapsable]) > .list-marker {\n      opacity: 40%;\n      pointer-events: none;\n    }\n\n    /* If collapsed, hide the second and futher children */\n    &[data-list-collapsable][data-list-collapsed] > .list-content > *:nth-child(n+2) {\n      display: none;\n    }\n  }\n}\n",".ProseMirror .tableWrapper {\n  overflow-x: auto;\n}\n.ProseMirror table {\n  width: 100%;\n  overflow: hidden;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n.ProseMirror td,\n.ProseMirror th {\n  box-sizing: border-box;\n  position: relative;\n  padding-right: 0.75rem;\n  padding-left: 0.75rem;\n  border-width: 1px;\n  vertical-align: top;\n}\n\nprosekit-table-handle-drop-indicator {\n  background-color: HighlightText;\n}\n\n.ProseMirror .column-resize-handle {\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  right: -2px;\n  bottom: 0;\n  width: 4px;\n  background-color: HighlightText;\n  pointer-events: none;\n}\n.ProseMirror.resize-cursor {\n  cursor: ew-resize;\n  cursor: col-resize;\n}\n.ProseMirror .selectedCell {\n  --color: 210, 100%, 56%;\n  border: 1px double hsl(var(--color));\n  background-color: hsla(var(--color), 20%);\n}\n",".prosekit-placeholder::before {\n  position: absolute;\n  height: 0;\n  content: attr(data-placeholder);\n  opacity: 30%;\n  pointer-events: none;\n}\n",".prosekit-virtual-selection {\n  border-radius: 2px;\n  background-color: #8888884d;\n  box-shadow: 0 0 0 2px #8888884d;\n}\n",".prosekit-commit-deletion {\n  background-color: #e5534b80;\n  text-decoration: line-through;\n}\n.prosekit-commit-addition {\n  background-color: #53e54b80;\n}\n",".ProseMirror-gapcursor {\n  display: none;\n  position: relative;\n  pointer-events: none;\n}\n\n.ProseMirror-gapcursor:after {\n  display: block;\n  position: absolute;\n  top: -2px;\n  width: 20px;\n  border-top: 1px solid currentColor;\n  content: \"\";\n  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n}\n\n@keyframes ProseMirror-cursor-blink {\n  to {\n    visibility: hidden;\n  }\n}\n\n.ProseMirror-focused .ProseMirror-gapcursor {\n  display: block;\n}\n","@import \"@prosekit/pm/view/style/prosemirror.css\";\n@import \"@prosekit/extensions/list/style.css\";\n@import \"@prosekit/extensions/table/style.css\";\n@import \"@prosekit/extensions/placeholder/style.css\";\n@import \"@prosekit/extensions/virtual-selection/style.css\";\n@import \"@prosekit/extensions/commit/style.css\";\n@import \"@prosekit/extensions/gap-cursor/style.css\";\n"],"x_google_ignoreList":[0],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AErDA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AC/HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACzCA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA"}

package/dist/style.js

@@ -0,0 +1 @@
+export {  };

package/dist/typography.css

@@ -98,7 +98,7 @@
   & video {
     width: min-content;
     max-width: 100%;
-    margin: 0;
+    margin: 0.5em 0;
   }
 
   & code {
@@ -222,3 +222,5 @@
   }
 }
 
+
+/*# sourceMappingURL=typography.css.map*/

package/dist/typography.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.css","names":[],"sources":["../src/typography.css"],"sourcesContent":[":root {\n  --prosekit-node-selection-color: rgba(57, 136, 255, 0.2);\n}\n\n.ProseMirror {\n  & {\n    /* Disable margin collapsing */\n    display: flex;\n    flex-direction: column;\n  }\n\n  & {\n    /* Set the default line height as same as block handle's height */\n    line-height: 1.5;\n  }\n\n  & p:first-child,\n  & h1:first-child,\n  & h2:first-child,\n  & h3:first-child,\n  & h4:first-child,\n  & h5:first-child,\n  & h6:first-child {\n    margin-top: 0;\n  }\n\n  & p:last-child,\n  & h1:last-child,\n  & h2:last-child,\n  & h3:last-child,\n  & h4:last-child,\n  & h5:last-child,\n  & h6:last-child {\n    margin-bottom: 0;\n  }\n\n  & h1,\n  & h2,\n  & h3,\n  & h4,\n  & h5,\n  & h6 {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-style: none;\n    font-weight: 600;\n    line-height: 1.25;\n  }\n\n  & a {\n    font-weight: 500;\n    text-decoration: underline;\n  }\n\n  & p,\n  & ul,\n  & ol,\n  & pre {\n    margin: 0;\n    padding: 0.5rem 0;\n    line-height: 1.5;\n  }\n\n  & blockquote {\n    padding-left: 1em;\n    border-left: 0.25em solid hsl(0 0% 60% / 0.4);\n  }\n\n  & h1 {\n    margin: 1rem 0;\n    font-size: 2.25em;\n  }\n\n  & h2 {\n    margin: 1.75em 0 0.5em;\n    font-size: 1.75em;\n  }\n\n  & h3 {\n    margin: 1.5em 0 0.5em;\n    font-size: 1.375em;\n  }\n\n  & h4 {\n    margin: 1em 0;\n    font-size: 1.125em;\n  }\n\n  & h5 {\n    margin: 0.5em 0;\n  }\n\n  & h6 {\n    opacity: 0.8;\n  }\n\n  & img,\n  & video {\n    width: min-content;\n    max-width: 100%;\n    margin: 0.5em 0;\n  }\n\n  & code {\n    font-weight: 600;\n    font-size: 0.875em;\n  }\n\n  & pre {\n    margin: 0.5rem 0;\n    padding: 2rem 2rem;\n    overflow-x: auto;\n    border: 1px solid hsl(0 0% 50% / 0.2);\n    border-radius: 0.375rem;\n    /* CSS variables `prosemirror-highlight` and `prosemirror-highlight-bg` are set by package `prosemirror-highlight` */\n    background-color: var(--prosemirror-highlight-bg, inherit);\n    color: var(--prosemirror-highlight, inherit);\n  }\n\n  & pre,\n  & code {\n    white-space: pre;\n    word-break: normal;\n    word-spacing: normal;\n    word-wrap: normal;\n    hyphens: none;\n    tab-size: 4;\n  }\n\n  & pre code {\n    font-weight: inherit;\n  }\n\n  & hr {\n    margin: 2em 0;\n    border-width: 1px;\n  }\n\n  & .prosekit-horizontal-rule {\n    margin: 1em 0;\n    padding: 1em 0;\n    /* Set a small line-height so that the block handle can align to the middle\n    of the horizontal rule */\n    line-height: 1px;\n\n    & hr {\n      margin: 0;\n    }\n  }\n\n  & .tableWrapper {\n    margin-top: 0.5em;\n    margin-bottom: 1em;\n  }\n\n  & .prosemirror-flat-list {\n    /* Use the same line-height as <p> */\n    line-height: 1.5;\n\n    &::before,\n    & > .list-marker {\n      /* Use the same padding as <p> */\n      top: 0.5rem;\n    }\n\n    &:has(> div.list-content > h1) {\n      &::before,\n      & > .list-marker {\n        top: 0.75em;\n      }\n    }\n    &:has(> div.list-content > h2) {\n      &::before,\n      & > .list-marker {\n        top: 0.5em;\n      }\n    }\n    &:has(> div.list-content > h3) {\n      &::before,\n      & > .list-marker {\n        top: 0.25em;\n      }\n    }\n    &:has(> div.list-content > h4) {\n      &::before,\n      & > .list-marker {\n        top: 0;\n      }\n    }\n    &:has(> div.list-content > h5) {\n      &::before,\n      & > .list-marker {\n        top: -0.2em;\n      }\n    }\n    &:has(> div.list-content > h6) {\n      &::before,\n      & > .list-marker {\n        top: -0.3em;\n      }\n    }\n  }\n\n  /*\n   Don't generate box for node view wrapper. This make it easier to style\n   the node views.\n   */\n  div[data-node-view-root=\"true\"] {\n    display: contents;\n  }\n\n  & .ProseMirror-selectednode {\n    border-radius: 0.2rem;\n    outline-color: var(--prosekit-node-selection-color);\n    outline-style: solid;\n    outline-width: 0.3rem;\n    background-color: var(--prosekit-node-selection-color);\n  }\n\n  &.prosekit-dragging {\n    --prosekit-node-selection-color: transparent;\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA"}

package/dist/typography.js

@@ -0,0 +1 @@
+export {  };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/basic",
   "type": "module",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "private": false,
   "description": "A quick starter for ProseKit",
   "author": {
@@ -38,19 +38,20 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.8.3",
-    "@prosekit/pm": "^0.1.11",
-    "@prosekit/extensions": "^0.11.1"
+    "@prosekit/core": "^0.8.4",
+    "@prosekit/pm": "^0.1.12",
+    "@prosekit/extensions": "^0.11.7"
   },
   "devDependencies": {
-    "@types/jsdom": "^21.1.7",
-    "happy-dom": "^18.0.1",
-    "jsdom": "^26.1.0",
-    "tsdown": "^0.13.1",
-    "typescript": "~5.8.3",
+    "@types/jsdom": "^27.0.0",
+    "happy-dom": "^20.0.0",
+    "jsdom": "^27.0.0",
+    "tsdown": "^0.15.6",
+    "typescript": "~5.9.2",
     "vitest": "^3.2.4",
     "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/config-vitest": "0.0.0"

package/src/index.spec.ts

@@ -0,0 +1,57 @@
+import {
+  createEditor,
+  union,
+} from '@prosekit/core'
+import {
+  describe,
+  expect,
+  it,
+} from 'vitest'
+
+import { defineBasicExtension } from './index'
+
+describe('defineBasicExtension', () => {
+  it('can add nodes and marks', () => {
+    const extension = union(defineBasicExtension())
+    const editor = createEditor({ extension })
+    const schema = editor.schema
+    const nodes = Object.keys(schema.nodes).sort()
+    const marks = Object.keys(schema.marks).sort()
+
+    expect(nodes).toContain('heading')
+    expect(nodes).toContain('list')
+    expect(nodes).toContain('paragraph')
+    expect(nodes).toContain('text')
+    expect(nodes).toContain('doc')
+
+    expect(marks).toContain('italic')
+  })
+})
+
+describe('BasicExtension', () => {
+  const extension = defineBasicExtension()
+  const editor = createEditor({ extension })
+
+  it('can throw TypeScript error for non existing command', () => {
+    expect(() => {
+      // @ts-expect-error: expected to throw
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      editor.commands.this_command_does_not_exit()
+    }).toThrow()
+
+    expect(() => {
+      editor.commands.insertNode({ type: 'heading' })
+    }).not.toThrow()
+  })
+
+  it('can throw TypeScript error for incorrect command arguments', () => {
+    expect(() => {
+      // @ts-expect-error: expected to throw
+      editor.commands.insertNode({ this_argument_does_not_exist: true })
+    }).toThrow()
+
+    expect(() => {
+      editor.commands.insertNode({ type: 'heading' })
+    }).not.toThrow()
+  })
+})

package/src/index.ts

@@ -0,0 +1,187 @@
+import {
+  defineBaseCommands,
+  defineBaseKeymap,
+  defineHistory,
+  union,
+  type BaseCommandsExtension,
+  type BaseKeymapExtension,
+  type HistoryExtension,
+  type Union,
+} from '@prosekit/core'
+import {
+  defineBlockquote,
+  type BlockquoteExtension,
+} from '@prosekit/extensions/blockquote'
+import {
+  defineBold,
+  type BoldExtension,
+} from '@prosekit/extensions/bold'
+import {
+  defineCode,
+  type CodeExtension,
+} from '@prosekit/extensions/code'
+import {
+  defineCodeBlock,
+  type CodeBlockExtension,
+} from '@prosekit/extensions/code-block'
+import {
+  defineDoc,
+  type DocExtension,
+} from '@prosekit/extensions/doc'
+import {
+  defineGapCursor,
+  type GapCursorExtension,
+} from '@prosekit/extensions/gap-cursor'
+import {
+  defineHardBreak,
+  type HardBreakExtension,
+} from '@prosekit/extensions/hard-break'
+import {
+  defineHeading,
+  type HeadingExtension,
+} from '@prosekit/extensions/heading'
+import {
+  defineHorizontalRule,
+  type HorizontalRuleExtension,
+} from '@prosekit/extensions/horizontal-rule'
+import {
+  defineImage,
+  type ImageExtension,
+} from '@prosekit/extensions/image'
+import {
+  defineItalic,
+  type ItalicExtension,
+} from '@prosekit/extensions/italic'
+import {
+  defineLink,
+  type LinkExtension,
+} from '@prosekit/extensions/link'
+import {
+  defineList,
+  type ListExtension,
+} from '@prosekit/extensions/list'
+import {
+  defineModClickPrevention,
+  type ModClickPreventionExtension,
+} from '@prosekit/extensions/mod-click-prevention'
+import {
+  defineParagraph,
+  type ParagraphExtension,
+} from '@prosekit/extensions/paragraph'
+import {
+  defineStrike,
+  type StrikeExtension,
+} from '@prosekit/extensions/strike'
+import {
+  defineTable,
+  type TableExtension,
+} from '@prosekit/extensions/table'
+import {
+  defineText,
+  type TextExtension,
+} from '@prosekit/extensions/text'
+import {
+  defineUnderline,
+  type UnderlineExtension,
+} from '@prosekit/extensions/underline'
+import {
+  defineVirtualSelection,
+  type VirtualSelectionExtension,
+} from '@prosekit/extensions/virtual-selection'
+
+/**
+ * @internal
+ */
+export type BasicExtension = Union<
+  [
+    // Nodes
+    DocExtension,
+    TextExtension,
+    ParagraphExtension,
+    HeadingExtension,
+    ListExtension,
+    BlockquoteExtension,
+    ImageExtension,
+    HorizontalRuleExtension,
+    HardBreakExtension,
+    TableExtension,
+    CodeBlockExtension,
+    // Marks
+    ItalicExtension,
+    BoldExtension,
+    UnderlineExtension,
+    StrikeExtension,
+    CodeExtension,
+    LinkExtension,
+    // Others
+    BaseKeymapExtension,
+    BaseCommandsExtension,
+    HistoryExtension,
+    GapCursorExtension,
+    VirtualSelectionExtension,
+    ModClickPreventionExtension,
+  ]
+>
+
+/**
+ * Define a basic extension that includes some common functionality. You can
+ * copy this function and customize it to your needs.
+ *
+ * It's a combination of the following extension functions:
+ *
+ * - {@link defineDoc}
+ * - {@link defineText}
+ * - {@link defineParagraph}
+ * - {@link defineHeading}
+ * - {@link defineList}
+ * - {@link defineBlockquote}
+ * - {@link defineImage}
+ * - {@link defineHorizontalRule}
+ * - {@link defineHardBreak}
+ * - {@link defineTable}
+ * - {@link defineCodeBlock}
+ * - {@link defineItalic}
+ * - {@link defineBold}
+ * - {@link defineUnderline}
+ * - {@link defineStrike}
+ * - {@link defineCode}
+ * - {@link defineLink}
+ * - {@link defineBaseKeymap}
+ * - {@link defineBaseCommands}
+ * - {@link defineHistory}
+ * - {@link defineGapCursor}
+ * - {@link defineVirtualSelection}
+ * - {@link defineModClickPrevention}
+ *
+ * @public
+ */
+export function defineBasicExtension(): BasicExtension {
+  return union(
+    // Nodes
+    defineDoc(),
+    defineText(),
+    defineParagraph(),
+    defineHeading(),
+    defineList(),
+    defineBlockquote(),
+    defineImage(),
+    defineHorizontalRule(),
+    defineHardBreak(),
+    defineTable(),
+    defineCodeBlock(),
+    // Marks
+    defineItalic(),
+    defineBold(),
+    defineUnderline(),
+    defineStrike(),
+    defineCode(),
+    defineLink(),
+    // Others
+    defineBaseKeymap(),
+    defineBaseCommands(),
+    defineHistory(),
+    defineGapCursor(),
+    defineVirtualSelection(),
+    defineModClickPrevention(),
+  )
+}

package/src/node.spec.ts

@@ -0,0 +1,120 @@
+// @vitest-environment node
+
+import { createEditor } from '@prosekit/core'
+import {
+  describe,
+  expect,
+  it,
+} from 'vitest'
+
+import { defineBasicExtension } from './index'
+
+describe('Node.js environment', () => {
+  it('is not a browser environment', () => {
+    expect(typeof window).toBe('undefined')
+  })
+
+  it('can create an editor', () => {
+    const extension = defineBasicExtension()
+    const editor = createEditor({ extension })
+
+    expect(editor).toBeDefined()
+    expect(editor.mounted).toBe(false)
+  })
+
+  it('can call editor.setContent() with a JSON object', () => {
+    const extension = defineBasicExtension()
+    const editor = createEditor({ extension })
+
+    // Set the document
+    editor.setContent({
+      type: 'doc',
+      content: [
+        { type: 'paragraph', content: [{ type: 'text', text: 'Hello, world!' }] },
+      ],
+    })
+    expect(editor.getDocJSON()).toMatchInlineSnapshot(`
+      {
+        "content": [
+          {
+            "content": [
+              {
+                "text": "Hello, world!",
+                "type": "text",
+              },
+            ],
+            "type": "paragraph",
+          },
+        ],
+        "type": "doc",
+      }
+    `)
+  })
+
+  it('can execute a command', () => {
+    const extension = defineBasicExtension()
+    const editor = createEditor({ extension })
+
+    // Execute a command
+    editor.commands.insertImage({ src: 'https://example.com/image.png', width: 100, height: 100 })
+    expect(editor.state.doc.toJSON()).toMatchInlineSnapshot(`
+      {
+        "content": [
+          {
+            "attrs": {
+              "height": 100,
+              "src": "https://example.com/image.png",
+              "width": 100,
+            },
+            "type": "image",
+          },
+          {
+            "type": "paragraph",
+          },
+        ],
+        "type": "doc",
+      }
+    `)
+  })
+
+  it('cannot call HTML APIs by default', () => {
+    const extension = defineBasicExtension()
+    const editor = createEditor({ extension })
+
+    expect(() => editor.setContent('<p>Hello World</p>')).toThrow()
+    expect(() => editor.getDocHTML()).toThrow()
+  })
+
+  it('can call HTML APIs using jsdom', async () => {
+    const extension = defineBasicExtension()
+    const editor = createEditor({ extension })
+
+    const { JSDOM } = await import('jsdom')
+    const dom = new JSDOM('')
+    const document: Document = dom.window.document
+
+    editor.setContent({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Foo' }] }],
+    })
+    editor.commands.insertText({ text: 'Bar' })
+    expect(editor.getDocHTML({ document })).toMatchInlineSnapshot(`"<div><p>BarFoo</p></div>"`)
+  })
+
+  it('can call HTML APIs using happy-dom', async () => {
+    const extension = defineBasicExtension()
+    const editor = createEditor({ extension })
+
+    const { Window } = await import('happy-dom')
+    const window = new Window()
+    // @ts-expect-error - happy-dom types are not compatible with DOM types
+    const document: Document = window.document
+
+    editor.setContent({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Foo' }] }],
+    })
+    editor.commands.insertText({ text: 'Bar' })
+    expect(editor.getDocHTML({ document })).toMatchInlineSnapshot(`"<div><p>BarFoo</p></div>"`)
+  })
+})

package/src/style.css

@@ -0,0 +1,7 @@
+@import "@prosekit/pm/view/style/prosemirror.css";
+@import "@prosekit/extensions/list/style.css";
+@import "@prosekit/extensions/table/style.css";
+@import "@prosekit/extensions/placeholder/style.css";
+@import "@prosekit/extensions/virtual-selection/style.css";
+@import "@prosekit/extensions/commit/style.css";
+@import "@prosekit/extensions/gap-cursor/style.css";

package/src/typography.css

@@ -0,0 +1,223 @@
+:root {
+  --prosekit-node-selection-color: rgba(57, 136, 255, 0.2);
+}
+
+.ProseMirror {
+  & {
+    /* Disable margin collapsing */
+    display: flex;
+    flex-direction: column;
+  }
+
+  & {
+    /* Set the default line height as same as block handle's height */
+    line-height: 1.5;
+  }
+
+  & p:first-child,
+  & h1:first-child,
+  & h2:first-child,
+  & h3:first-child,
+  & h4:first-child,
+  & h5:first-child,
+  & h6:first-child {
+    margin-top: 0;
+  }
+
+  & p:last-child,
+  & h1:last-child,
+  & h2:last-child,
+  & h3:last-child,
+  & h4:last-child,
+  & h5:last-child,
+  & h6:last-child {
+    margin-bottom: 0;
+  }
+
+  & h1,
+  & h2,
+  & h3,
+  & h4,
+  & h5,
+  & h6 {
+    padding-top: 0;
+    padding-bottom: 0;
+    border-style: none;
+    font-weight: 600;
+    line-height: 1.25;
+  }
+
+  & a {
+    font-weight: 500;
+    text-decoration: underline;
+  }
+
+  & p,
+  & ul,
+  & ol,
+  & pre {
+    margin: 0;
+    padding: 0.5rem 0;
+    line-height: 1.5;
+  }
+
+  & blockquote {
+    padding-left: 1em;
+    border-left: 0.25em solid hsl(0 0% 60% / 0.4);
+  }
+
+  & h1 {
+    margin: 1rem 0;
+    font-size: 2.25em;
+  }
+
+  & h2 {
+    margin: 1.75em 0 0.5em;
+    font-size: 1.75em;
+  }
+
+  & h3 {
+    margin: 1.5em 0 0.5em;
+    font-size: 1.375em;
+  }
+
+  & h4 {
+    margin: 1em 0;
+    font-size: 1.125em;
+  }
+
+  & h5 {
+    margin: 0.5em 0;
+  }
+
+  & h6 {
+    opacity: 0.8;
+  }
+
+  & img,
+  & video {
+    width: min-content;
+    max-width: 100%;
+    margin: 0.5em 0;
+  }
+
+  & code {
+    font-weight: 600;
+    font-size: 0.875em;
+  }
+
+  & pre {
+    margin: 0.5rem 0;
+    padding: 2rem 2rem;
+    overflow-x: auto;
+    border: 1px solid hsl(0 0% 50% / 0.2);
+    border-radius: 0.375rem;
+    /* CSS variables `prosemirror-highlight` and `prosemirror-highlight-bg` are set by package `prosemirror-highlight` */
+    background-color: var(--prosemirror-highlight-bg, inherit);
+    color: var(--prosemirror-highlight, inherit);
+  }
+
+  & pre,
+  & code {
+    white-space: pre;
+    word-break: normal;
+    word-spacing: normal;
+    word-wrap: normal;
+    hyphens: none;
+    tab-size: 4;
+  }
+
+  & pre code {
+    font-weight: inherit;
+  }
+
+  & hr {
+    margin: 2em 0;
+    border-width: 1px;
+  }
+
+  & .prosekit-horizontal-rule {
+    margin: 1em 0;
+    padding: 1em 0;
+    /* Set a small line-height so that the block handle can align to the middle
+    of the horizontal rule */
+    line-height: 1px;
+
+    & hr {
+      margin: 0;
+    }
+  }
+
+  & .tableWrapper {
+    margin-top: 0.5em;
+    margin-bottom: 1em;
+  }
+
+  & .prosemirror-flat-list {
+    /* Use the same line-height as <p> */
+    line-height: 1.5;
+
+    &::before,
+    & > .list-marker {
+      /* Use the same padding as <p> */
+      top: 0.5rem;
+    }
+
+    &:has(> div.list-content > h1) {
+      &::before,
+      & > .list-marker {
+        top: 0.75em;
+      }
+    }
+    &:has(> div.list-content > h2) {
+      &::before,
+      & > .list-marker {
+        top: 0.5em;
+      }
+    }
+    &:has(> div.list-content > h3) {
+      &::before,
+      & > .list-marker {
+        top: 0.25em;
+      }
+    }
+    &:has(> div.list-content > h4) {
+      &::before,
+      & > .list-marker {
+        top: 0;
+      }
+    }
+    &:has(> div.list-content > h5) {
+      &::before,
+      & > .list-marker {
+        top: -0.2em;
+      }
+    }
+    &:has(> div.list-content > h6) {
+      &::before,
+      & > .list-marker {
+        top: -0.3em;
+      }
+    }
+  }
+
+  /*
+   Don't generate box for node view wrapper. This make it easier to style
+   the node views.
+   */
+  div[data-node-view-root="true"] {
+    display: contents;
+  }
+
+  & .ProseMirror-selectednode {
+    border-radius: 0.2rem;
+    outline-color: var(--prosekit-node-selection-color);
+    outline-style: solid;
+    outline-width: 0.3rem;
+    background-color: var(--prosekit-node-selection-color);
+  }
+
+  &.prosekit-dragging {
+    --prosekit-node-selection-color: transparent;
+  }
+}