@plasmicpkgs/tiptap 0.0.1 → 0.0.3

package/skinny/registerBold.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerBold.esm.js","sources":["../src/registerBold.tsx"],"sourcesContent":["import TiptapBold from \"@tiptap/extension-bold\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface BoldProps {\n  className: string;\n}\n\nexport function Bold(props: BoldProps) {\n  const { setBold } = useTiptapContext();\n\n  useEffect(() => {\n    setBold(\n      TiptapBold.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setBold(undefined);\n    };\n  }, []);\n\n  return null;\n}\nBold.displayName = \"Bold\";\n\nexport function registerBold(loader?: Registerable) {\n  registerComponentHelper(loader, Bold, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-bold`,\n    displayName: \"Tiptap Bold\",\n    props: {},\n    importName: \"Bold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerBold.esm.js","sources":["../src/registerBold.tsx"],"sourcesContent":["import TiptapBold from \"@tiptap/extension-bold\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface BoldProps {\n  className: string;\n}\n\nexport function Bold(props: BoldProps) {\n  const { setBold } = useTiptapContext();\n\n  useEffect(() => {\n    setBold(\n      TiptapBold.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setBold(undefined);\n    };\n  }, []);\n\n  return null;\n}\nBold.displayName = \"Bold\";\n\nexport function registerBold(loader?: Registerable) {\n  registerComponentHelper(loader, Bold, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-bold`,\n    displayName: \"Tiptap Bold\",\n    props: {},\n    importName: \"Bold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerCode.cjs.js

@@ -2,7 +2,8 @@
 
 var TiptapCode = require('@tiptap/extension-code');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');

package/skinny/registerCode.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCode.cjs.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapCode","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerCode.cjs.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapCode","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerCode.esm.js

@@ -1,6 +1,7 @@
 import TiptapCode from '@tiptap/extension-code';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';

package/skinny/registerCode.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCode.esm.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerCode.esm.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerItalic.cjs.js

@@ -2,7 +2,8 @@
 
 var TiptapItalic = require('@tiptap/extension-italic');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');

package/skinny/registerItalic.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerItalic.cjs.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapItalic","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAAC,oCAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerItalic.cjs.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapItalic","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAAC,oCAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerItalic.esm.js

@@ -1,6 +1,7 @@
 import TiptapItalic from '@tiptap/extension-italic';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';

package/skinny/registerItalic.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerItalic.esm.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAA,qBAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerItalic.esm.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAA,qBAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerLink.cjs.js

@@ -2,7 +2,8 @@
 
 var TiptapLink = require('@tiptap/extension-link');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');

package/skinny/registerLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLink.cjs.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapLink","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerLink.cjs.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapLink","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerLink.esm.js

@@ -1,6 +1,7 @@
 import TiptapLink from '@tiptap/extension-link';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';

package/skinny/registerLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLink.esm.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerLink.esm.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerMention.cjs.js

@@ -5,7 +5,7 @@ var TiptapMention = require('@tiptap/extension-mention');
 var react = require('@tiptap/react');
 var React = require('react');
 var tippy = require('tippy.js');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');

package/skinny/registerMention.esm.js

@@ -3,7 +3,7 @@ import TiptapMention from '@tiptap/extension-mention';
 import { ReactRenderer } from '@tiptap/react';
 import React, { forwardRef, useState, useEffect, useImperativeHandle, useRef, useMemo } from 'react';
 import tippy from 'tippy.js';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';

package/skinny/registerStrike.cjs.js

@@ -2,7 +2,8 @@
 
 var TiptapStrike = require('@tiptap/extension-strike');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');

package/skinny/registerStrike.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerStrike.cjs.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapStrike","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAAC,oCAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerStrike.cjs.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapStrike","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAAC,oCAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerStrike.esm.js

@@ -1,6 +1,7 @@
 import TiptapStrike from '@tiptap/extension-strike';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';

package/skinny/registerStrike.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerStrike.esm.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAA,qBAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerStrike.esm.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAA,qBAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/{registerTiptap-fd9bf882.cjs.js → registerTiptap-004bd7c8.cjs.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var host = require('@plasmicapp/host');
 var Document = require('@tiptap/extension-document');
 var Paragraph = require('@tiptap/extension-paragraph');
 var Text = require('@tiptap/extension-text');
@@ -164,10 +165,11 @@ function Tiptap(props) {
   const {
     extensions,
     contentHtml,
-    defaultContentHtml,
+    defaultContentJson,
     className,
     onChange,
-    toolbar
+    toolbar,
+    useJson
   } = props;
   const tiptapContext = __objRest(useTiptapContext(), []);
   const usedExtensions = allExtensions.reduce(
@@ -185,11 +187,13 @@ function Tiptap(props) {
     Text__default.default,
     ...Object.values(usedExtensions)
   ];
+  const isCanvas = host.usePlasmicCanvasContext();
+  const defaultContent = useJson ? defaultContentJson : contentHtml;
   React.useEffect(() => {
     if (activeRef.current)
       return;
     setRefreshKey(Math.random() * 1e6);
-  }, [contentHtml]);
+  }, [...isCanvas ? [defaultContent] : []]);
   if (!isClient) {
     return null;
   }
@@ -203,9 +207,9 @@ function Tiptap(props) {
   return /* @__PURE__ */ React__default.default.createElement("div", { className, style: { position: "relative" } }, /* @__PURE__ */ React__default.default.createElement(
     react.EditorProvider,
     {
-      key: `${extensionsProp.length}${refreshKey}`,
       extensions: extensionsProp,
-      content: contentHtml || defaultContentHtml,
+      key: `${extensionsProp.length}${refreshKey}`,
+      content: defaultContent,
       onCreate: ({ editor }) => {
         onChange(editor.getJSON());
       },
@@ -298,6 +302,7 @@ function AddExtension({
     allExtensions.map((ext) => /* @__PURE__ */ React__default.default.createElement(
       "label",
       {
+        key: ext,
         "data-test-id": `custom-action-${ext}`,
         style: {
           display: "flex",
@@ -337,16 +342,28 @@ function registerTiptap(loader) {
       }
     ],
     props: {
+      useJson: {
+        displayName: "Use JSON default content",
+        type: "boolean",
+        defaultValue: false
+      },
+      // a better naming for this would be defaultContentHtml, but we can't change the name anymore for backwards compatibility reasons (can't change the name of an existing prop)
       contentHtml: {
         type: "string",
         displayName: "HTML Content",
-        editOnly: true,
-        uncontrolledProp: "defaultContentHtml",
-        description: "Contents of the editor"
+        description: "Provide default content as HTML",
+        hidden: (ps) => ps.useJson
       },
-      contentJson: {
+      defaultContentJson: {
         type: "object",
         displayName: "JSON Content",
+        description: "Provide default content as JSON",
+        hidden: (ps) => !ps.useJson
+      },
+      // contentJson is exposed as state, and its not combined with defaultContentJson via "editOnly/uncontrolledProp" fields because
+      // that pattern is for controlled components, while the wrapped component (EditorProvider) is an uncontrolled component.
+      contentJson: {
+        type: "object",
         hidden: () => true
       },
       extensions: {
@@ -388,4 +405,4 @@ exports.TiptapWrapper = TiptapWrapper;
 exports.registerComponentHelper = registerComponentHelper;
 exports.registerTiptap = registerTiptap;
 exports.useTiptapContext = useTiptapContext;
-//# sourceMappingURL=registerTiptap-fd9bf882.cjs.js.map
+//# sourceMappingURL=registerTiptap-004bd7c8.cjs.js.map

package/skinny/registerTiptap-004bd7c8.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTiptap-004bd7c8.cjs.js","sources":["../src/contexts.tsx","../src/useIsClient.ts","../src/utils.ts","../src/registerTiptap.tsx"],"sourcesContent":["import { Mark, Node } from \"@tiptap/core\";\nimport type { BoldOptions } from \"@tiptap/extension-bold\";\nimport type { CodeOptions } from \"@tiptap/extension-code\";\nimport type { ItalicOptions } from \"@tiptap/extension-italic\";\nimport type { LinkOptions } from \"@tiptap/extension-link\";\nimport type { MentionOptions } from \"@tiptap/extension-mention\";\nimport type { StrikeOptions } from \"@tiptap/extension-strike\";\nimport type { UnderlineOptions } from \"@tiptap/extension-underline\";\nimport React, { useState } from \"react\";\n\nexport const RESET_TIMEOUT_MS = 500;\nexport interface TiptapContextProps {\n  bold?: Mark<BoldOptions>;\n  setBold: (boldOptions?: Mark<BoldOptions>) => void;\n  code?: Mark<CodeOptions>;\n  setCode: (codeOptions?: Mark<CodeOptions>) => void;\n  italic?: Mark<ItalicOptions>;\n  setItalic: (italicOptions?: Mark<ItalicOptions>) => void;\n  link?: Mark<LinkOptions>;\n  setLink: (linkOptions?: Mark<LinkOptions>) => void;\n  mention?: Node<MentionOptions>;\n  setMention: (mentionOptions?: Node<MentionOptions>) => void;\n  strike?: Mark<StrikeOptions>;\n  setStrike: (strikeOptions?: Mark<StrikeOptions>) => void;\n  underline?: Mark<UnderlineOptions>;\n  setUnderline: (underlineOptions?: Mark<UnderlineOptions>) => void;\n}\n\nexport const allExtensions: Extract<keyof TiptapContextProps, string>[] = [\n  \"bold\",\n  \"italic\",\n  \"underline\",\n  \"strike\",\n  \"code\",\n  \"link\",\n  \"mention\",\n];\n\nexport const TiptapContext = React.createContext<\n  TiptapContextProps | undefined\n>(undefined);\n\nexport const useTiptapContext = () => {\n  const context = React.useContext(TiptapContext);\n  if (!context) {\n    throw new Error(\n      \"useTiptapContext must be used within a TiptapContextProvider\"\n    );\n  }\n  return context;\n};\n\nexport const TiptapContextProvider = ({ children }: any) => {\n  const [bold, setBold] = useState<Mark<BoldOptions> | undefined>(undefined);\n  const [code, setCode] = useState<Mark<CodeOptions> | undefined>(undefined);\n  const [italic, setItalic] = useState<Mark<ItalicOptions> | undefined>(\n    undefined\n  );\n  const [link, setLink] = useState<Mark<LinkOptions> | undefined>(undefined);\n  const [mention, setMention] = useState<Node<MentionOptions> | undefined>(\n    undefined\n  );\n  const [strike, setStrike] = useState<Mark<StrikeOptions> | undefined>(\n    undefined\n  );\n  const [underline, setUnderline] = useState<\n    Mark<UnderlineOptions> | undefined\n  >(undefined);\n\n  return (\n    <TiptapContext.Provider\n      value={{\n        bold,\n        setBold,\n        code,\n        setCode,\n        italic,\n        setItalic,\n        link,\n        setLink,\n        mention,\n        /**\n         * In situations where I want to remove an extension and add it again with new options (e.g. within a useEffect - see registerMention)\n         * the options are not updated.\n         * So after removing the extension, I want to wait a few seconds before I add it again,\n         * so the Tiptap editor acknowledges the removal before it adds the extension back with new updated options.\n         * @param mentionOptions\n         * @returns\n         */\n        setMention: (mentionOptions?: Node<MentionOptions>) => {\n          if (!mentionOptions) {\n            setMention(mentionOptions);\n            return;\n          }\n          setTimeout(() => {\n            setMention(mentionOptions);\n          }, RESET_TIMEOUT_MS);\n        },\n        strike,\n        setStrike,\n        underline,\n        setUnderline,\n      }}\n    >\n      {children}\n    </TiptapContext.Provider>\n  );\n};\n","import React from \"react\";\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = React.useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import {\n  ComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  default as registerGlobalContext,\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport { ActionProps } from \"@plasmicapp/host/registerComponent\";\nimport Document from \"@tiptap/extension-document\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Text from \"@tiptap/extension-text\";\nimport type { Extensions, JSONContent } from \"@tiptap/react\";\nimport { EditorProvider } from \"@tiptap/react\";\nimport { Switch } from \"antd\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  allExtensions,\n  TiptapContextProvider,\n  useTiptapContext,\n} from \"./contexts\";\nimport { useIsClient } from \"./useIsClient\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport const TIPTAP_COMPONENT_NAME = \"hostless-tiptap\";\n\nexport type TiptapProps = {\n  contentHtml?: string;\n  contentJson?: JSONContent;\n  defaultContentJson?: JSONContent;\n  useJson: boolean;\n  extensions?: React.ReactElement;\n  toolbar?: React.ReactElement;\n  className: string;\n  onChange: (content: JSONContent) => void;\n};\n\nexport function Tiptap(props: TiptapProps) {\n  const isClient = useIsClient();\n  const [active, setActive] = useState<boolean>(false);\n  const [refreshKey, setRefreshKey] = useState(0);\n  const activeRef = useRef<boolean>();\n  activeRef.current = active;\n\n  const {\n    extensions,\n    contentHtml,\n    defaultContentJson,\n    className,\n    onChange,\n    toolbar,\n    useJson,\n  } = props;\n  const { ...tiptapContext } = useTiptapContext();\n  const usedExtensions: Record<string, any> = allExtensions.reduce(\n    (acc: any, ext) => {\n      if (tiptapContext[ext] !== undefined) {\n        acc[ext] = tiptapContext[ext];\n      }\n      return acc;\n    },\n    {}\n  );\n\n  const extensionsProp: Extensions = [\n    Document,\n    Paragraph,\n    Text,\n    ...Object.values(usedExtensions),\n  ];\n\n  const isCanvas = usePlasmicCanvasContext();\n  const defaultContent = useJson ? defaultContentJson : contentHtml;\n\n  // If you try to update the content via the content prop (as opposed to directly typing into the tiptap editor), the new content won't show. So we got to refresh the editor to make the default content appear.\n  useEffect(() => {\n    // only refresh key if the user is not typing\n    if (activeRef.current) return;\n    setRefreshKey(Math.random() * 1000000);\n  }, [...(isCanvas ? [defaultContent] : [])]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  const css = `\n    .tiptap {\n      padding: 0;\n      outline: none;\n    }\n  `;\n\n  const toolbarProp = toolbar ? (\n    <div style={{ display: \"flex\", alignItems: \"center\" }}>{toolbar}</div>\n  ) : null;\n\n  return (\n    <div className={className} style={{ position: \"relative\" }}>\n      {/* Editor provider is an uncontrolled component */}\n      <EditorProvider\n        extensions={extensionsProp}\n        key={`${extensionsProp.length}${refreshKey}`}\n        content={defaultContent}\n        onCreate={({ editor }) => {\n          onChange(editor.getJSON());\n        }}\n        onUpdate={({ editor }) => {\n          onChange(editor.getJSON());\n        }}\n        onFocus={() => setActive(true)}\n        onBlur={() => setActive(false)}\n        slotBefore={toolbarProp}\n        // slotAfter={<MyEditorFooter />}\n\n        // TODO: HIDE children prop\n        children={undefined}\n        editorProps={{\n          attributes: {\n            className,\n          },\n        }}\n      />\n      {extensions}\n      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </div>\n  );\n}\n\nexport function TiptapWrapper(props: TiptapProps) {\n  return (\n    <TiptapContextProvider>\n      <Tiptap {...props} />\n    </TiptapContextProvider>\n  );\n}\n\nexport function AddExtension({\n  studioOps,\n  componentProps,\n}: ActionProps<TiptapProps>) {\n  const usedExtensions: string[] = useMemo(() => {\n    const list: string[] = [];\n    traverseReactEltTree(componentProps?.extensions, (elt) => {\n      const ext = elt?.type?.displayName?.toLowerCase?.();\n      if (ext) {\n        list.push(ext);\n      }\n    });\n    return list;\n  }, [componentProps?.extensions]);\n\n  const usedExtensionTools: string[] = useMemo(() => {\n    const list: string[] = [];\n    traverseReactEltTree(componentProps?.toolbar, (elt) => {\n      const ext = elt?.type?.displayName?.toLowerCase?.();\n      if (ext && ext.includes(\"toolbar\")) {\n        list.push(ext.replace(\"toolbar\", \"\"));\n      }\n    });\n    return list;\n  }, [componentProps?.toolbar]);\n\n  const handleChange = (extName: string, add: boolean) => {\n    if (add) {\n      studioOps.appendToSlot(\n        {\n          type: \"component\",\n          name: `${TIPTAP_COMPONENT_NAME}-extension-${extName}`,\n          props: {},\n        },\n        \"extensions\"\n      );\n      studioOps.appendToSlot(\n        {\n          type: \"component\",\n          name: `${TIPTAP_COMPONENT_NAME}-toolbar-${extName}`,\n          props: {},\n        },\n        \"toolbar\"\n      );\n    } else {\n      const extIndices = usedExtensions.flatMap((ext, i) =>\n        ext === extName ? i : []\n      );\n      extIndices\n        .reverse()\n        .forEach(\n          (i) => i !== -1 && studioOps.removeFromSlotAt(i, \"extensions\")\n        );\n\n      const toolIndices = usedExtensionTools.flatMap((ext, i) =>\n        ext === extName ? i : []\n      );\n      toolIndices\n        .reverse()\n        .forEach((i) => i !== -1 && studioOps.removeFromSlotAt(i, \"toolbar\"));\n    }\n  };\n\n  return (\n    <div\n      style={{\n        marginBottom: 10,\n        paddingBottom: 10,\n        borderBottom: \"1px dashed #ccc\",\n      }}\n    >\n      <p>\n        You can add capabilities to Tiptap Rich Text Editor using the tools\n        below.\n      </p>\n      <p>\n        To further customize the extensions, find them under the Editor's\n        \"extensions\" and \"toolbar\" slots\n      </p>\n      {allExtensions.map((ext) => (\n        <label\n          key={ext}\n          data-test-id={`custom-action-${ext}`}\n          style={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            marginBottom: 5,\n            color: \"#1b1b18\",\n          }}\n        >\n          <span>{ext}</span>\n          <Switch\n            size=\"small\"\n            checked={\n              usedExtensions.includes(ext) || usedExtensionTools.includes(ext)\n            }\n            onChange={(checked) => handleChange(ext, checked)}\n          />\n        </label>\n      ))}\n    </div>\n  );\n}\n\nexport function registerTiptap(loader?: Registerable) {\n  registerComponentHelper(loader, TiptapWrapper, {\n    name: TIPTAP_COMPONENT_NAME,\n    displayName: \"Tiptap Rich Text Editor\",\n    defaultStyles: {\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderColor: \"rgb(204,204,204)\",\n      borderRadius: \"4px\",\n      padding: \"10px\",\n      width: \"300px\",\n    },\n    actions: [\n      {\n        type: \"custom-action\",\n        control: AddExtension,\n      },\n    ],\n    props: {\n      useJson: {\n        displayName: \"Use JSON default content\",\n        type: \"boolean\",\n        defaultValue: false,\n      },\n      // a better naming for this would be defaultContentHtml, but we can't change the name anymore for backwards compatibility reasons (can't change the name of an existing prop)\n      contentHtml: {\n        type: \"string\",\n        displayName: \"HTML Content\",\n        description: \"Provide default content as HTML\",\n        hidden: (ps) => ps.useJson,\n      },\n      defaultContentJson: {\n        type: \"object\",\n        displayName: \"JSON Content\",\n        description: \"Provide default content as JSON\",\n        hidden: (ps) => !ps.useJson,\n      },\n      // contentJson is exposed as state, and its not combined with defaultContentJson via \"editOnly/uncontrolledProp\" fields because\n      // that pattern is for controlled components, while the wrapped component (EditorProvider) is an uncontrolled component.\n      contentJson: {\n        type: \"object\",\n        hidden: () => true,\n      },\n      extensions: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: allExtensions.map(\n          (ext) => `${TIPTAP_COMPONENT_NAME}-extension-${ext}`\n        ),\n      },\n      toolbar: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: allExtensions.map(\n          (ext) => `${TIPTAP_COMPONENT_NAME}-toolbar-${ext}`\n        ),\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"content\", type: \"object\" }],\n      },\n    },\n    states: {\n      content: {\n        type: \"writable\",\n        variableType: \"object\",\n        valueProp: \"contentJson\",\n        onChangeProp: \"onChange\",\n      },\n    },\n    importName: \"TiptapWrapper\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerTiptap\",\n  });\n}\n"],"names":["React","useState","registerComponent","useRef","Document","Paragraph","Text","usePlasmicCanvasContext","useEffect","EditorProvider","useMemo","Switch"],"mappings":"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"}

package/skinny/{registerTiptap-6a2d0bb4.esm.js → registerTiptap-3c71865b.esm.js}

@@ -1,3 +1,4 @@
+import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
 import Text from '@tiptap/extension-text';
@@ -154,10 +155,11 @@ function Tiptap(props) {
   const {
     extensions,
     contentHtml,
-    defaultContentHtml,
+    defaultContentJson,
     className,
     onChange,
-    toolbar
+    toolbar,
+    useJson
   } = props;
   const tiptapContext = __objRest(useTiptapContext(), []);
   const usedExtensions = allExtensions.reduce(
@@ -175,11 +177,13 @@ function Tiptap(props) {
     Text,
     ...Object.values(usedExtensions)
   ];
+  const isCanvas = usePlasmicCanvasContext();
+  const defaultContent = useJson ? defaultContentJson : contentHtml;
   useEffect(() => {
     if (activeRef.current)
       return;
     setRefreshKey(Math.random() * 1e6);
-  }, [contentHtml]);
+  }, [...isCanvas ? [defaultContent] : []]);
   if (!isClient) {
     return null;
   }
@@ -193,9 +197,9 @@ function Tiptap(props) {
   return /* @__PURE__ */ React.createElement("div", { className, style: { position: "relative" } }, /* @__PURE__ */ React.createElement(
     EditorProvider,
     {
-      key: `${extensionsProp.length}${refreshKey}`,
       extensions: extensionsProp,
-      content: contentHtml || defaultContentHtml,
+      key: `${extensionsProp.length}${refreshKey}`,
+      content: defaultContent,
       onCreate: ({ editor }) => {
         onChange(editor.getJSON());
       },
@@ -288,6 +292,7 @@ function AddExtension({
     allExtensions.map((ext) => /* @__PURE__ */ React.createElement(
       "label",
       {
+        key: ext,
         "data-test-id": `custom-action-${ext}`,
         style: {
           display: "flex",
@@ -327,16 +332,28 @@ function registerTiptap(loader) {
       }
     ],
     props: {
+      useJson: {
+        displayName: "Use JSON default content",
+        type: "boolean",
+        defaultValue: false
+      },
+      // a better naming for this would be defaultContentHtml, but we can't change the name anymore for backwards compatibility reasons (can't change the name of an existing prop)
       contentHtml: {
         type: "string",
         displayName: "HTML Content",
-        editOnly: true,
-        uncontrolledProp: "defaultContentHtml",
-        description: "Contents of the editor"
+        description: "Provide default content as HTML",
+        hidden: (ps) => ps.useJson
       },
-      contentJson: {
+      defaultContentJson: {
         type: "object",
         displayName: "JSON Content",
+        description: "Provide default content as JSON",
+        hidden: (ps) => !ps.useJson
+      },
+      // contentJson is exposed as state, and its not combined with defaultContentJson via "editOnly/uncontrolledProp" fields because
+      // that pattern is for controlled components, while the wrapped component (EditorProvider) is an uncontrolled component.
+      contentJson: {
+        type: "object",
         hidden: () => true
       },
       extensions: {
@@ -372,4 +389,4 @@ function registerTiptap(loader) {
 }
 
 export { AddExtension as A, TIPTAP_COMPONENT_NAME as T, Tiptap as a, TiptapWrapper as b, registerTiptap as c, registerComponentHelper as r, useTiptapContext as u };
-//# sourceMappingURL=registerTiptap-6a2d0bb4.esm.js.map
+//# sourceMappingURL=registerTiptap-3c71865b.esm.js.map

package/skinny/registerTiptap-3c71865b.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTiptap-3c71865b.esm.js","sources":["../src/contexts.tsx","../src/useIsClient.ts","../src/utils.ts","../src/registerTiptap.tsx"],"sourcesContent":["import { Mark, Node } from \"@tiptap/core\";\nimport type { BoldOptions } from \"@tiptap/extension-bold\";\nimport type { CodeOptions } from \"@tiptap/extension-code\";\nimport type { ItalicOptions } from \"@tiptap/extension-italic\";\nimport type { LinkOptions } from \"@tiptap/extension-link\";\nimport type { MentionOptions } from \"@tiptap/extension-mention\";\nimport type { StrikeOptions } from \"@tiptap/extension-strike\";\nimport type { UnderlineOptions } from \"@tiptap/extension-underline\";\nimport React, { useState } from \"react\";\n\nexport const RESET_TIMEOUT_MS = 500;\nexport interface TiptapContextProps {\n  bold?: Mark<BoldOptions>;\n  setBold: (boldOptions?: Mark<BoldOptions>) => void;\n  code?: Mark<CodeOptions>;\n  setCode: (codeOptions?: Mark<CodeOptions>) => void;\n  italic?: Mark<ItalicOptions>;\n  setItalic: (italicOptions?: Mark<ItalicOptions>) => void;\n  link?: Mark<LinkOptions>;\n  setLink: (linkOptions?: Mark<LinkOptions>) => void;\n  mention?: Node<MentionOptions>;\n  setMention: (mentionOptions?: Node<MentionOptions>) => void;\n  strike?: Mark<StrikeOptions>;\n  setStrike: (strikeOptions?: Mark<StrikeOptions>) => void;\n  underline?: Mark<UnderlineOptions>;\n  setUnderline: (underlineOptions?: Mark<UnderlineOptions>) => void;\n}\n\nexport const allExtensions: Extract<keyof TiptapContextProps, string>[] = [\n  \"bold\",\n  \"italic\",\n  \"underline\",\n  \"strike\",\n  \"code\",\n  \"link\",\n  \"mention\",\n];\n\nexport const TiptapContext = React.createContext<\n  TiptapContextProps | undefined\n>(undefined);\n\nexport const useTiptapContext = () => {\n  const context = React.useContext(TiptapContext);\n  if (!context) {\n    throw new Error(\n      \"useTiptapContext must be used within a TiptapContextProvider\"\n    );\n  }\n  return context;\n};\n\nexport const TiptapContextProvider = ({ children }: any) => {\n  const [bold, setBold] = useState<Mark<BoldOptions> | undefined>(undefined);\n  const [code, setCode] = useState<Mark<CodeOptions> | undefined>(undefined);\n  const [italic, setItalic] = useState<Mark<ItalicOptions> | undefined>(\n    undefined\n  );\n  const [link, setLink] = useState<Mark<LinkOptions> | undefined>(undefined);\n  const [mention, setMention] = useState<Node<MentionOptions> | undefined>(\n    undefined\n  );\n  const [strike, setStrike] = useState<Mark<StrikeOptions> | undefined>(\n    undefined\n  );\n  const [underline, setUnderline] = useState<\n    Mark<UnderlineOptions> | undefined\n  >(undefined);\n\n  return (\n    <TiptapContext.Provider\n      value={{\n        bold,\n        setBold,\n        code,\n        setCode,\n        italic,\n        setItalic,\n        link,\n        setLink,\n        mention,\n        /**\n         * In situations where I want to remove an extension and add it again with new options (e.g. within a useEffect - see registerMention)\n         * the options are not updated.\n         * So after removing the extension, I want to wait a few seconds before I add it again,\n         * so the Tiptap editor acknowledges the removal before it adds the extension back with new updated options.\n         * @param mentionOptions\n         * @returns\n         */\n        setMention: (mentionOptions?: Node<MentionOptions>) => {\n          if (!mentionOptions) {\n            setMention(mentionOptions);\n            return;\n          }\n          setTimeout(() => {\n            setMention(mentionOptions);\n          }, RESET_TIMEOUT_MS);\n        },\n        strike,\n        setStrike,\n        underline,\n        setUnderline,\n      }}\n    >\n      {children}\n    </TiptapContext.Provider>\n  );\n};\n","import React from \"react\";\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = React.useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import {\n  ComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  default as registerGlobalContext,\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: ComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport { ActionProps } from \"@plasmicapp/host/registerComponent\";\nimport Document from \"@tiptap/extension-document\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Text from \"@tiptap/extension-text\";\nimport type { Extensions, JSONContent } from \"@tiptap/react\";\nimport { EditorProvider } from \"@tiptap/react\";\nimport { Switch } from \"antd\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  allExtensions,\n  TiptapContextProvider,\n  useTiptapContext,\n} from \"./contexts\";\nimport { useIsClient } from \"./useIsClient\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\n\nexport const TIPTAP_COMPONENT_NAME = \"hostless-tiptap\";\n\nexport type TiptapProps = {\n  contentHtml?: string;\n  contentJson?: JSONContent;\n  defaultContentJson?: JSONContent;\n  useJson: boolean;\n  extensions?: React.ReactElement;\n  toolbar?: React.ReactElement;\n  className: string;\n  onChange: (content: JSONContent) => void;\n};\n\nexport function Tiptap(props: TiptapProps) {\n  const isClient = useIsClient();\n  const [active, setActive] = useState<boolean>(false);\n  const [refreshKey, setRefreshKey] = useState(0);\n  const activeRef = useRef<boolean>();\n  activeRef.current = active;\n\n  const {\n    extensions,\n    contentHtml,\n    defaultContentJson,\n    className,\n    onChange,\n    toolbar,\n    useJson,\n  } = props;\n  const { ...tiptapContext } = useTiptapContext();\n  const usedExtensions: Record<string, any> = allExtensions.reduce(\n    (acc: any, ext) => {\n      if (tiptapContext[ext] !== undefined) {\n        acc[ext] = tiptapContext[ext];\n      }\n      return acc;\n    },\n    {}\n  );\n\n  const extensionsProp: Extensions = [\n    Document,\n    Paragraph,\n    Text,\n    ...Object.values(usedExtensions),\n  ];\n\n  const isCanvas = usePlasmicCanvasContext();\n  const defaultContent = useJson ? defaultContentJson : contentHtml;\n\n  // If you try to update the content via the content prop (as opposed to directly typing into the tiptap editor), the new content won't show. So we got to refresh the editor to make the default content appear.\n  useEffect(() => {\n    // only refresh key if the user is not typing\n    if (activeRef.current) return;\n    setRefreshKey(Math.random() * 1000000);\n  }, [...(isCanvas ? [defaultContent] : [])]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  const css = `\n    .tiptap {\n      padding: 0;\n      outline: none;\n    }\n  `;\n\n  const toolbarProp = toolbar ? (\n    <div style={{ display: \"flex\", alignItems: \"center\" }}>{toolbar}</div>\n  ) : null;\n\n  return (\n    <div className={className} style={{ position: \"relative\" }}>\n      {/* Editor provider is an uncontrolled component */}\n      <EditorProvider\n        extensions={extensionsProp}\n        key={`${extensionsProp.length}${refreshKey}`}\n        content={defaultContent}\n        onCreate={({ editor }) => {\n          onChange(editor.getJSON());\n        }}\n        onUpdate={({ editor }) => {\n          onChange(editor.getJSON());\n        }}\n        onFocus={() => setActive(true)}\n        onBlur={() => setActive(false)}\n        slotBefore={toolbarProp}\n        // slotAfter={<MyEditorFooter />}\n\n        // TODO: HIDE children prop\n        children={undefined}\n        editorProps={{\n          attributes: {\n            className,\n          },\n        }}\n      />\n      {extensions}\n      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </div>\n  );\n}\n\nexport function TiptapWrapper(props: TiptapProps) {\n  return (\n    <TiptapContextProvider>\n      <Tiptap {...props} />\n    </TiptapContextProvider>\n  );\n}\n\nexport function AddExtension({\n  studioOps,\n  componentProps,\n}: ActionProps<TiptapProps>) {\n  const usedExtensions: string[] = useMemo(() => {\n    const list: string[] = [];\n    traverseReactEltTree(componentProps?.extensions, (elt) => {\n      const ext = elt?.type?.displayName?.toLowerCase?.();\n      if (ext) {\n        list.push(ext);\n      }\n    });\n    return list;\n  }, [componentProps?.extensions]);\n\n  const usedExtensionTools: string[] = useMemo(() => {\n    const list: string[] = [];\n    traverseReactEltTree(componentProps?.toolbar, (elt) => {\n      const ext = elt?.type?.displayName?.toLowerCase?.();\n      if (ext && ext.includes(\"toolbar\")) {\n        list.push(ext.replace(\"toolbar\", \"\"));\n      }\n    });\n    return list;\n  }, [componentProps?.toolbar]);\n\n  const handleChange = (extName: string, add: boolean) => {\n    if (add) {\n      studioOps.appendToSlot(\n        {\n          type: \"component\",\n          name: `${TIPTAP_COMPONENT_NAME}-extension-${extName}`,\n          props: {},\n        },\n        \"extensions\"\n      );\n      studioOps.appendToSlot(\n        {\n          type: \"component\",\n          name: `${TIPTAP_COMPONENT_NAME}-toolbar-${extName}`,\n          props: {},\n        },\n        \"toolbar\"\n      );\n    } else {\n      const extIndices = usedExtensions.flatMap((ext, i) =>\n        ext === extName ? i : []\n      );\n      extIndices\n        .reverse()\n        .forEach(\n          (i) => i !== -1 && studioOps.removeFromSlotAt(i, \"extensions\")\n        );\n\n      const toolIndices = usedExtensionTools.flatMap((ext, i) =>\n        ext === extName ? i : []\n      );\n      toolIndices\n        .reverse()\n        .forEach((i) => i !== -1 && studioOps.removeFromSlotAt(i, \"toolbar\"));\n    }\n  };\n\n  return (\n    <div\n      style={{\n        marginBottom: 10,\n        paddingBottom: 10,\n        borderBottom: \"1px dashed #ccc\",\n      }}\n    >\n      <p>\n        You can add capabilities to Tiptap Rich Text Editor using the tools\n        below.\n      </p>\n      <p>\n        To further customize the extensions, find them under the Editor's\n        \"extensions\" and \"toolbar\" slots\n      </p>\n      {allExtensions.map((ext) => (\n        <label\n          key={ext}\n          data-test-id={`custom-action-${ext}`}\n          style={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            marginBottom: 5,\n            color: \"#1b1b18\",\n          }}\n        >\n          <span>{ext}</span>\n          <Switch\n            size=\"small\"\n            checked={\n              usedExtensions.includes(ext) || usedExtensionTools.includes(ext)\n            }\n            onChange={(checked) => handleChange(ext, checked)}\n          />\n        </label>\n      ))}\n    </div>\n  );\n}\n\nexport function registerTiptap(loader?: Registerable) {\n  registerComponentHelper(loader, TiptapWrapper, {\n    name: TIPTAP_COMPONENT_NAME,\n    displayName: \"Tiptap Rich Text Editor\",\n    defaultStyles: {\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderColor: \"rgb(204,204,204)\",\n      borderRadius: \"4px\",\n      padding: \"10px\",\n      width: \"300px\",\n    },\n    actions: [\n      {\n        type: \"custom-action\",\n        control: AddExtension,\n      },\n    ],\n    props: {\n      useJson: {\n        displayName: \"Use JSON default content\",\n        type: \"boolean\",\n        defaultValue: false,\n      },\n      // a better naming for this would be defaultContentHtml, but we can't change the name anymore for backwards compatibility reasons (can't change the name of an existing prop)\n      contentHtml: {\n        type: \"string\",\n        displayName: \"HTML Content\",\n        description: \"Provide default content as HTML\",\n        hidden: (ps) => ps.useJson,\n      },\n      defaultContentJson: {\n        type: \"object\",\n        displayName: \"JSON Content\",\n        description: \"Provide default content as JSON\",\n        hidden: (ps) => !ps.useJson,\n      },\n      // contentJson is exposed as state, and its not combined with defaultContentJson via \"editOnly/uncontrolledProp\" fields because\n      // that pattern is for controlled components, while the wrapped component (EditorProvider) is an uncontrolled component.\n      contentJson: {\n        type: \"object\",\n        hidden: () => true,\n      },\n      extensions: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: allExtensions.map(\n          (ext) => `${TIPTAP_COMPONENT_NAME}-extension-${ext}`\n        ),\n      },\n      toolbar: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: allExtensions.map(\n          (ext) => `${TIPTAP_COMPONENT_NAME}-toolbar-${ext}`\n        ),\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"content\", type: \"object\" }],\n      },\n    },\n    states: {\n      content: {\n        type: \"writable\",\n        variableType: \"object\",\n        valueProp: \"contentJson\",\n        onChangeProp: \"onChange\",\n      },\n    },\n    importName: \"TiptapWrapper\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerTiptap\",\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTiptap.cjs.js

@@ -1,12 +1,13 @@
 'use strict';
 
+require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');
 require('@tiptap/react');
 require('antd');
 require('react');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('@plasmicapp/host/registerGlobalContext');
 

package/skinny/registerTiptap.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTiptap.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"registerTiptap.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/skinny/registerTiptap.d.ts

@@ -5,8 +5,9 @@ import { Registerable } from "./utils";
 export declare const TIPTAP_COMPONENT_NAME = "hostless-tiptap";
 export type TiptapProps = {
     contentHtml?: string;
-    defaultContentHtml?: string;
     contentJson?: JSONContent;
+    defaultContentJson?: JSONContent;
+    useJson: boolean;
     extensions?: React.ReactElement;
     toolbar?: React.ReactElement;
     className: string;

package/skinny/registerTiptap.esm.js

@@ -1,10 +1,11 @@
+import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';
 import '@tiptap/react';
 import 'antd';
 import 'react';
-export { A as AddExtension, T as TIPTAP_COMPONENT_NAME, a as Tiptap, b as TiptapWrapper, c as registerTiptap } from './registerTiptap-6a2d0bb4.esm.js';
+export { A as AddExtension, T as TIPTAP_COMPONENT_NAME, a as Tiptap, b as TiptapWrapper, c as registerTiptap } from './registerTiptap-3c71865b.esm.js';
 import '@plasmicapp/host/registerComponent';
 import '@plasmicapp/host/registerGlobalContext';
 //# sourceMappingURL=registerTiptap.esm.js.map

package/skinny/registerTiptap.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTiptap.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"registerTiptap.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/skinny/registerToolbarBold.cjs.js

@@ -2,7 +2,8 @@
 
 var react = require('@tiptap/react');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');