npm - @makeswift/runtime - Versions diffs - 0.28.10-canary.8 → 0.29.0-canary.19 - Mend

@makeswift/runtime 0.28.10-canary.8 → 0.29.0-canary.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (711) hide show

package/dist/cjs/slate/BlockPlugin/index.js CHANGED Viewed

@@ -36,7 +36,6 @@ __export(BlockPlugin_exports, {
 });
 module.exports = __toCommonJS(BlockPlugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_css = require("@emotion/css");
 var import_slate = require("slate");
 var import_controls = require("@makeswift/controls");
 var import_setBlockKeyForDevice = require("./setBlockKeyForDevice");
@@ -54,9 +53,10 @@ var import_toggleList = require("./toggleList");
 var import_editor = require("../utils/editor");
 var import_is_hotkey = __toESM(require("is-hotkey"));
 var import_constants = require("./constants");
-var import_use_style = require("../../runtimes/react/use-style");
 var import_plugin = require("../../controls/rich-text-v2/plugin");
 var import_types = require("../../slate/types");
+var import_use_style = require("../../runtimes/react/css-runtime/hooks/use-style");
+var import_clsx = __toESM(require("clsx"));
 const BlockActions = {
   setBlockKeyForDevice: import_setBlockKeyForDevice.setBlockKeyForDevice,
   clearBlockKeyForDevice: import_clearBlockKeyForDevice.clearBlockKeyForDevice,
@@ -302,14 +302,17 @@ function BlockPluginComponent({
   renderElement,
   ...props
 }) {
-  const blockStyles = [(0, import_use_style.useStyle)({ margin: 0 }), props.element.className];
-  const quoteStyles = (0, import_use_style.useStyle)({
+  const { className: blockStylesClassName, styleElement: blockStylesStyleElement } = (0, import_use_style.useStyle)({
+    margin: 0
+  });
+  const quoteStyles = {
     padding: "0.5em 10px",
     fontSize: "1.25em",
     fontWeight: "300",
     borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
-  });
-  const unorderedListStyles = (0, import_use_style.useStyle)({
+  };
+  const { className: quoteStylesClassName, styleElement: quoteStylesStyleElement } = (0, import_use_style.useStyle)(quoteStyles);
+  const unorderedListStyles = {
     listStylePosition: "inside",
     paddingInlineStart: "20px",
     listStyleType: "disc",
@@ -319,38 +322,115 @@ function BlockPluginComponent({
     "ul ul": {
       listStyleType: "square"
     }
-  });
-  const orderedListStyles = (0, import_use_style.useStyle)({
+  };
+  const { className: unorderedListStylesClassName, styleElement: unorderedListStyleElement } = (0, import_use_style.useStyle)(unorderedListStyles);
+  const orderedListStyles = {
     listStylePosition: "inside",
     paddingInlineStart: "20px",
     listStyleType: "decimal"
-  });
+  };
+  const { className: orderedListStylesClassName, styleElement: orderedListStyleElement } = (0, import_use_style.useStyle)(orderedListStyles);
   switch (props.element.type) {
     case import_types.BlockType.Default:
     case import_types.BlockType.Paragraph:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.Heading1:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.Heading2:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.Heading3:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.Heading4:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.Heading5:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.Heading6:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.BlockQuote:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", { ...props.attributes, className: (0, import_css.cx)(...blockStyles, quoteStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        quoteStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "blockquote",
+          {
+            ...props.attributes,
+            className: (0, import_clsx.default)(blockStylesClassName, quoteStylesClassName, props.element.className),
+            children: renderElement(props)
+          }
+        )
+      ] });
     case import_types.BlockType.OrderedList:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { ...props.attributes, className: (0, import_css.cx)(...blockStyles, orderedListStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        orderedListStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "ol",
+          {
+            ...props.attributes,
+            className: (0, import_clsx.default)(
+              blockStylesClassName,
+              orderedListStylesClassName,
+              props.element.className
+            ),
+            children: renderElement(props)
+          }
+        )
+      ] });
     case import_types.BlockType.UnorderedList:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { ...props.attributes, className: (0, import_css.cx)(...blockStyles, unorderedListStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        unorderedListStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "ul",
+          {
+            ...props.attributes,
+            className: (0, import_clsx.default)(
+              blockStylesClassName,
+              unorderedListStylesClassName,
+              props.element.className
+            ),
+            children: renderElement(props)
+          }
+        )
+      ] });
     case import_types.BlockType.ListItem:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { ...props.attributes, className: (0, import_clsx.default)(blockStylesClassName, props.element.className), children: renderElement(props) })
+      ] });
     case import_types.BlockType.ListItemChild:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        blockStylesStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            ...props.attributes,
+            className: (0, import_clsx.default)(blockStylesClassName, props.element.className),
+            children: renderElement(props)
+          }
+        )
+      ] });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderElement(props) });
   }

package/dist/cjs/slate/BlockPlugin/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/slate/BlockPlugin/index.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { cx } from '@emotion/css'\nimport { Editor, Transforms, Range, Node, PathRef, Text } from 'slate'\nimport { type RenderElementProps } from 'slate-react'\nimport { Select, Slate, type DataType } from '@makeswift/controls'\n\nimport { setBlockKeyForDevice } from './setBlockKeyForDevice'\nimport { clearBlockKeyForDevice } from './clearBlockKeyForDevice'\nimport { wrapInline } from './wrapInline'\nimport { unwrapInline } from './unwrapInline'\nimport { getSelection } from '../selectors'\nimport { ElementUtils } from '../utils/element'\nimport { getActiveBlockType } from '../selectors'\nimport { unwrapList } from './unwrapList'\nimport { wrapList } from './wrapList'\nimport { indent } from './indent'\nimport { dedent } from './dedent'\nimport { toggleList } from './toggleList'\nimport { EditorUtils } from '../utils/editor'\nimport isHotkey from 'is-hotkey'\nimport { LIST_ITEM_CHILD_POSITION } from './constants'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { type RenderElement, Plugin } from '../../controls/rich-text-v2/plugin'\nimport { BlockType } from '../../slate/types'\n\nexport const BlockActions = {\n setBlockKeyForDevice,\n clearBlockKeyForDevice,\n wrapInline,\n unwrapInline,\n}\n\n// TODO: This API is still litered with artifacts from the list plugin being seperated out.\n// This plugin needs to be rewritten to be assumptionless.\nexport const ListActions = {\n unwrapList,\n wrapList,\n indent,\n dedent,\n toggleList,\n}\n\nexport function onKeyDown(e: KeyboardEvent, editor: Editor) {\n if (\n !editor.selection \|\|\n Array.from(Editor.nodes(editor, { match: node => Slate.isListItem(node) })).length === 0\n )\n return\n\n if (isHotkey('shift+tab', e)) {\n e.preventDefault()\n ListActions.dedent(editor)\n }\n\n if (isHotkey('tab', e)) {\n e.preventDefault()\n ListActions.indent(editor)\n }\n\n if (isHotkey('backspace', e)) {\n if (!editor.selection) return\n if (Range.isExpanded(editor.selection)) return\n const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n if (editor.selection.anchor.offset === 0 && listItem) {\n e.preventDefault()\n const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n const list = EditorUtils.getFirstAncestorList(editor, listItem[1])\n\n if (parentListItem) {\n ListActions.dedent(editor)\n } else if (list) {\n ListActions.unwrapList(editor)\n }\n return\n }\n }\n\n if (isHotkey('enter', e)) {\n e.preventDefault()\n\n if (!editor.selection) return\n\n if (Range.isExpanded(editor.selection)) {\n Transforms.delete(editor)\n return\n }\n\n const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n if (\n editor.selection.anchor.offset === 0 &&\n listItem &&\n Editor.string(editor, listItem[1]) === ''\n ) {\n const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n\n if (parentListItem) {\n ListActions.dedent(editor)\n } else {\n ListActions.unwrapList(editor)\n }\n return\n }\n\n Transforms.splitNodes(editor, {\n at: editor.selection,\n always: true,\n match: node => Slate.isListItem(node),\n })\n }\n\n if (isHotkey('shift+enter', e)) {\n e.preventDefault()\n editor.insertText('\\n')\n }\n}\n\nexport function withBlock(editor: Editor) {\n const { normalizeNode } = editor\n\n editor.isInline = entry => {\n return Slate.isInline(entry)\n }\n\n editor.normalizeNode = entry => {\n const [normalizationNode, normalizationPath] = entry\n // Normalization textAlign with empty array of values\n if (Slate.isBlock(normalizationNode) && normalizationNode?.textAlign?.length == 0) {\n Transforms.unsetNodes(editor, 'textAlign', { at: normalizationPath })\n return\n }\n\n // Normalization for preventing non-list root blocks from being nested.\n if (\n normalizationPath.length === 1 &&\n Slate.isRootBlock(normalizationNode) &&\n !Slate.isList(normalizationNode)\n ) {\n const children = Array.from(Node.children(editor, normalizationPath))\n if (children.findIndex(([child]) => Slate.isRootBlock(child)) !== -1) {\n Transforms.unwrapNodes(editor, { at: normalizationPath })\n return\n }\n }\n\n // Normalization for converting children of list items to list item children\n // In the case of backspace from position 0 of node into a list this converts the node into a list item.\n if (Slate.isListItem(normalizationNode)) {\n const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION]\n\n if (Node.has(editor, pathToListItemText)) {\n const nodeInListItemTextPosition = Node.get(editor, pathToListItemText)\n if (Slate.isRootBlock(nodeInListItemTextPosition)) {\n Transforms.setNodes(\n editor,\n { type: BlockType.ListItemChild },\n {\n at: pathToListItemText,\n },\n )\n return\n }\n } else {\n Transforms.insertNodes(editor, ElementUtils.createListItem(), {\n at: pathToListItemText,\n })\n return\n }\n }\n\n // Normalization for merging adjacent lists of the same type\n if (!Text.isText(normalizationNode)) {\n const mergeableChildren = Array.from(Node.children(editor, normalizationPath))\n .map((child, index, children) => {\n const potentialNodeToBeMerged = children.at(index + 1)\n if (\n !potentialNodeToBeMerged \|\|\n !Slate.isList(potentialNodeToBeMerged[0]) \|\|\n !Slate.isList(child[0]) \|\|\n potentialNodeToBeMerged[0].type !== child[0].type\n ) {\n return null\n }\n return [\n Editor.pathRef(editor, child[1]),\n Editor.pathRef(editor, potentialNodeToBeMerged[1]),\n ]\n })\n .filter((mergeableNodes): mergeableNodes is PathRef[] => Boolean(mergeableNodes))\n\n if (mergeableChildren.length !== 0) {\n mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {\n const nodePath = nodePathRef.current\n const nodeToBeMergedPath = nodeToBeMergedPathRef.current\n if (nodePath == null \|\| nodeToBeMergedPath == null) return\n const nodeChildren = Array.from(Node.children(editor, nodePath))\n const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath))\n Editor.withoutNormalizing(editor, () => {\n childrenToBeMerged.reverse().forEach(([_, childPath]) => {\n Transforms.moveNodes(editor, {\n at: childPath,\n to: [...nodePath, nodeChildren.length],\n })\n })\n Transforms.removeNodes(editor, { at: nodeToBeMergedPath })\n })\n nodePathRef.unref()\n nodeToBeMergedPathRef.unref()\n })\n return\n }\n }\n\n normalizeNode(entry)\n }\n\n return editor\n}\n\nconst definition = Select({\n label: 'Block',\n labelOrientation: 'horizontal',\n options: [\n {\n value: BlockType.Paragraph,\n label: 'Paragraph',\n },\n {\n value: BlockType.Heading1,\n label: 'Heading 1',\n },\n {\n value: BlockType.Heading2,\n label: 'Heading 2',\n },\n {\n value: BlockType.Heading3,\n label: 'Heading 3',\n },\n {\n value: BlockType.Heading4,\n label: 'Heading 4',\n },\n {\n value: BlockType.Heading5,\n label: 'Heading 5',\n },\n {\n value: BlockType.Heading6,\n label: 'Heading 6',\n },\n {\n value: BlockType.UnorderedList,\n label: 'Bulleted list',\n },\n {\n value: BlockType.OrderedList,\n label: 'Numbered list',\n },\n {\n value: BlockType.BlockQuote,\n label: 'Quote',\n },\n ],\n defaultValue: BlockType.Paragraph,\n})\n\nexport function BlockPlugin() {\n return Plugin({\n withPlugin: withBlock,\n onKeyDown: onKeyDown,\n control: {\n definition,\n onChange: (editor, value: DataType<typeof definition>) => {\n // TODO: This onChange being so complex is an artifact of how the List plugin used to be seperated out from the block plugin.\n // Would be great to refactor and simplify here.\n\n const activeBlockType = getActiveBlockType(editor)\n if (value === BlockType.UnorderedList \|\| value === BlockType.OrderedList) {\n ListActions.toggleList(editor, {\n type: value,\n at: getSelection(editor),\n })\n } else if (activeBlockType === value) {\n Transforms.setNodes(\n editor,\n {\n type: BlockType.Default,\n },\n { at: getSelection(editor) },\n )\n } else {\n ListActions.unwrapList(editor, {\n at: getSelection(editor),\n })\n Transforms.setNodes(\n editor,\n {\n type: value ?? BlockType.Default,\n },\n { at: getSelection(editor) },\n )\n }\n },\n getValue: editor => {\n const activeBlock = getActiveBlockType(editor)\n\n if (activeBlock == null) return undefined\n if (activeBlock === Slate.RootBlockType.Default) return undefined\n\n return activeBlock\n },\n },\n renderElement: renderElement => props => (\n <BlockPluginComponent {...props} renderElement={renderElement} />\n ),\n })\n}\n\nfunction BlockPluginComponent({\n renderElement,\n ...props\n}: RenderElementProps & { renderElement: RenderElement }) {\n const blockStyles = [useStyle({ margin: 0 }), props.element.className]\n const quoteStyles = useStyle({\n padding: '0.5em 10px',\n fontSize: '1.25em',\n fontWeight: '300',\n borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n })\n\n const unorderedListStyles = useStyle({\n listStylePosition: 'inside',\n paddingInlineStart: '20px',\n listStyleType: 'disc',\n ul: {\n listStyleType: 'circle',\n },\n 'ul ul': {\n listStyleType: 'square',\n },\n })\n\n const orderedListStyles = useStyle({\n listStylePosition: 'inside',\n paddingInlineStart: '20px',\n listStyleType: 'decimal',\n })\n\n switch (props.element.type) {\n case BlockType.Default:\n case BlockType.Paragraph:\n return (\n <p {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </p>\n )\n case BlockType.Heading1:\n return (\n <h1 {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </h1>\n )\n case BlockType.Heading2:\n return (\n <h2 {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </h2>\n )\n case BlockType.Heading3:\n return (\n <h3 {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </h3>\n )\n case BlockType.Heading4:\n return (\n <h4 {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </h4>\n )\n case BlockType.Heading5:\n return (\n <h5 {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </h5>\n )\n case BlockType.Heading6:\n return (\n <h6 {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </h6>\n )\n case BlockType.BlockQuote:\n return (\n <blockquote {...props.attributes} className={cx(...blockStyles, quoteStyles)}>\n {renderElement(props)}\n </blockquote>\n )\n case BlockType.OrderedList:\n return (\n <ol {...props.attributes} className={cx(...blockStyles, orderedListStyles)}>\n {renderElement(props)}\n </ol>\n )\n case BlockType.UnorderedList:\n return (\n <ul {...props.attributes} className={cx(...blockStyles, unorderedListStyles)}>\n {renderElement(props)}\n </ul>\n )\n case BlockType.ListItem:\n return (\n <li {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </li>\n )\n case BlockType.ListItemChild:\n return (\n <span {...props.attributes} className={cx(...blockStyles)}>\n {renderElement(props)}\n </span>\n )\n default:\n return <>{renderElement(props)}</>\n }\n}\n"],"mappings":"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","names":["import_selectors","isHotkey"]}
1	+ {"version":3,"sources":["../../../../src/slate/BlockPlugin/index.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { Editor, Transforms, Range, Node, PathRef, Text } from 'slate'\nimport { type RenderElementProps } from 'slate-react'\nimport { Select, Slate, type DataType } from '@makeswift/controls'\n\nimport { setBlockKeyForDevice } from './setBlockKeyForDevice'\nimport { clearBlockKeyForDevice } from './clearBlockKeyForDevice'\nimport { wrapInline } from './wrapInline'\nimport { unwrapInline } from './unwrapInline'\nimport { getSelection } from '../selectors'\nimport { ElementUtils } from '../utils/element'\nimport { getActiveBlockType } from '../selectors'\nimport { unwrapList } from './unwrapList'\nimport { wrapList } from './wrapList'\nimport { indent } from './indent'\nimport { dedent } from './dedent'\nimport { toggleList } from './toggleList'\nimport { EditorUtils } from '../utils/editor'\nimport isHotkey from 'is-hotkey'\nimport { LIST_ITEM_CHILD_POSITION } from './constants'\nimport { type RenderElement, Plugin } from '../../controls/rich-text-v2/plugin'\nimport { BlockType } from '../../slate/types'\nimport { useStyle } from '../../runtimes/react/css-runtime/hooks/use-style'\nimport clsx from 'clsx'\nimport { CSSObject } from '@emotion/serialize'\n\nexport const BlockActions = {\n setBlockKeyForDevice,\n clearBlockKeyForDevice,\n wrapInline,\n unwrapInline,\n}\n\n// TODO: This API is still litered with artifacts from the list plugin being seperated out.\n// This plugin needs to be rewritten to be assumptionless.\nexport const ListActions = {\n unwrapList,\n wrapList,\n indent,\n dedent,\n toggleList,\n}\n\nexport function onKeyDown(e: KeyboardEvent, editor: Editor) {\n if (\n !editor.selection \|\|\n Array.from(Editor.nodes(editor, { match: node => Slate.isListItem(node) })).length === 0\n )\n return\n\n if (isHotkey('shift+tab', e)) {\n e.preventDefault()\n ListActions.dedent(editor)\n }\n\n if (isHotkey('tab', e)) {\n e.preventDefault()\n ListActions.indent(editor)\n }\n\n if (isHotkey('backspace', e)) {\n if (!editor.selection) return\n if (Range.isExpanded(editor.selection)) return\n const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n if (editor.selection.anchor.offset === 0 && listItem) {\n e.preventDefault()\n const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n const list = EditorUtils.getFirstAncestorList(editor, listItem[1])\n\n if (parentListItem) {\n ListActions.dedent(editor)\n } else if (list) {\n ListActions.unwrapList(editor)\n }\n return\n }\n }\n\n if (isHotkey('enter', e)) {\n e.preventDefault()\n\n if (!editor.selection) return\n\n if (Range.isExpanded(editor.selection)) {\n Transforms.delete(editor)\n return\n }\n\n const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n if (\n editor.selection.anchor.offset === 0 &&\n listItem &&\n Editor.string(editor, listItem[1]) === ''\n ) {\n const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n\n if (parentListItem) {\n ListActions.dedent(editor)\n } else {\n ListActions.unwrapList(editor)\n }\n return\n }\n\n Transforms.splitNodes(editor, {\n at: editor.selection,\n always: true,\n match: node => Slate.isListItem(node),\n })\n }\n\n if (isHotkey('shift+enter', e)) {\n e.preventDefault()\n editor.insertText('\\n')\n }\n}\n\nexport function withBlock(editor: Editor) {\n const { normalizeNode } = editor\n\n editor.isInline = entry => {\n return Slate.isInline(entry)\n }\n\n editor.normalizeNode = entry => {\n const [normalizationNode, normalizationPath] = entry\n // Normalization textAlign with empty array of values\n if (Slate.isBlock(normalizationNode) && normalizationNode?.textAlign?.length == 0) {\n Transforms.unsetNodes(editor, 'textAlign', { at: normalizationPath })\n return\n }\n\n // Normalization for preventing non-list root blocks from being nested.\n if (\n normalizationPath.length === 1 &&\n Slate.isRootBlock(normalizationNode) &&\n !Slate.isList(normalizationNode)\n ) {\n const children = Array.from(Node.children(editor, normalizationPath))\n if (children.findIndex(([child]) => Slate.isRootBlock(child)) !== -1) {\n Transforms.unwrapNodes(editor, { at: normalizationPath })\n return\n }\n }\n\n // Normalization for converting children of list items to list item children\n // In the case of backspace from position 0 of node into a list this converts the node into a list item.\n if (Slate.isListItem(normalizationNode)) {\n const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION]\n\n if (Node.has(editor, pathToListItemText)) {\n const nodeInListItemTextPosition = Node.get(editor, pathToListItemText)\n if (Slate.isRootBlock(nodeInListItemTextPosition)) {\n Transforms.setNodes(\n editor,\n { type: BlockType.ListItemChild },\n {\n at: pathToListItemText,\n },\n )\n return\n }\n } else {\n Transforms.insertNodes(editor, ElementUtils.createListItem(), {\n at: pathToListItemText,\n })\n return\n }\n }\n\n // Normalization for merging adjacent lists of the same type\n if (!Text.isText(normalizationNode)) {\n const mergeableChildren = Array.from(Node.children(editor, normalizationPath))\n .map((child, index, children) => {\n const potentialNodeToBeMerged = children.at(index + 1)\n if (\n !potentialNodeToBeMerged \|\|\n !Slate.isList(potentialNodeToBeMerged[0]) \|\|\n !Slate.isList(child[0]) \|\|\n potentialNodeToBeMerged[0].type !== child[0].type\n ) {\n return null\n }\n return [\n Editor.pathRef(editor, child[1]),\n Editor.pathRef(editor, potentialNodeToBeMerged[1]),\n ]\n })\n .filter((mergeableNodes): mergeableNodes is PathRef[] => Boolean(mergeableNodes))\n\n if (mergeableChildren.length !== 0) {\n mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {\n const nodePath = nodePathRef.current\n const nodeToBeMergedPath = nodeToBeMergedPathRef.current\n if (nodePath == null \|\| nodeToBeMergedPath == null) return\n const nodeChildren = Array.from(Node.children(editor, nodePath))\n const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath))\n Editor.withoutNormalizing(editor, () => {\n childrenToBeMerged.reverse().forEach(([_, childPath]) => {\n Transforms.moveNodes(editor, {\n at: childPath,\n to: [...nodePath, nodeChildren.length],\n })\n })\n Transforms.removeNodes(editor, { at: nodeToBeMergedPath })\n })\n nodePathRef.unref()\n nodeToBeMergedPathRef.unref()\n })\n return\n }\n }\n\n normalizeNode(entry)\n }\n\n return editor\n}\n\nconst definition = Select({\n label: 'Block',\n labelOrientation: 'horizontal',\n options: [\n {\n value: BlockType.Paragraph,\n label: 'Paragraph',\n },\n {\n value: BlockType.Heading1,\n label: 'Heading 1',\n },\n {\n value: BlockType.Heading2,\n label: 'Heading 2',\n },\n {\n value: BlockType.Heading3,\n label: 'Heading 3',\n },\n {\n value: BlockType.Heading4,\n label: 'Heading 4',\n },\n {\n value: BlockType.Heading5,\n label: 'Heading 5',\n },\n {\n value: BlockType.Heading6,\n label: 'Heading 6',\n },\n {\n value: BlockType.UnorderedList,\n label: 'Bulleted list',\n },\n {\n value: BlockType.OrderedList,\n label: 'Numbered list',\n },\n {\n value: BlockType.BlockQuote,\n label: 'Quote',\n },\n ],\n defaultValue: BlockType.Paragraph,\n})\n\nexport function BlockPlugin() {\n return Plugin({\n withPlugin: withBlock,\n onKeyDown: onKeyDown,\n control: {\n definition,\n onChange: (editor, value: DataType<typeof definition>) => {\n // TODO: This onChange being so complex is an artifact of how the List plugin used to be seperated out from the block plugin.\n // Would be great to refactor and simplify here.\n\n const activeBlockType = getActiveBlockType(editor)\n if (value === BlockType.UnorderedList \|\| value === BlockType.OrderedList) {\n ListActions.toggleList(editor, {\n type: value,\n at: getSelection(editor),\n })\n } else if (activeBlockType === value) {\n Transforms.setNodes(\n editor,\n {\n type: BlockType.Default,\n },\n { at: getSelection(editor) },\n )\n } else {\n ListActions.unwrapList(editor, {\n at: getSelection(editor),\n })\n Transforms.setNodes(\n editor,\n {\n type: value ?? BlockType.Default,\n },\n { at: getSelection(editor) },\n )\n }\n },\n getValue: editor => {\n const activeBlock = getActiveBlockType(editor)\n\n if (activeBlock == null) return undefined\n if (activeBlock === Slate.RootBlockType.Default) return undefined\n\n return activeBlock\n },\n },\n renderElement: renderElement => props => (\n <BlockPluginComponent {...props} renderElement={renderElement} />\n ),\n })\n}\n\nfunction BlockPluginComponent({\n renderElement,\n ...props\n}: RenderElementProps & { renderElement: RenderElement }) {\n const { className: blockStylesClassName, styleElement: blockStylesStyleElement } = useStyle({\n margin: 0,\n })\n const quoteStyles = {\n padding: '0.5em 10px',\n fontSize: '1.25em',\n fontWeight: '300',\n borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n }\n const { className: quoteStylesClassName, styleElement: quoteStylesStyleElement } =\n useStyle(quoteStyles)\n\n const unorderedListStyles: CSSObject = {\n listStylePosition: 'inside',\n paddingInlineStart: '20px',\n listStyleType: 'disc',\n ul: {\n listStyleType: 'circle',\n },\n 'ul ul': {\n listStyleType: 'square',\n },\n }\n const { className: unorderedListStylesClassName, styleElement: unorderedListStyleElement } =\n useStyle(unorderedListStyles)\n\n const orderedListStyles: CSSObject = {\n listStylePosition: 'inside',\n paddingInlineStart: '20px',\n listStyleType: 'decimal',\n }\n const { className: orderedListStylesClassName, styleElement: orderedListStyleElement } =\n useStyle(orderedListStyles)\n\n switch (props.element.type) {\n case BlockType.Default:\n case BlockType.Paragraph:\n return (\n <>\n {blockStylesStyleElement}\n <p {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </p>\n </>\n )\n case BlockType.Heading1:\n return (\n <>\n {blockStylesStyleElement}\n <h1 {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </h1>\n </>\n )\n case BlockType.Heading2:\n return (\n <>\n {blockStylesStyleElement}\n <h2 {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </h2>\n </>\n )\n case BlockType.Heading3:\n return (\n <>\n {blockStylesStyleElement}\n <h3 {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </h3>\n </>\n )\n case BlockType.Heading4:\n return (\n <>\n {blockStylesStyleElement}\n <h4 {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </h4>\n </>\n )\n case BlockType.Heading5:\n return (\n <>\n {blockStylesStyleElement}\n <h5 {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </h5>\n </>\n )\n case BlockType.Heading6:\n return (\n <>\n {blockStylesStyleElement}\n <h6 {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </h6>\n </>\n )\n case BlockType.BlockQuote:\n return (\n <>\n {blockStylesStyleElement}\n {quoteStylesStyleElement}\n <blockquote\n {...props.attributes}\n className={clsx(blockStylesClassName, quoteStylesClassName, props.element.className)}\n >\n {renderElement(props)}\n </blockquote>\n </>\n )\n case BlockType.OrderedList:\n return (\n <>\n {blockStylesStyleElement}\n {orderedListStyleElement}\n <ol\n {...props.attributes}\n className={clsx(\n blockStylesClassName,\n orderedListStylesClassName,\n props.element.className,\n )}\n >\n {renderElement(props)}\n </ol>\n </>\n )\n case BlockType.UnorderedList:\n return (\n <>\n {blockStylesStyleElement}\n {unorderedListStyleElement}\n <ul\n {...props.attributes}\n className={clsx(\n blockStylesClassName,\n unorderedListStylesClassName,\n props.element.className,\n )}\n >\n {renderElement(props)}\n </ul>\n </>\n )\n case BlockType.ListItem:\n return (\n <>\n {blockStylesStyleElement}\n <li {...props.attributes} className={clsx(blockStylesClassName, props.element.className)}>\n {renderElement(props)}\n </li>\n </>\n )\n case BlockType.ListItemChild:\n return (\n <>\n {blockStylesStyleElement}\n <span\n {...props.attributes}\n className={clsx(blockStylesClassName, props.element.className)}\n >\n {renderElement(props)}\n </span>\n </>\n )\n default:\n return <>{renderElement(props)}</>\n }\n}\n"],"mappings":"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","names":["import_selectors","isHotkey","clsx"]}

package/dist/cjs/slate/LinkPlugin/index.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LinkPlugin_exports = {};
 __export(LinkPlugin_exports, {
@@ -23,14 +33,14 @@ __export(LinkPlugin_exports, {
 });
 module.exports = __toCommonJS(LinkPlugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_css = require("@emotion/css");
 var import_controls = require("@makeswift/controls");
 var import_link = require("../../controls/link");
-var import_use_style = require("../../runtimes/react/use-style");
 var import_Link = require("../../components/shared/Link");
 var import_plugin = require("../../controls/rich-text-v2/plugin");
 var import_onChange = require("./onChange");
 var import_getValue = require("./getValue");
+var import_use_style = require("../../runtimes/react/css-runtime/hooks/use-style");
+var import_clsx = __toESM(require("clsx"));
 const withLink = (editor) => {
   const { isInline } = editor;
   editor.isInline = (entry) => {
@@ -44,22 +54,27 @@ function InlinePluginComponent({
   children,
   renderElement
 }) {
-  const linkStyle = (0, import_use_style.useStyle)({ textDecoration: "none" });
+  const { className: linkClassName, styleElement: linkStyleElement } = (0, import_use_style.useStyle)({
+    textDecoration: "none"
+  });
   switch (element.type) {
     case import_controls.Slate.InlineType.Link:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_Link.Link,
-        {
-          ...attributes,
-          link: element.link ?? void 0,
-          className: (0, import_css.cx)(linkStyle, element.className),
-          children: renderElement({
-            element,
-            attributes,
-            children
-          })
-        }
-      );
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        linkStyleElement,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Link.Link,
+          {
+            ...attributes,
+            link: element.link ?? void 0,
+            className: (0, import_clsx.default)(linkClassName, element.className),
+            children: renderElement({
+              element,
+              attributes,
+              children
+            })
+          }
+        )
+      ] });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderElement({
         element,
@@ -72,7 +87,7 @@ function LinkPlugin() {
   return (0, import_plugin.Plugin)({
     control: {
       definition: (0, import_link.Link)({
-        label: "On Click"
+        label: "On click"
       }),
       onChange: import_onChange.onChange,
       getValue: import_getValue.getValue,

package/dist/cjs/slate/LinkPlugin/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { ~~cx } from '@emotion/css'\nimport {~~ type Editor, Element } from 'slate'\nimport { type RenderElementProps } from 'slate-react'\nimport { Slate } from '@makeswift/controls'\n\nimport { Link } from '../../controls/link'\nimport { ~~useStyle } from '../../runtimes/react/use-style'\nimport {~~ Link as LinkComponent } from '../../components/shared/Link'\nimport { type RenderElement, Plugin } from '../../controls/rich-text-v2/plugin'\n\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n const { isInline } = editor\n\n editor.isInline = entry => {\n return Slate.isInline(entry) && isInline(entry)\n }\n\n return editor\n}\n\nfunction InlinePluginComponent({\n element,\n attributes,\n children,\n renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n const ~~linkStyle~~ = useStyle({ textDecoration: 'none' })\n switch (element.type) {\n case Slate.InlineType.Link:\n return (\n <LinkComponent\n {...attributes}\n link={element.link ?? undefined}\n className={cx(~~linkStyle~~, element.className)}\n >\n {renderElement({\n element,\n attributes,\n children,\n })}\n </LinkComponent>\n )\n\n default:\n return (\n <>\n {renderElement({\n element,\n attributes,\n children,\n })}\n </>\n )\n }\n}\n\nexport function LinkPlugin() {\n return Plugin({\n control: {\n definition: Link({\n label: 'On ~~Click~~',\n }),\n onChange,\n getValue,\n getElementValue: (element: Element) => {\n return Slate.isLink(element) ? element.link : undefined\n },\n },\n withPlugin: withLink,\n renderElement: renderElement => props => {\n return <InlinePluginComponent {...props} renderElement={renderElement} />\n },\n })\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AAiCQ~~;AAjCR,~~iBAAmB;AAGnB,~~sBAAsB;AAEtB,kBAAqB;AACrB,~~uBAAyB;AACzB,~~kBAAsC;AACtC,oBAA2C;AAE3C,sBAAyB;AACzB,sBAAyB;~~AAElB~~,MAAM,WAAW,CAAC,WAAmB;AAC1C,QAAM,EAAE,SAAS,IAAI;AAErB,SAAO,WAAW,WAAS;AACzB,WAAO,sBAAM,SAAS,KAAK,KAAK,SAAS,KAAK;AAAA,EAChD;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,~~gBAAY~~,2BAAS,~~EAAE~~,gBAAgB,~~OAAO~~,CAAC;~~AACrD~~,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,sBAAM,WAAW;AACpB,aACE;AAAA,~~QAAC~~,YAAAA;AAAA,~~QAAA~~;AAAA,~~UACE~~,GAAG;AAAA,~~UACJ~~,MAAM,QAAQ,QAAQ;AAAA,~~UACtB~~,eAAW,~~eAAG~~,~~WAAW~~,QAAQ,SAAS;AAAA,~~UAEzC~~,wBAAc;AAAA,~~YACb~~;AAAA,~~YACA~~;AAAA,~~YACA~~;AAAA,~~UACF~~,CAAC;AAAA;AAAA,~~MACH~~;AAAA,IAGJ;AACE,aACE,2EACG,wBAAc;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GACH;AAAA,EAEN;AACF;AAEO,SAAS,aAAa;AAC3B,aAAO,sBAAO;AAAA,IACZ,SAAS;AAAA,MACP,gBAAY,kBAAK;AAAA,QACf,OAAO;AAAA,MACT,CAAC;AAAA,MACD;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,YAAqB;AACrC,eAAO,sBAAM,OAAO,OAAO,IAAI,QAAQ,OAAO;AAAA,MAChD;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,mBAAiB,WAAS;AACvC,aAAO,4CAAC,yBAAuB,GAAG,OAAO,eAA8B;AAAA,IACzE;AAAA,EACF,CAAC;AACH;","names":["LinkComponent"]}
1	+ {"version":3,"sources":["../../../../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { type Editor, Element } from 'slate'\nimport { type RenderElementProps } from 'slate-react'\nimport { Slate } from '@makeswift/controls'\n\nimport { Link } from '../../controls/link'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { type RenderElement, Plugin } from '../../controls/rich-text-v2/plugin'\n\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\nimport { useStyle } from '../../runtimes/react/css-runtime/hooks/use-style'\nimport clsx from 'clsx'\n\nexport const withLink = (editor: Editor) => {\n const { isInline } = editor\n\n editor.isInline = entry => {\n return Slate.isInline(entry) && isInline(entry)\n }\n\n return editor\n}\n\nfunction InlinePluginComponent({\n element,\n attributes,\n children,\n renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n const { className: linkClassName, styleElement: linkStyleElement } = useStyle({\n textDecoration: 'none',\n })\n switch (element.type) {\n case Slate.InlineType.Link:\n return (\n <>\n {linkStyleElement}\n <LinkComponent\n {...attributes}\n link={element.link ?? undefined}\n className={clsx(linkClassName, element.className)}\n >\n {renderElement({\n element,\n attributes,\n children,\n })}\n </LinkComponent>\n </>\n )\n\n default:\n return (\n <>\n {renderElement({\n element,\n attributes,\n children,\n })}\n </>\n )\n }\n}\n\nexport function LinkPlugin() {\n return Plugin({\n control: {\n definition: Link({\n label: 'On click',\n }),\n onChange,\n getValue,\n getElementValue: (element: Element) => {\n return Slate.isLink(element) ? element.link : undefined\n },\n },\n withPlugin: withLink,\n renderElement: renderElement => props => {\n return <InlinePluginComponent {...props} renderElement={renderElement} />\n },\n })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCQ;AAjCR,sBAAsB;AAEtB,kBAAqB;AACrB,kBAAsC;AACtC,oBAA2C;AAE3C,sBAAyB;AACzB,sBAAyB;AACzB,uBAAyB;AACzB,kBAAiB;AAEV,MAAM,WAAW,CAAC,WAAmB;AAC1C,QAAM,EAAE,SAAS,IAAI;AAErB,SAAO,WAAW,WAAS;AACzB,WAAO,sBAAM,SAAS,KAAK,KAAK,SAAS,KAAK;AAAA,EAChD;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AACxD,QAAM,EAAE,WAAW,eAAe,cAAc,iBAAiB,QAAI,2BAAS;AAAA,IAC5E,gBAAgB;AAAA,EAClB,CAAC;AACD,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,sBAAM,WAAW;AACpB,aACE,4EACG;AAAA;AAAA,QACD;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM,QAAQ,QAAQ;AAAA,YACtB,eAAW,YAAAC,SAAK,eAAe,QAAQ,SAAS;AAAA,YAE/C,wBAAc;AAAA,cACb;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA;AAAA,QACH;AAAA,SACF;AAAA,IAGJ;AACE,aACE,2EACG,wBAAc;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GACH;AAAA,EAEN;AACF;AAEO,SAAS,aAAa;AAC3B,aAAO,sBAAO;AAAA,IACZ,SAAS;AAAA,MACP,gBAAY,kBAAK;AAAA,QACf,OAAO;AAAA,MACT,CAAC;AAAA,MACD;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,YAAqB;AACrC,eAAO,sBAAM,OAAO,OAAO,IAAI,QAAQ,OAAO;AAAA,MAChD;AAAA,IACF;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,mBAAiB,WAAS;AACvC,aAAO,4CAAC,yBAAuB,GAAG,OAAO,eAA8B;AAAA,IACzE;AAAA,EACF,CAAC;AACH;","names":["LinkComponent","clsx"]}

package/dist/cjs/slate/TypographyPlugin/index.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TypographyPlugin_exports = {};
 __export(TypographyPlugin_exports, {
@@ -25,7 +35,6 @@ __export(TypographyPlugin_exports, {
 });
 module.exports = __toCommonJS(TypographyPlugin_exports);
 var import_slate = require("slate");
-var import_css = require("@emotion/css");
 var import_controls = require("@makeswift/controls");
 var import_clearActiveTypographyStyle = require("./clearActiveTypographyStyle");
 var import_clearDeviceActiveTypography = require("./clearDeviceActiveTypography");
@@ -38,6 +47,7 @@ var import_plugin = require("../../controls/rich-text-v2/plugin");
 var import_normalizeTypographyUp = require("./normalizeTypographyUp");
 var import_normalizeTypographyDown = require("./normalizeTypographyDown");
 var import_normalizeSimilarText = require("./normalizeSimilarText");
+var import_clsx = __toESM(require("clsx"));
 const TypographyActions = {
   setActiveTypographyId: import_setActiveTypographyId.setActiveTypographyId,
   setActiveTypographyStyle: import_setActiveTypographyStyle.setActiveTypographyStyle,
@@ -127,7 +137,7 @@ function TypographyPlugin() {
         ...props,
         leaf: {
           ...props.leaf,
-          className: (0, import_css.cx)(props.leaf.className, className)
+          className: (0, import_clsx.default)(props.leaf.className, className)
         }
       });
     }

package/dist/cjs/slate/TypographyPlugin/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/slate/TypographyPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, NodeEntry, Text, Transforms } from 'slate'\nimport { ~~cx } from '@emotion/css'\nimport {~~ unstable_Typography } from '@makeswift/controls'\n\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\nimport { getValue } from './getValue'\nimport { getSelection } from '../selectors'\nimport { Plugin } from '../../controls/rich-text-v2/plugin'\nimport { normalizeTypographyUp } from './normalizeTypographyUp'\nimport { normalizeTypographyDown } from './normalizeTypographyDown'\nimport { normalizeSimilarText } from './normalizeSimilarText'\n\nexport const TypographyActions = {\n setActiveTypographyId,\n setActiveTypographyStyle,\n clearActiveTypographyStyle,\n clearDeviceActiveTypography,\n detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\n\nexport interface TypographyEditor extends BaseEditor {\n typographyNormalizationDirection?: 'up' \| 'neutral' \| 'down'\n}\n\nexport function withTypography(editor: Editor) {\n const { normalizeNode } = editor\n editor.normalizeNode = entry => {\n const [normalizationNode, normalizationPath] = entry\n\n if (\n 'typography' in normalizationNode &&\n normalizationNode?.typography?.id == null &&\n normalizationNode?.typography?.style.length === 0\n ) {\n Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n return\n }\n\n if ('slice' in normalizationNode && normalizationNode?.slice != null) {\n Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n return\n }\n\n if (normalizeSimilarText(editor, entry)) return\n\n if (editor.typographyNormalizationDirection === 'up' && normalizeTypographyUp(editor, entry))\n return\n\n if (\n (editor.typographyNormalizationDirection === 'down' \|\|\n editor.typographyNormalizationDirection == null) &&\n normalizeTypographyDown(editor, entry)\n )\n return\n\n normalizeNode(entry)\n }\n\n return editor\n}\n\nexport function TypographyPlugin() {\n return Plugin({\n withPlugin: withTypography,\n control: {\n definition: unstable_Typography(),\n onChange: (editor, value) => {\n Editor.withoutNormalizing(editor, () => {\n const at = getSelection(editor)\n if (!at) return\n const atRef = Editor.rangeRef(editor, at)\n if (atRef.current) {\n Transforms.setNodes<Descendant>(\n editor,\n {\n slice: true,\n },\n {\n at: atRef.current,\n match: Text.isText,\n split: true,\n },\n )\n }\n\n if (atRef.current) {\n const nodesToUpdate = Array.from(\n Editor.nodes(editor, {\n at: atRef.current,\n match: node => Text.isText(node) && node.slice === true,\n }),\n ) as NodeEntry<Text>[]\n\n if (nodesToUpdate.length !== value?.length)\n return console.error(\n `TypographyControl.onChange received the wrong number of arguments.\n Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`,\n )\n\n for (const [index, [, path]] of nodesToUpdate.entries()) {\n Transforms.setNodes(\n editor,\n {\n typography: value?.at(index),\n },\n { at: path, match: Text.isText },\n )\n }\n }\n\n atRef.unref()\n })\n },\n getValue,\n getLeafValue: (text: Text) => {\n return Text.isText(text) ? text.typography : undefined\n },\n },\n renderLeaf: (renderLeaf, className) => props => {\n return renderLeaf({\n ...props,\n leaf: {\n ...props.leaf,\n className: cx(props.leaf.className, className),\n },\n })\n },\n })\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4E;AAC5E,~~iBAAmB;AACnB,~~sBAAoC;AAEpC,wCAA2C;AAC3C,yCAA4C;AAC5C,oCAAuC;AACvC,mCAAsC;AACtC,sCAAyC;AACzC,sBAAyB;AACzB,uBAA6B;AAC7B,oBAAuB;AACvB,mCAAsC;AACtC,qCAAwC;AACxC,kCAAqC;~~AAE9B~~,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB;AAMvB,SAAS,eAAe,QAAgB;AAC7C,QAAM,EAAE,cAAc,IAAI;AAC1B,SAAO,gBAAgB,WAAS;AAC9B,UAAM,CAAC,mBAAmB,iBAAiB,IAAI;AAE/C,QACE,gBAAgB,qBAChB,mBAAmB,YAAY,MAAM,QACrC,mBAAmB,YAAY,MAAM,WAAW,GAChD;AACA,8BAAW,WAAW,QAAQ,gBAAgB,EAAE,IAAI,kBAAkB,CAAC;AACvE;AAAA,IACF;AAEA,QAAI,WAAW,qBAAqB,mBAAmB,SAAS,MAAM;AACpE,8BAAW,WAAW,QAAQ,SAAS,EAAE,IAAI,kBAAkB,CAAC;AAChE;AAAA,IACF;AAEA,YAAI,kDAAqB,QAAQ,KAAK;AAAG;AAEzC,QAAI,OAAO,qCAAqC,YAAQ,oDAAsB,QAAQ,KAAK;AACzF;AAEF,SACG,OAAO,qCAAqC,UAC3C,OAAO,oCAAoC,aAC7C,wDAAwB,QAAQ,KAAK;AAErC;AAEF,kBAAc,KAAK;AAAA,EACrB;AAEA,SAAO;AACT;AAEO,SAAS,mBAAmB;AACjC,aAAO,sBAAO;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,MACP,gBAAY,qCAAoB;AAAA,MAChC,UAAU,CAAC,QAAQ,UAAU;AAC3B,4BAAO,mBAAmB,QAAQ,MAAM;AACtC,gBAAM,SAAK,+BAAa,MAAM;AAC9B,cAAI,CAAC;AAAI;AACT,gBAAM,QAAQ,oBAAO,SAAS,QAAQ,EAAE;AACxC,cAAI,MAAM,SAAS;AACjB,oCAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,IAAI,MAAM;AAAA,gBACV,OAAO,kBAAK;AAAA,gBACZ,OAAO;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAEA,cAAI,MAAM,SAAS;AACjB,kBAAM,gBAAgB,MAAM;AAAA,cAC1B,oBAAO,MAAM,QAAQ;AAAA,gBACnB,IAAI,MAAM;AAAA,gBACV,OAAO,UAAQ,kBAAK,OAAO,IAAI,KAAK,KAAK,UAAU;AAAA,cACrD,CAAC;AAAA,YACH;AAEA,gBAAI,cAAc,WAAW,OAAO;AAClC,qBAAO,QAAQ;AAAA,gBACb;AAAA,0BACU,OAAO,MAAM,sBAAsB,cAAc,MAAM;AAAA,cACnE;AAEF,uBAAW,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,KAAK,cAAc,QAAQ,GAAG;AACvD,sCAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,YAAY,OAAO,GAAG,KAAK;AAAA,gBAC7B;AAAA,gBACA,EAAE,IAAI,MAAM,OAAO,kBAAK,OAAO;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAEA,gBAAM,MAAM;AAAA,QACd,CAAC;AAAA,MACH;AAAA,MACA;AAAA,MACA,cAAc,CAAC,SAAe;AAC5B,eAAO,kBAAK,OAAO,IAAI,IAAI,KAAK,aAAa;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,YAAY,CAAC,YAAY,cAAc,WAAS;AAC9C,aAAO,WAAW;AAAA,QAChB,GAAG;AAAA,QACH,MAAM;AAAA,UACJ,GAAG,MAAM;AAAA,UACT,eAAW,~~eAAG~~,MAAM,KAAK,WAAW,SAAS;AAAA,~~QAC/C~~;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;","names":[]}
1	+ {"version":3,"sources":["../../../../src/slate/TypographyPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, NodeEntry, Text, Transforms } from 'slate'\nimport { unstable_Typography } from '@makeswift/controls'\n\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\nimport { getValue } from './getValue'\nimport { getSelection } from '../selectors'\nimport { Plugin } from '../../controls/rich-text-v2/plugin'\nimport { normalizeTypographyUp } from './normalizeTypographyUp'\nimport { normalizeTypographyDown } from './normalizeTypographyDown'\nimport { normalizeSimilarText } from './normalizeSimilarText'\nimport clsx from 'clsx'\n\nexport const TypographyActions = {\n setActiveTypographyId,\n setActiveTypographyStyle,\n clearActiveTypographyStyle,\n clearDeviceActiveTypography,\n detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\n\nexport interface TypographyEditor extends BaseEditor {\n typographyNormalizationDirection?: 'up' \| 'neutral' \| 'down'\n}\n\nexport function withTypography(editor: Editor) {\n const { normalizeNode } = editor\n editor.normalizeNode = entry => {\n const [normalizationNode, normalizationPath] = entry\n\n if (\n 'typography' in normalizationNode &&\n normalizationNode?.typography?.id == null &&\n normalizationNode?.typography?.style.length === 0\n ) {\n Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath })\n return\n }\n\n if ('slice' in normalizationNode && normalizationNode?.slice != null) {\n Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n return\n }\n\n if (normalizeSimilarText(editor, entry)) return\n\n if (editor.typographyNormalizationDirection === 'up' && normalizeTypographyUp(editor, entry))\n return\n\n if (\n (editor.typographyNormalizationDirection === 'down' \|\|\n editor.typographyNormalizationDirection == null) &&\n normalizeTypographyDown(editor, entry)\n )\n return\n\n normalizeNode(entry)\n }\n\n return editor\n}\n\nexport function TypographyPlugin() {\n return Plugin({\n withPlugin: withTypography,\n control: {\n definition: unstable_Typography(),\n onChange: (editor, value) => {\n Editor.withoutNormalizing(editor, () => {\n const at = getSelection(editor)\n if (!at) return\n const atRef = Editor.rangeRef(editor, at)\n if (atRef.current) {\n Transforms.setNodes<Descendant>(\n editor,\n {\n slice: true,\n },\n {\n at: atRef.current,\n match: Text.isText,\n split: true,\n },\n )\n }\n\n if (atRef.current) {\n const nodesToUpdate = Array.from(\n Editor.nodes(editor, {\n at: atRef.current,\n match: node => Text.isText(node) && node.slice === true,\n }),\n ) as NodeEntry<Text>[]\n\n if (nodesToUpdate.length !== value?.length)\n return console.error(\n `TypographyControl.onChange received the wrong number of arguments.\n Called with ${value?.length} values mapping to ${nodesToUpdate.length} nodes.`,\n )\n\n for (const [index, [, path]] of nodesToUpdate.entries()) {\n Transforms.setNodes(\n editor,\n {\n typography: value?.at(index),\n },\n { at: path, match: Text.isText },\n )\n }\n }\n\n atRef.unref()\n })\n },\n getValue,\n getLeafValue: (text: Text) => {\n return Text.isText(text) ? text.typography : undefined\n },\n },\n renderLeaf: (renderLeaf, className) => props => {\n return renderLeaf({\n ...props,\n leaf: {\n ...props.leaf,\n className: clsx(props.leaf.className, className),\n },\n })\n },\n })\n}\n"],"mappings":"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","names":["clsx"]}

package/dist/cjs/testing/jest-snapshot-serializer.js ADDED Viewed

@@ -0,0 +1,134 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var jest_snapshot_serializer_exports = {};
+__export(jest_snapshot_serializer_exports, {
+  createMakeswiftStylesSnapshotSerializer: () => createMakeswiftStylesSnapshotSerializer
+});
+module.exports = __toCommonJS(jest_snapshot_serializer_exports);
+var import_constants = require("../runtimes/react/css-runtime/constants");
+var import_sync = __toESM(require("@prettier/sync"));
+function getClassNamesInTree(root, filter) {
+  const discoveredClassnames = /* @__PURE__ */ new Set();
+  function process(current) {
+    if (!current)
+      return;
+    if (current instanceof Element) {
+      for (const className of current.classList) {
+        if (filter(className)) {
+          discoveredClassnames.add(className);
+        }
+      }
+      const children = current.children;
+      for (const child of children) {
+        process(child);
+      }
+    } else if (current instanceof Node) {
+      const children = current.childNodes;
+      for (const child of children) {
+        process(child);
+      }
+    } else if (current instanceof NodeList) {
+      for (const child of current) {
+        process(child);
+      }
+    } else if (Array.isArray(current)) {
+      for (const arrElement of current) {
+        process(arrElement);
+      }
+    }
+  }
+  process(root);
+  return discoveredClassnames;
+}
+function getCssRulesForClassNames(classNames) {
+  if (classNames.size === 0)
+    return [];
+  const rules = [];
+  const styleElements = document.querySelectorAll("style");
+  for (const styleElement of styleElements) {
+    if (styleElement.sheet == null)
+      continue;
+    const cssRules = Array.from(styleElement.sheet.cssRules);
+    for (const cssRule of cssRules) {
+      for (const className of classNames) {
+        if (cssRule.cssText.includes(`.${className}`)) {
+          rules.push(cssRule);
+          break;
+        }
+      }
+    }
+  }
+  return rules;
+}
+function isElementArray(val) {
+  return val && Array.isArray(val) && val.every((v) => v instanceof Element);
+}
+function isMakeswiftClassName(className) {
+  return className.startsWith(`${import_constants.DEFAULT_CSS_CLASS_NAME_PREFIX}-`);
+}
+function formatRule(rule) {
+  const formatted = import_sync.default.format(rule.cssText, {
+    parser: "css",
+    tabWidth: 2,
+    semi: true
+  });
+  return formatted;
+}
+function createMakeswiftStylesSnapshotSerializer() {
+  const visited = /* @__PURE__ */ new WeakSet();
+  const isVisited = (val) => visited.has(val);
+  function test(val) {
+    return val && !isVisited(val) && (val instanceof Element || val instanceof Node || val instanceof NodeList || isElementArray(val));
+  }
+  function serialize(val, config, indentation, depth, refs, printer) {
+    visited.add(val);
+    try {
+      if (depth === 0) {
+        const classNames = getClassNamesInTree(val, isMakeswiftClassName);
+        const matchingCssRules = getCssRulesForClassNames(classNames);
+        const formattedRules = matchingCssRules.map((rule) => formatRule(rule));
+        const rulesToAppendToSnapshot = formattedRules.length > 0 ? formattedRules.join("\n") + "\n\n" : "";
+        return `${rulesToAppendToSnapshot}${printer(val, config, indentation, depth, refs)}`;
+      } else {
+        return printer(val, config, indentation, depth, refs);
+      }
+    } finally {
+      visited.delete(val);
+    }
+  }
+  return {
+    test,
+    serialize
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMakeswiftStylesSnapshotSerializer
+});
+//# sourceMappingURL=jest-snapshot-serializer.js.map

package/dist/cjs/testing/jest-snapshot-serializer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/testing/jest-snapshot-serializer.ts"],"sourcesContent":["import { DEFAULT_CSS_CLASS_NAME_PREFIX } from '../runtimes/react/css-runtime/constants'\nimport synchronizedPrettier from '@prettier/sync'\n\nfunction getClassNamesInTree(\n root: Element | Node | NodeList | Element[],\n filter: (className: string) => boolean,\n): Set<string> {\n const discoveredClassnames = new Set<string>()\n\n function process(current: Element | Node | NodeList | Element[]) {\n if (!current) return\n if (current instanceof Element) {\n for (const className of current.classList) {\n if (filter(className)) {\n discoveredClassnames.add(className)\n }\n }\n const children = current.children\n for (const child of children) {\n process(child)\n }\n } else if (current instanceof Node) {\n const children = current.childNodes\n for (const child of children) {\n process(child)\n }\n } else if (current instanceof NodeList) {\n for (const child of current) {\n process(child)\n }\n } else if (Array.isArray(current)) {\n for (const arrElement of current) {\n process(arrElement)\n }\n }\n }\n\n process(root)\n return discoveredClassnames\n}\n\nfunction getCssRulesForClassNames(classNames: Set<string>): CSSRule[] {\n if (classNames.size === 0) return []\n const rules: CSSRule[] = []\n const styleElements = document.querySelectorAll<HTMLStyleElement>('style')\n for (const styleElement of styleElements) {\n if (styleElement.sheet == null) continue\n const cssRules = Array.from(styleElement.sheet.cssRules)\n for (const cssRule of cssRules) {\n for (const className of classNames) {\n if (cssRule.cssText.includes(`.${className}`)) {\n rules.push(cssRule)\n break\n }\n }\n }\n }\n return rules\n}\n\nfunction isElementArray(val: any): boolean {\n return val && Array.isArray(val) && val.every(v => v instanceof Element)\n}\n\nfunction isMakeswiftClassName(className: string): boolean {\n return className.startsWith(`${DEFAULT_CSS_CLASS_NAME_PREFIX}-`)\n}\n\nfunction formatRule(rule: CSSRule): string {\n const formatted = synchronizedPrettier.format(rule.cssText, {\n parser: 'css',\n tabWidth: 2,\n semi: true,\n })\n return formatted\n}\n\nexport function createMakeswiftStylesSnapshotSerializer(): jest.SnapshotSerializerPlugin {\n const visited = new WeakSet()\n const isVisited = (val: any) => visited.has(val)\n\n function test(val: any) {\n return (\n val &&\n !isVisited(val) &&\n (val instanceof Element ||\n val instanceof Node ||\n val instanceof NodeList ||\n isElementArray(val))\n )\n }\n\n function serialize(val: any, config: any, indentation: any, depth: any, refs: any, printer: any) {\n visited.add(val)\n try {\n if (depth === 0) {\n const classNames = getClassNamesInTree(val, isMakeswiftClassName)\n const matchingCssRules = getCssRulesForClassNames(classNames)\n const formattedRules = matchingCssRules.map(rule => formatRule(rule))\n const rulesToAppendToSnapshot =\n formattedRules.length > 0 ? formattedRules.join('\\n') + '\\n\\n' : ''\n return `${rulesToAppendToSnapshot}${printer(val, config, indentation, depth, refs)}`\n } else {\n // we only add css rules at depth 0, so just delegate to the default printer\n return printer(val, config, indentation, depth, refs)\n }\n } finally {\n visited.delete(val)\n }\n }\n\n return {\n test,\n serialize,\n }\n}\n"],"mappings":"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","names":["synchronizedPrettier"]}