@prosekit/basic 0.0.11 → 0.0.13

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

@@ -1,5 +1,6 @@
 import { Attrs } from 'prosemirror-model';
 import { Extension } from '@prosekit/core';
+import { HeadingAttrs } from '@prosekit/extensions/heading';
 import { Node as Node_2 } from 'prosemirror-model';
 import { NodeType } from 'prosemirror-model';
 import { Options } from 'tsup';
@@ -8,9 +9,11 @@ import { UserProjectConfigExport } from 'vitest/dist/config.js';
 /** @public */
 export declare function addBasicExtension(): Extension<    {
 NODES: "text" | "doc" | "paragraph" | "heading" | "list";
-MARKS: "italic";
+MARKS: "bold" | "italic";
 COMMAND_ARGS: {
+toggleHeading: [attrs?: HeadingAttrs | undefined];
 toggleItalic: [];
+toggleBold: [];
 insertText: [{
 text: string;
 from?: number | undefined;

package/dist/internal/preflight.css

@@ -0,0 +1,114 @@
+/* src/internal/preflight.css */
+*,
+::before,
+::after {
+  border-width: 0;
+  border-style: solid;
+}
+*:has(> div.ProseMirror) {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 8px;
+  font-family:
+    ui-sans-serif,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji",
+    system-ui;
+}
+*:has(> div.ProseMirror) * {
+  box-sizing: border-box;
+}
+.ProseMirror p:first-of-type {
+  margin-top: 0;
+}
+.ProseMirror p:last-of-type {
+  margin-bottom: 0;
+}
+.ProseMirror h1,
+.ProseMirror h2,
+.ProseMirror h3,
+.ProseMirror h4,
+.ProseMirror h5,
+.ProseMirror h6 {
+  font-weight: 600;
+  line-height: 1.25;
+}
+.ProseMirror a {
+  text-decoration: underline;
+  font-weight: 500;
+}
+.ProseMirror p,
+.ProseMirror ul,
+.ProseMirror ol,
+.ProseMirror pre {
+  margin: 1em 0;
+  line-height: 1.5;
+}
+.ProseMirror blockquote {
+  margin: 1em 0;
+  padding-left: 1em;
+  font-style: italic;
+}
+.ProseMirror h1 {
+  margin: 1rem 0;
+  font-size: 2.25em;
+}
+.ProseMirror h2 {
+  margin: 1.75em 0 0.5em;
+  font-size: 1.75em;
+}
+.ProseMirror h3 {
+  margin: 1.5em 0 0.5em;
+  font-size: 1.375em;
+}
+.ProseMirror h4 {
+  margin: 1em 0;
+  font-size: 1.125em;
+}
+.ProseMirror img,
+.ProseMirror video {
+  max-width: 100%;
+}
+.ProseMirror code {
+  font-size: 0.875em;
+  font-weight: 600;
+}
+.ProseMirror pre {
+  padding: 2rem 2rem;
+  overflow-x: auto;
+  border-radius: 0.375rem;
+}
+.ProseMirror pre,
+.ProseMirror code {
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  tab-size: 4;
+  hyphens: none;
+}
+.ProseMirror pre code {
+  font-weight: inherit;
+}
+.ProseMirror hr {
+  margin: 2em 0;
+}
+.ProseMirror span[data-mention=user] {
+  border-radius: 0.5rem;
+  color: rgb(59 130 246);
+}
+.ProseMirror span[data-mention=tag] {
+  border-radius: 0.5rem;
+  padding: 0.125rem 0.25rem;
+  background-color: rgb(229 231 235);
+}
+@media (prefers-color-scheme: dark) {
+  .ProseMirror span[data-mention=tag] {
+    background-color: rgb(75 85 99);
+  }
+}

package/dist/prosekit-basic.js

@@ -9,6 +9,7 @@ import {
   Priority,
   withPriority
 } from "@prosekit/core";
+import { addBold } from "@prosekit/extensions/bold";
 import { addHeading } from "@prosekit/extensions/heading";
 import { addItalic } from "@prosekit/extensions/italic";
 import { addList } from "@prosekit/extensions/list";
@@ -21,6 +22,7 @@ function addBasicExtension() {
     addBaseKeymap(),
     addBaseCommands(),
     addItalic(),
+    addBold(),
     withPriority(addParagraph(), Priority.high)
   ]);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/basic",
   "type": "module",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,8 +30,8 @@
       "import": "./dist/prosekit-basic.js",
       "default": "./dist/prosekit-basic.js"
     },
-    "./internal/example.css": {
-      "default": "./dist/internal/example.css"
+    "./internal/preflight.css": {
+      "default": "./dist/internal/preflight.css"
     },
     "./style.css": {
       "default": "./dist/style.css"
@@ -41,8 +41,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.9",
-    "@prosekit/extensions": "^0.0.10"
+    "@prosekit/core": "^0.0.10",
+    "@prosekit/extensions": "^0.0.11"
   },
   "devDependencies": {
     "@prosekit/dev": "*",

package/src/index.ts

@@ -8,6 +8,7 @@ import {
   Priority,
   withPriority,
 } from '@prosekit/core'
+import { addBold } from '@prosekit/extensions/bold'
 import { addHeading } from '@prosekit/extensions/heading'
 import { addItalic } from '@prosekit/extensions/italic'
 import { addList } from '@prosekit/extensions/list'
@@ -22,6 +23,7 @@ export function addBasicExtension() {
     addBaseKeymap(),
     addBaseCommands(),
     addItalic(),
+    addBold(),
     withPriority(addParagraph(), Priority.high),
   ])
 }

package/dist/internal/example.css

@@ -1,128 +0,0 @@
-/* src/internal/example.css */
-.example-editor {
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
-}
-.example-editor p:first-of-type {
-  margin-top: 0;
-}
-.example-editor p:last-of-type {
-  margin-bottom: 0;
-}
-.example-editor h1,
-.example-editor h2,
-.example-editor h3,
-.example-editor h4,
-.example-editor h5,
-.example-editor h6 {
-  font-weight: 600;
-  line-height: 1.25;
-}
-.example-editor a {
-  text-decoration: underline;
-  font-weight: 500;
-}
-.example-editor p,
-.example-editor ul,
-.example-editor ol,
-.example-editor pre {
-  margin: 1em 0;
-  line-height: 1.5;
-}
-.example-editor blockquote {
-  margin: 1em 0;
-  padding-left: 1em;
-  font-style: italic;
-}
-.example-editor h1 {
-  margin: 1rem 0;
-  font-size: 2.25em;
-}
-.example-editor h2 {
-  margin: 1.75em 0 0.5em;
-  font-size: 1.75em;
-}
-.example-editor h3 {
-  margin: 1.5em 0 0.5em;
-  font-size: 1.375em;
-}
-.example-editor h4 {
-  margin: 1em 0;
-  font-size: 1.125em;
-}
-.example-editor img,
-.example-editor video {
-  max-width: 100%;
-}
-.example-editor code {
-  font-size: 0.875em;
-  font-weight: 600;
-}
-.example-editor pre {
-  padding: 2rem 2rem;
-  overflow-x: auto;
-  border-radius: 0.375rem;
-}
-.example-editor pre,
-.example-editor code {
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  hyphens: none;
-}
-.example-editor pre code {
-  font-weight: inherit;
-}
-.example-editor hr {
-  margin: 2em 0;
-}
-.example-editor span[data-mention=user] {
-  border-radius: 0.5rem;
-  padding: 0.125rem;
-  color: rgb(59 130 246);
-}
-.example-editor span[data-mention=user]::before {
-  content: "@";
-}
-.example-editor span[data-mention=tag] {
-  border-radius: 0.5rem;
-  background-color: rgb(229 231 235);
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-@media (prefers-color-scheme: dark) {
-  .example-editor span[data-mention=tag] {
-    background-color: rgb(75 85 99);
-  }
-}
-.example-editor span[data-mention=tag]::before {
-  content: "#";
-  padding-right: 0.125rem;
-  opacity: 0.4;
-}
-@media (prefers-color-scheme: dark) {
-  .example-editor span[data-mention=tag]::before {
-    opacity: 0.5;
-  }
-}