@lofcz/platejs-callout 52.0.11

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+
+Copyright (c) Ziad Beyens, Dylan Schiemann, Joe Anderson, Felix Feng
+
+Unless otherwise specified in a LICENSE file within an individual package directory,
+this license applies to all files in this repository outside of those package directories.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,7 @@
+# Plate callout plugins
+
+This package implements the callout block plugins for Plate.
+
+## License
+
+[MIT](../../LICENSE)

package/dist/BaseCalloutPlugin-D9LGdRSe.js

@@ -0,0 +1,31 @@
+import { KEYS, bindFirst, createSlatePlugin } from "platejs";
+
+//#region src/lib/transforms/insertCallout.ts
+const CALLOUT_STORAGE_KEY = "plate-storage-callout";
+const insertCallout = (editor, { icon, variant, ...options } = {}) => {
+	editor.tf.insertNodes({
+		children: [{ text: "" }],
+		icon: icon ?? localStorage.getItem(CALLOUT_STORAGE_KEY) ?? "💡",
+		type: editor.getType(KEYS.callout),
+		variant
+	}, options);
+};
+
+//#endregion
+//#region src/lib/BaseCalloutPlugin.ts
+const BaseCalloutPlugin = createSlatePlugin({
+	key: KEYS.callout,
+	node: { isElement: true },
+	rules: {
+		break: {
+			default: "lineBreak",
+			empty: "reset",
+			emptyLineEnd: "deleteExit"
+		},
+		delete: { start: "reset" }
+	}
+}).extendEditorTransforms(({ editor }) => ({ insert: { callout: bindFirst(insertCallout, editor) } }));
+
+//#endregion
+export { CALLOUT_STORAGE_KEY as n, insertCallout as r, BaseCalloutPlugin as t };
+//# sourceMappingURL=BaseCalloutPlugin-D9LGdRSe.js.map

package/dist/BaseCalloutPlugin-D9LGdRSe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCalloutPlugin-D9LGdRSe.js","names":["InsertNodesOptions","SlateEditor","TCalloutElement","KEYS","CALLOUT_STORAGE_KEY","insertCallout","editor","icon","variant","options","tf","insertNodes","children","text","localStorage","getItem","type","getType","callout","bindFirst","createSlatePlugin","KEYS","insertCallout","BaseCalloutPlugin","key","callout","node","isElement","rules","break","default","empty","emptyLineEnd","delete","start","extendEditorTransforms","editor","insert"],"sources":["../src/lib/transforms/insertCallout.ts","../src/lib/BaseCalloutPlugin.ts"],"sourcesContent":["import type { InsertNodesOptions, SlateEditor, TCalloutElement } from 'platejs';\n\nimport { KEYS } from 'platejs';\n\nexport const CALLOUT_STORAGE_KEY = 'plate-storage-callout';\n\nexport const insertCallout = (\n  editor: SlateEditor,\n  {\n    icon,\n    variant,\n    ...options\n  }: InsertNodesOptions & {\n    icon?: string;\n    variant?: (string & {}) | TCalloutElement['variant'];\n  } = {}\n) => {\n  editor.tf.insertNodes<TCalloutElement>(\n    {\n      children: [{ text: '' }],\n      icon: icon ?? localStorage.getItem(CALLOUT_STORAGE_KEY) ?? '💡',\n      type: editor.getType(KEYS.callout),\n      variant,\n    },\n    options as any\n  );\n};\n","import { bindFirst, createSlatePlugin, KEYS } from 'platejs';\n\nimport { insertCallout } from './transforms';\n\nexport const BaseCalloutPlugin = createSlatePlugin({\n  key: KEYS.callout,\n  node: {\n    isElement: true,\n  },\n  rules: {\n    break: {\n      default: 'lineBreak',\n      empty: 'reset',\n      emptyLineEnd: 'deleteExit',\n    },\n    delete: {\n      start: 'reset',\n    },\n  },\n}).extendEditorTransforms(({ editor }) => ({\n  insert: { callout: bindFirst(insertCallout, editor) },\n}));\n"],"mappings":";;;AAIA,MAAaI,sBAAsB;AAEnC,MAAaC,iBACXC,QACA,EACEC,MACAC,SACA,GAAGC,YAID,EAAE,KACH;AACHH,QAAOI,GAAGC,YACR;EACEC,UAAU,CAAC,EAAEC,MAAM,IAAI,CAAC;EACxBN,MAAMA,QAAQO,aAAaC,QAAQX,oBAAoB,IAAI;EAC3DY,MAAMV,OAAOW,QAAQd,KAAKe,QAAQ;EAClCV;EACD,EACDC,QACD;;;;;ACrBH,MAAac,oBAAoBH,kBAAkB;CACjDI,KAAKH,KAAKI;CACVC,MAAM,EACJC,WAAW,MACZ;CACDC,OAAO;EACLC,OAAO;GACLC,SAAS;GACTC,OAAO;GACPC,cAAc;GACf;EACDC,QAAQ,EACNC,OAAO,SACT;EACF;CACD,CAAC,CAACC,wBAAwB,EAAEC,cAAc,EACzCC,QAAQ,EAAEZ,SAASN,UAAUG,eAAec,OAAM,EAAE,EACrD,EAAE"}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { InsertNodesOptions, SlateEditor, TCalloutElement } from "platejs";
+
+//#region src/lib/BaseCalloutPlugin.d.ts
+declare const BaseCalloutPlugin: any;
+//#endregion
+//#region src/lib/transforms/insertCallout.d.ts
+declare const CALLOUT_STORAGE_KEY = "plate-storage-callout";
+declare const insertCallout: (editor: SlateEditor, {
+  icon,
+  variant,
+  ...options
+}?: InsertNodesOptions & {
+  icon?: string;
+  variant?: (string & {}) | TCalloutElement["variant"];
+}) => void;
+//#endregion
+export { BaseCalloutPlugin, CALLOUT_STORAGE_KEY, insertCallout };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib/BaseCalloutPlugin.ts","../src/lib/transforms/insertCallout.ts"],"sourcesContent":[],"mappings":";;;cAIa;;;cCAA,mBAAA;cAEA,wBACH;;;;IAKL;EDRQ,IAAA,CAAA,EAAA,MAAA;4BCUiB"}

package/dist/index.js

@@ -0,0 +1,3 @@
+import { n as CALLOUT_STORAGE_KEY, r as insertCallout, t as BaseCalloutPlugin } from "./BaseCalloutPlugin-D9LGdRSe.js";
+
+export { BaseCalloutPlugin, CALLOUT_STORAGE_KEY, insertCallout };

package/dist/react/index.d.ts

@@ -0,0 +1,25 @@
+//#region src/react/CalloutPlugin.d.ts
+declare const CalloutPlugin: any;
+//#endregion
+//#region src/react/hooks/useCalloutEmojiPicker.d.ts
+type UseCalloutEmojiPickerOptions = {
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+};
+declare const useCalloutEmojiPicker: ({
+  isOpen,
+  setIsOpen
+}: UseCalloutEmojiPickerOptions) => {
+  emojiToolbarDropdownProps: {
+    isOpen: boolean;
+    setIsOpen: (v: boolean) => void;
+  };
+  props: {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    onSelectEmoji: (emojiValue: any) => void;
+  };
+};
+//#endregion
+export { CalloutPlugin, UseCalloutEmojiPickerOptions, useCalloutEmojiPicker };
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/react/CalloutPlugin.tsx","../../src/react/hooks/useCalloutEmojiPicker.ts"],"sourcesContent":[],"mappings":";cAIa;;;KCED,4BAAA;EDFC,MAAA,EAAA,OAAA;;;cCOA;;;GAGV;EARS,yBAAA,EAAA;IAKC,MAAA,EAAA,OAAA;IAAyB,SAAA,EAAA,CAAA,CAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,CAAA;EAGnC,KAAA,EAAA;IAA4B,MAAA,EAAA,OAAA"}

package/dist/react/index.js

@@ -0,0 +1,76 @@
+import { n as CALLOUT_STORAGE_KEY, t as BaseCalloutPlugin } from "../BaseCalloutPlugin-D9LGdRSe.js";
+import { toPlatePlugin, useEditorReadOnly, useEditorRef, useElement } from "platejs/react";
+import { c } from "react-compiler-runtime";
+
+//#region src/react/CalloutPlugin.tsx
+const CalloutPlugin = toPlatePlugin(BaseCalloutPlugin);
+
+//#endregion
+//#region src/react/hooks/useCalloutEmojiPicker.ts
+const useCalloutEmojiPicker = (t0) => {
+	const $ = c(17);
+	const { isOpen, setIsOpen } = t0;
+	const editor = useEditorRef();
+	const readOnly = useEditorReadOnly();
+	const element = useElement();
+	let t1;
+	if ($[0] !== readOnly || $[1] !== setIsOpen) {
+		t1 = (v) => {
+			if (readOnly) return;
+			setIsOpen(v);
+		};
+		$[0] = readOnly;
+		$[1] = setIsOpen;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== isOpen || $[4] !== t1) {
+		t2 = {
+			isOpen,
+			setIsOpen: t1
+		};
+		$[3] = isOpen;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== editor || $[7] !== element || $[8] !== setIsOpen) {
+		t3 = (emojiValue) => {
+			const icon = emojiValue.skins?.[0]?.native ?? emojiValue.icon;
+			editor.tf.setNodes({ icon }, { at: element });
+			localStorage.setItem(CALLOUT_STORAGE_KEY, icon);
+			setIsOpen(false);
+		};
+		$[6] = editor;
+		$[7] = element;
+		$[8] = setIsOpen;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== isOpen || $[11] !== setIsOpen || $[12] !== t3) {
+		t4 = {
+			isOpen,
+			setIsOpen,
+			onSelectEmoji: t3
+		};
+		$[10] = isOpen;
+		$[11] = setIsOpen;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== t2 || $[15] !== t4) {
+		t5 = {
+			emojiToolbarDropdownProps: t2,
+			props: t4
+		};
+		$[14] = t2;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
+};
+
+//#endregion
+export { CalloutPlugin, useCalloutEmojiPicker };
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["toPlatePlugin","BaseCalloutPlugin","CalloutPlugin","TCalloutElement","useEditorReadOnly","useEditorRef","useElement","CALLOUT_STORAGE_KEY","UseCalloutEmojiPickerOptions","isOpen","setIsOpen","useCalloutEmojiPicker","t0","$","_c","editor","readOnly","element","t1","v","t2","t3","emojiValue","icon","skins","native","tf","setNodes","at","localStorage","setItem","t4","onSelectEmoji","t5","emojiToolbarDropdownProps","props"],"sources":["../../src/react/CalloutPlugin.tsx","../../src/react/hooks/useCalloutEmojiPicker.ts"],"sourcesContent":["import { toPlatePlugin } from 'platejs/react';\n\nimport { BaseCalloutPlugin } from '../lib';\n\nexport const CalloutPlugin = toPlatePlugin(BaseCalloutPlugin);\n","import type { TCalloutElement } from 'platejs';\n\nimport { useEditorReadOnly, useEditorRef, useElement } from 'platejs/react';\n\nimport { CALLOUT_STORAGE_KEY } from '../../lib';\n\nexport type UseCalloutEmojiPickerOptions = {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n};\n\nexport const useCalloutEmojiPicker = ({\n  isOpen,\n  setIsOpen,\n}: UseCalloutEmojiPickerOptions) => {\n  const editor = useEditorRef();\n  const readOnly = useEditorReadOnly();\n  const element = useElement<TCalloutElement>();\n\n  return {\n    emojiToolbarDropdownProps: {\n      isOpen,\n      setIsOpen: (v: boolean) => {\n        if (readOnly) return;\n\n        setIsOpen(v);\n      },\n    },\n    props: {\n      isOpen,\n      setIsOpen,\n      onSelectEmoji: (emojiValue: any) => {\n        const icon = emojiValue.skins?.[0]?.native ?? emojiValue.icon;\n\n        editor.tf.setNodes<TCalloutElement>(\n          {\n            icon,\n          },\n          { at: element }\n        );\n\n        localStorage.setItem(CALLOUT_STORAGE_KEY, icon);\n        setIsOpen(false);\n      },\n    },\n  };\n};\n"],"mappings":";;;;;AAIA,MAAaE,gBAAgBF,cAAcC,kBAAkB;;;;ACO7D,MAAaU,yBAAwBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAL,QAAAC,cAAAE;CAIpC,MAAAG,SAAeV,cAAc;CAC7B,MAAAW,WAAiBZ,mBAAmB;CACpC,MAAAa,UAAgBX,YAA6B;CAAC,IAAAY;AAAA,KAAAL,EAAA,OAAAG,YAAAH,EAAA,OAAAH,WAAA;AAK/BQ,QAAAC,MAAA;AACT,OAAIH,SAAQ;AAEZN,aAAUS,EAAE;;AACbN,IAAA,KAAAG;AAAAH,IAAA,KAAAH;AAAAG,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAJ,UAAAI,EAAA,OAAAK,IAAA;AANwBE,OAAA;GAAAX;GAAAC,WAEdQ;GAKZ;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAE,UAAAF,EAAA,OAAAI,WAAAJ,EAAA,OAAAH,WAAA;AAIgBW,QAAAC,eAAA;GACb,MAAAC,OAAaD,WAAUE,QAAW,IAAQC,UAAIH,WAAUC;AAExDR,UAAMW,GAAGC,SACP,EAAAJ,MAEC,EACD,EAAAK,IAAMX,SACR,CAAC;AAEDY,gBAAYC,QAASvB,qBAAqBgB,KAAK;AAC/Cb,aAAU,MAAM;;AACjBG,IAAA,KAAAE;AAAAF,IAAA,KAAAI;AAAAJ,IAAA,KAAAH;AAAAG,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAJ,UAAAI,EAAA,QAAAH,aAAAG,EAAA,QAAAQ,IAAA;AAfIU,OAAA;GAAAtB;GAAAC;GAAAsB,eAGUX;GAahB;AAAAR,IAAA,MAAAJ;AAAAI,IAAA,MAAAH;AAAAG,IAAA,MAAAQ;AAAAR,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAO,MAAAP,EAAA,QAAAkB,IAAA;AAzBIE,OAAA;GAAAC,2BACsBd;GAO1Be,OACMJ;GAiBR;AAAAlB,IAAA,MAAAO;AAAAP,IAAA,MAAAkB;AAAAlB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QA1BMoB"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@lofcz/platejs-callout",
+  "version": "52.0.11",
+  "description": "Callout plugin for Plate",
+  "keywords": [
+    "plate",
+    "plugin",
+    "slate"
+  ],
+  "homepage": "https://platejs.org",
+  "bugs": {
+    "url": "https://github.com/udecode/plate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lofcz/plate.git",
+    "directory": "packages/callout"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": "./dist/index.js",
+    "./react": "./dist/react/index.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "devDependencies": {
+    "@plate/scripts": "1.0.0"
+  },
+  "peerDependencies": {
+    "platejs": ">=52.0.11",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "module": "./dist/index.js",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
+  "scripts": {
+    "brl": "plate-pkg p:brl",
+    "build": "plate-pkg p:build",
+    "build:watch": "plate-pkg p:build:watch",
+    "clean": "plate-pkg p:clean",
+    "lint": "plate-pkg p:lint",
+    "lint:fix": "plate-pkg p:lint:fix",
+    "test": "plate-pkg p:test",
+    "test:watch": "plate-pkg p:test:watch",
+    "typecheck": "plate-pkg p:typecheck"
+  }
+}