@portabletext/plugin-typography 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,246 @@
+import type {EditorSchema} from '@portabletext/editor'
+import {InputRule, InputRuleGuard} from '@portabletext/plugin-input-rule'
+import {JSX} from 'react'
+
+/**
+ * @public
+ */
+export declare const closingDoubleQuoteRule: InputRule
+
+/**
+ * @public
+ */
+export declare const closingSingleQuoteRule: InputRule
+
+/**
+ * @public
+ */
+export declare const copyrightRule: InputRule
+
+/**
+ * @public
+ * Create an `InputRuleGuard` that can prevent the rule from running inside
+ * certain decorators.
+ *
+ * @example
+ * ```tsx
+ * const guard = createDecoratorGuard({
+ *   decorators: ({schema}) => schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [decorator.name] : []),
+ * })
+ *
+ * <TypographyPlugin guard={guard} />
+ * ```
+ */
+export declare function createDecoratorGuard(config: {
+  decorators: ({schema}: {schema: EditorSchema}) => Array<string>
+}): InputRuleGuard
+
+/**
+ * @public
+ */
+export declare const ellipsisRule: InputRule
+
+/**
+ * @public
+ */
+export declare const emDashRule: InputRule
+
+/**
+ * @public
+ */
+export declare const laquoRule: InputRule
+
+/**
+ * @public
+ */
+export declare const leftArrowRule: InputRule
+
+/**
+ * @public
+ */
+export declare const multiplicationRule: InputRule
+
+/**
+ * @public
+ */
+export declare const notEqualRule: InputRule
+
+/**
+ * @public
+ */
+export declare const oneHalfRule: InputRule
+
+/**
+ * @public
+ */
+export declare const oneQuarterRule: InputRule
+
+/**
+ * @public
+ */
+export declare const openingDoubleQuoteRule: InputRule
+
+/**
+ * @public
+ */
+export declare const openingSingleQuoteRule: InputRule
+
+/**
+ * @public
+ */
+export declare const plusMinusRule: InputRule
+
+/**
+ * @public
+ */
+export declare const raquoRule: InputRule
+
+/**
+ * @beta
+ */
+export declare const registeredTrademarkRule: InputRule
+
+/**
+ * @public
+ */
+export declare const rightArrowRule: InputRule
+
+/**
+ * @public
+ */
+export declare const servicemarkRule: InputRule
+
+/**
+ * @public
+ */
+export declare const smartQuotesRules: Array<InputRule>
+
+/**
+ * @public
+ */
+export declare const superscriptThreeRule: InputRule
+
+/**
+ * @public
+ */
+export declare const superscriptTwoRule: InputRule
+
+/**
+ * @public
+ */
+export declare const threeQuartersRule: InputRule
+
+/**
+ * @public
+ */
+export declare const trademarkRule: InputRule
+
+/**
+ * @public
+ */
+export declare function TypographyPlugin(
+  props: TypographyPluginProps,
+): JSX.Element
+
+/**
+ * @public
+ */
+export declare type TypographyPluginProps = {
+  guard?: InputRuleGuard
+  /**
+   * Configure which rules to enable or disable. Ordinary rules like `emDash` and `ellipsis` are enabled by default.
+   * Less common rules like `multiplication` are disabled by default.
+   */
+  rules?: {
+    /**
+     * @defaultValue 'on'
+     */
+    emDash?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    ellipsis?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    openingDoubleQuote?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    closingDoubleQuote?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    openingSingleQuote?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    closingSingleQuote?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    leftArrow?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    rightArrow?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    copyright?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    trademark?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    servicemark?: 'on' | 'off'
+    /**
+     * @defaultValue 'on'
+     */
+    registeredTrademark?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    oneHalf?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    plusMinus?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    notEqual?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    laquo?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    raquo?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    multiplication?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    superscriptTwo?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    superscriptThree?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    oneQuarter?: 'on' | 'off'
+    /**
+     * @defaultValue 'off'
+     */
+    threeQuarters?: 'on' | 'off'
+  }
+}
+
+export {}

package/dist/index.js

@@ -0,0 +1,238 @@
+import { getSelectedSpans, isActiveDecorator } from "@portabletext/editor/selectors";
+import { defineTextTransformRule, InputRulePlugin } from "@portabletext/plugin-input-rule";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+function createDecoratorGuard(config) {
+  return ({
+    snapshot,
+    event
+  }) => {
+    const decorators = config.decorators({
+      schema: snapshot.context.schema
+    });
+    if (decorators.length === 0)
+      return !0;
+    const matchedSpans = event.matches.flatMap((match) => getSelectedSpans({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: match.selection
+      }
+    }));
+    let preventInputRule = !1;
+    for (const decorator of decorators) {
+      if (isActiveDecorator(decorator)(snapshot)) {
+        preventInputRule = !0;
+        break;
+      }
+      if (matchedSpans.some((span) => span.node.marks?.includes(decorator))) {
+        preventInputRule = !0;
+        break;
+      }
+    }
+    return !preventInputRule;
+  };
+}
+const emDashRule = defineTextTransformRule({
+  on: /--/,
+  transform: () => "\u2014"
+}), ellipsisRule = defineTextTransformRule({
+  on: /\.\.\./,
+  transform: () => "\u2026"
+}), openingDoubleQuoteRule = defineTextTransformRule({
+  on: new RegExp(`(?:^|(?<=[\\s{[(<'"\\u2018\\u201C]))"`, "g"),
+  transform: () => "\u201C"
+}), closingDoubleQuoteRule = defineTextTransformRule({
+  on: /"/g,
+  transform: () => "\u201D"
+}), openingSingleQuoteRule = defineTextTransformRule({
+  on: new RegExp(`(?:^|(?<=[\\s{[(<'"\\u2018\\u201C]))'`, "g"),
+  transform: () => "\u2018"
+}), closingSingleQuoteRule = defineTextTransformRule({
+  on: /'/g,
+  transform: () => "\u2019"
+}), smartQuotesRules = [openingDoubleQuoteRule, closingDoubleQuoteRule, openingSingleQuoteRule, closingSingleQuoteRule], leftArrowRule = defineTextTransformRule({
+  on: /<-/,
+  transform: () => "\u2190"
+}), rightArrowRule = defineTextTransformRule({
+  on: /->/,
+  transform: () => "\u2192"
+}), copyrightRule = defineTextTransformRule({
+  on: /\(c\)/,
+  transform: () => "\xA9"
+}), servicemarkRule = defineTextTransformRule({
+  on: /\(sm\)/,
+  transform: () => "\u2120"
+}), trademarkRule = defineTextTransformRule({
+  on: /\(tm\)/,
+  transform: () => "\u2122"
+}), registeredTrademarkRule = defineTextTransformRule({
+  on: /\(r\)/,
+  transform: () => "\xAE"
+}), oneHalfRule = defineTextTransformRule({
+  on: /(?:^|\s)(1\/2)\s/,
+  transform: () => "\xBD"
+}), plusMinusRule = defineTextTransformRule({
+  on: /\+\/-/,
+  transform: () => "\xB1"
+}), notEqualRule = defineTextTransformRule({
+  on: /!=/,
+  transform: () => "\u2260"
+}), laquoRule = defineTextTransformRule({
+  on: /<</,
+  transform: () => "\xAB"
+}), raquoRule = defineTextTransformRule({
+  on: />>/,
+  transform: () => "\xBB"
+}), multiplicationRule = defineTextTransformRule({
+  on: /\d+\s?([*x])\s?\d+/,
+  transform: () => "\xD7"
+}), superscriptTwoRule = defineTextTransformRule({
+  on: /\^2/,
+  transform: () => "\xB2"
+}), superscriptThreeRule = defineTextTransformRule({
+  on: /\^3/,
+  transform: () => "\xB3"
+}), oneQuarterRule = defineTextTransformRule({
+  on: /(?:^|\s)(1\/4)\s/,
+  transform: () => "\xBC"
+}), threeQuartersRule = defineTextTransformRule({
+  on: /(?:^|\s)(3\/4)\s/,
+  transform: () => "\xBE"
+}), defaultRuleConfig = [{
+  name: "emDash",
+  rule: emDashRule,
+  state: "on"
+}, {
+  name: "ellipsis",
+  rule: ellipsisRule,
+  state: "on"
+}, {
+  name: "openingDoubleQuote",
+  rule: openingDoubleQuoteRule,
+  state: "on"
+}, {
+  name: "closingDoubleQuote",
+  rule: closingDoubleQuoteRule,
+  state: "on"
+}, {
+  name: "openingSingleQuote",
+  rule: openingSingleQuoteRule,
+  state: "on"
+}, {
+  name: "closingSingleQuote",
+  rule: closingSingleQuoteRule,
+  state: "on"
+}, {
+  name: "leftArrow",
+  rule: leftArrowRule,
+  state: "on"
+}, {
+  name: "rightArrow",
+  rule: rightArrowRule,
+  state: "on"
+}, {
+  name: "copyright",
+  rule: copyrightRule,
+  state: "on"
+}, {
+  name: "trademark",
+  rule: trademarkRule,
+  state: "on"
+}, {
+  name: "servicemark",
+  rule: servicemarkRule,
+  state: "on"
+}, {
+  name: "registeredTrademark",
+  rule: registeredTrademarkRule,
+  state: "on"
+}, {
+  name: "oneHalf",
+  rule: oneHalfRule,
+  state: "off"
+}, {
+  name: "plusMinus",
+  rule: plusMinusRule,
+  state: "off"
+}, {
+  name: "laquo",
+  rule: laquoRule,
+  state: "off"
+}, {
+  name: "notEqual",
+  rule: notEqualRule,
+  state: "off"
+}, {
+  name: "raquo",
+  rule: raquoRule,
+  state: "off"
+}, {
+  name: "multiplication",
+  rule: multiplicationRule,
+  state: "off"
+}, {
+  name: "superscriptTwo",
+  rule: superscriptTwoRule,
+  state: "off"
+}, {
+  name: "superscriptThree",
+  rule: superscriptThreeRule,
+  state: "off"
+}, {
+  name: "oneQuarter",
+  rule: oneQuarterRule,
+  state: "off"
+}, {
+  name: "threeQuarters",
+  rule: threeQuartersRule,
+  state: "off"
+}];
+function TypographyPlugin(props) {
+  const $ = c(6);
+  let t0;
+  $[0] !== props.guard || $[1] !== props.rules ? (t0 = defaultRuleConfig.flatMap((rule) => props.rules && props.rules[rule.name] === "on" ? {
+    ...rule.rule,
+    guard: props.guard ?? _temp
+  } : props.rules && props.rules[rule.name] === "off" || rule.state === "off" ? [] : {
+    ...rule.rule,
+    guard: props.guard ?? _temp2
+  }), $[0] = props.guard, $[1] = props.rules, $[2] = t0) : t0 = $[2];
+  const configuredInputRules = t0;
+  let t1;
+  return $[3] !== configuredInputRules || $[4] !== props ? (t1 = /* @__PURE__ */ jsx(InputRulePlugin, { ...props, rules: configuredInputRules }), $[3] = configuredInputRules, $[4] = props, $[5] = t1) : t1 = $[5], t1;
+}
+function _temp2() {
+  return !0;
+}
+function _temp() {
+  return !0;
+}
+export {
+  TypographyPlugin,
+  closingDoubleQuoteRule,
+  closingSingleQuoteRule,
+  copyrightRule,
+  createDecoratorGuard,
+  ellipsisRule,
+  emDashRule,
+  laquoRule,
+  leftArrowRule,
+  multiplicationRule,
+  notEqualRule,
+  oneHalfRule,
+  oneQuarterRule,
+  openingDoubleQuoteRule,
+  openingSingleQuoteRule,
+  plusMinusRule,
+  raquoRule,
+  registeredTrademarkRule,
+  rightArrowRule,
+  servicemarkRule,
+  smartQuotesRules,
+  superscriptThreeRule,
+  superscriptTwoRule,
+  threeQuartersRule,
+  trademarkRule
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/create-decorator-guard.ts","../src/input-rules.typography.ts","../src/plugin.typography.tsx"],"sourcesContent":["import type {EditorSchema} from '@portabletext/editor'\nimport {\n  getSelectedSpans,\n  isActiveDecorator,\n} from '@portabletext/editor/selectors'\nimport type {InputRuleGuard} from '@portabletext/plugin-input-rule'\n\n/**\n * @public\n * Create an `InputRuleGuard` that can prevent the rule from running inside\n * certain decorators.\n *\n * @example\n * ```tsx\n * const guard = createDecoratorGuard({\n *   decorators: ({schema}) => schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [decorator.name] : []),\n * })\n *\n * <TypographyPlugin guard={guard} />\n * ```\n */\nexport function createDecoratorGuard(config: {\n  decorators: ({schema}: {schema: EditorSchema}) => Array<string>\n}): InputRuleGuard {\n  return ({snapshot, event}) => {\n    const decorators = config.decorators({schema: snapshot.context.schema})\n\n    if (decorators.length === 0) {\n      return true\n    }\n\n    const matchedSpans = event.matches.flatMap((match) =>\n      getSelectedSpans({\n        ...snapshot,\n        context: {\n          ...snapshot.context,\n          selection: match.selection,\n        },\n      }),\n    )\n\n    let preventInputRule = false\n\n    for (const decorator of decorators) {\n      if (isActiveDecorator(decorator)(snapshot)) {\n        preventInputRule = true\n        break\n      }\n\n      if (matchedSpans.some((span) => span.node.marks?.includes(decorator))) {\n        preventInputRule = true\n        break\n      }\n    }\n\n    return !preventInputRule\n  }\n}\n","import {\n  defineTextTransformRule,\n  type InputRule,\n} from '@portabletext/plugin-input-rule'\n\n/**\n * @public\n */\nexport const emDashRule = defineTextTransformRule({\n  on: /--/,\n  transform: () => '—',\n})\n\n/**\n * @public\n */\nexport const ellipsisRule = defineTextTransformRule({\n  on: /\\.\\.\\./,\n  transform: () => '…',\n})\n\n/**\n * @public\n */\nexport const openingDoubleQuoteRule = defineTextTransformRule({\n  on: /(?:^|(?<=[\\s{[(<'\"\\u2018\\u201C]))\"/g,\n  transform: () => '“',\n})\n\n/**\n * @public\n */\nexport const closingDoubleQuoteRule = defineTextTransformRule({\n  on: /\"/g,\n  transform: () => '”',\n})\n\n/**\n * @public\n */\nexport const openingSingleQuoteRule = defineTextTransformRule({\n  on: /(?:^|(?<=[\\s{[(<'\"\\u2018\\u201C]))'/g,\n  transform: () => '‘',\n})\n\n/**\n * @public\n */\nexport const closingSingleQuoteRule = defineTextTransformRule({\n  on: /'/g,\n  transform: () => '’',\n})\n\n/**\n * @public\n */\nexport const smartQuotesRules: Array<InputRule> = [\n  openingDoubleQuoteRule,\n  closingDoubleQuoteRule,\n  openingSingleQuoteRule,\n  closingSingleQuoteRule,\n]\n\n/**\n * @public\n */\nexport const leftArrowRule = defineTextTransformRule({\n  on: /<-/,\n  transform: () => '←',\n})\n\n/**\n * @public\n */\nexport const rightArrowRule = defineTextTransformRule({\n  on: /->/,\n  transform: () => '→',\n})\n\n/**\n * @public\n */\nexport const copyrightRule = defineTextTransformRule({\n  on: /\\(c\\)/,\n  transform: () => '©',\n})\n\n/**\n * @public\n */\nexport const servicemarkRule = defineTextTransformRule({\n  on: /\\(sm\\)/,\n  transform: () => '℠',\n})\n\n/**\n * @public\n */\nexport const trademarkRule = defineTextTransformRule({\n  on: /\\(tm\\)/,\n  transform: () => '™',\n})\n\n/**\n * @beta\n */\nexport const registeredTrademarkRule = defineTextTransformRule({\n  on: /\\(r\\)/,\n  transform: () => '®',\n})\n\n/**\n * @public\n */\nexport const oneHalfRule = defineTextTransformRule({\n  on: /(?:^|\\s)(1\\/2)\\s/,\n  transform: () => '½',\n})\n\n/**\n * @public\n */\nexport const plusMinusRule = defineTextTransformRule({\n  on: /\\+\\/-/,\n  transform: () => '±',\n})\n\n/**\n * @public\n */\nexport const notEqualRule = defineTextTransformRule({\n  on: /!=/,\n  transform: () => '≠',\n})\n\n/**\n * @public\n */\nexport const laquoRule = defineTextTransformRule({\n  on: /<</,\n  transform: () => '«',\n})\n\n/**\n * @public\n */\nexport const raquoRule = defineTextTransformRule({\n  on: />>/,\n  transform: () => '»',\n})\n\n/**\n * @public\n */\nexport const multiplicationRule = defineTextTransformRule({\n  on: /\\d+\\s?([*x])\\s?\\d+/,\n  transform: () => '×',\n})\n\n/**\n * @public\n */\nexport const superscriptTwoRule = defineTextTransformRule({\n  on: /\\^2/,\n  transform: () => '²',\n})\n\n/**\n * @public\n */\nexport const superscriptThreeRule = defineTextTransformRule({\n  on: /\\^3/,\n  transform: () => '³',\n})\n\n/**\n * @public\n */\nexport const oneQuarterRule = defineTextTransformRule({\n  on: /(?:^|\\s)(1\\/4)\\s/,\n  transform: () => '¼',\n})\n\n/**\n * @public\n */\nexport const threeQuartersRule = defineTextTransformRule({\n  on: /(?:^|\\s)(3\\/4)\\s/,\n  transform: () => '¾',\n})\n","import {\n  InputRulePlugin,\n  type InputRule,\n  type InputRuleGuard,\n} from '@portabletext/plugin-input-rule'\nimport {useMemo} from 'react'\nimport {\n  closingDoubleQuoteRule,\n  closingSingleQuoteRule,\n  copyrightRule,\n  ellipsisRule,\n  emDashRule,\n  laquoRule,\n  leftArrowRule,\n  multiplicationRule,\n  notEqualRule,\n  oneHalfRule,\n  oneQuarterRule,\n  openingDoubleQuoteRule,\n  openingSingleQuoteRule,\n  plusMinusRule,\n  raquoRule,\n  registeredTrademarkRule,\n  rightArrowRule,\n  servicemarkRule,\n  superscriptThreeRule,\n  superscriptTwoRule,\n  threeQuartersRule,\n  trademarkRule,\n} from './input-rules.typography'\n\n/**\n * @public\n */\nexport type TypographyPluginProps = {\n  guard?: InputRuleGuard\n  /**\n   * Configure which rules to enable or disable. Ordinary rules like `emDash` and `ellipsis` are enabled by default.\n   * Less common rules like `multiplication` are disabled by default.\n   */\n  rules?: {\n    /**\n     * @defaultValue 'on'\n     */\n    emDash?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    ellipsis?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    openingDoubleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    closingDoubleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    openingSingleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    closingSingleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    leftArrow?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    rightArrow?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    copyright?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    trademark?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    servicemark?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    registeredTrademark?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    oneHalf?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    plusMinus?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    notEqual?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    laquo?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    raquo?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    multiplication?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    superscriptTwo?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    superscriptThree?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    oneQuarter?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    threeQuarters?: 'on' | 'off'\n  }\n}\n\ntype RuleName = keyof NonNullable<TypographyPluginProps['rules']>\n\nconst defaultRuleConfig: Array<{\n  name: RuleName\n  rule: InputRule\n  state: 'on' | 'off'\n}> = [\n  {name: 'emDash', rule: emDashRule, state: 'on'},\n  {name: 'ellipsis', rule: ellipsisRule, state: 'on'},\n  {name: 'openingDoubleQuote', rule: openingDoubleQuoteRule, state: 'on'},\n  {name: 'closingDoubleQuote', rule: closingDoubleQuoteRule, state: 'on'},\n  {name: 'openingSingleQuote', rule: openingSingleQuoteRule, state: 'on'},\n  {name: 'closingSingleQuote', rule: closingSingleQuoteRule, state: 'on'},\n  {name: 'leftArrow', rule: leftArrowRule, state: 'on'},\n  {name: 'rightArrow', rule: rightArrowRule, state: 'on'},\n  {name: 'copyright', rule: copyrightRule, state: 'on'},\n  {name: 'trademark', rule: trademarkRule, state: 'on'},\n  {name: 'servicemark', rule: servicemarkRule, state: 'on'},\n  {name: 'registeredTrademark', rule: registeredTrademarkRule, state: 'on'},\n  {name: 'oneHalf', rule: oneHalfRule, state: 'off'},\n  {name: 'plusMinus', rule: plusMinusRule, state: 'off'},\n  {name: 'laquo', rule: laquoRule, state: 'off'},\n  {name: 'notEqual', rule: notEqualRule, state: 'off'},\n  {name: 'raquo', rule: raquoRule, state: 'off'},\n  {name: 'multiplication', rule: multiplicationRule, state: 'off'},\n  {name: 'superscriptTwo', rule: superscriptTwoRule, state: 'off'},\n  {name: 'superscriptThree', rule: superscriptThreeRule, state: 'off'},\n  {name: 'oneQuarter', rule: oneQuarterRule, state: 'off'},\n  {name: 'threeQuarters', rule: threeQuartersRule, state: 'off'},\n]\n\n/**\n * @public\n */\nexport function TypographyPlugin(props: TypographyPluginProps) {\n  const configuredInputRules = useMemo(\n    () =>\n      defaultRuleConfig.flatMap((rule) =>\n        props.rules && props.rules[rule.name] === 'on'\n          ? {...rule.rule, guard: props.guard ?? (() => true)}\n          : (props.rules && props.rules[rule.name] === 'off') ||\n              rule.state === 'off'\n            ? []\n            : {...rule.rule, guard: props.guard ?? (() => true)},\n      ),\n    [props.guard, props.rules],\n  )\n\n  return <InputRulePlugin {...props} rules={configuredInputRules} />\n}\n"],"names":["createDecoratorGuard","config","snapshot","event","decorators","schema","context","length","matchedSpans","matches","flatMap","match","getSelectedSpans","selection","preventInputRule","decorator","isActiveDecorator","some","span","node","marks","includes","emDashRule","defineTextTransformRule","on","transform","ellipsisRule","openingDoubleQuoteRule","closingDoubleQuoteRule","openingSingleQuoteRule","closingSingleQuoteRule","smartQuotesRules","leftArrowRule","rightArrowRule","copyrightRule","servicemarkRule","trademarkRule","registeredTrademarkRule","oneHalfRule","plusMinusRule","notEqualRule","laquoRule","raquoRule","multiplicationRule","superscriptTwoRule","superscriptThreeRule","oneQuarterRule","threeQuartersRule","defaultRuleConfig","name","rule","state","TypographyPlugin","props","$","_c","t0","guard","rules","_temp","_temp2","configuredInputRules","t1"],"mappings":"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"}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@portabletext/plugin-typography",
+  "version": "0.0.1",
+  "description": "Automatically transform text to typographic variants",
+  "keywords": [
+    "portabletext",
+    "plugin",
+    "typography"
+  ],
+  "homepage": "https://www.portabletext.org/",
+  "bugs": {
+    "url": "https://github.com/portabletext/editor/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/portabletext/editor.git",
+    "directory": "packages/plugin-typography"
+  },
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "react-compiler-runtime": "19.1.0-rc.3",
+    "@portabletext/plugin-input-rule": "~0.1.0"
+  },
+  "devDependencies": {
+    "@sanity/pkg-utils": "^8.1.4",
+    "@types/react": "^19.1.11",
+    "@vitejs/plugin-react": "^5.0.3",
+    "babel-plugin-react-compiler": "19.1.0-rc.3",
+    "eslint": "^9.34.0",
+    "eslint-formatter-gha": "^1.6.0",
+    "eslint-plugin-react-hooks": "6.0.0-rc.2",
+    "react": "^19.1.1",
+    "typescript": "5.9.3",
+    "typescript-eslint": "^8.41.0",
+    "vitest": "^3.2.4",
+    "@portabletext/editor": "^2.13.5",
+    "@portabletext/schema": "^1.2.0",
+    "racejar": "1.3.1"
+  },
+  "peerDependencies": {
+    "@portabletext/editor": "^2.13.5",
+    "react": "^19.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pkg-utils build --strict --check --clean",
+    "check:lint": "biome lint .",
+    "check:react-compiler": "eslint --cache .",
+    "check:types": "tsc",
+    "check:types:watch": "tsc --watch",
+    "clean": "del .turbo && del lib && del node_modules",
+    "dev": "pkg-utils watch",
+    "lint:fix": "biome lint --write .",
+    "test": "vitest --run",
+    "test:browser": "vitest --run --project browser",
+    "test:browser:chromium": "vitest run --project \"browser (chromium)\"",
+    "test:browser:chromium:watch": "vitest watch --project \"browser (chromium)\"",
+    "test:browser:firefox": "vitest run --project \"browser (firefox)\"",
+    "test:browser:firefox:watch": "vitest watch --project \"browser (firefox)\"",
+    "test:browser:webkit": "vitest run --project \"browser (webkit)\"",
+    "test:browser:webkit:watch": "vitest watch --project \"browser (webkit)\""
+  }
+}

package/src/create-decorator-guard.ts

@@ -0,0 +1,58 @@
+import type {EditorSchema} from '@portabletext/editor'
+import {
+  getSelectedSpans,
+  isActiveDecorator,
+} from '@portabletext/editor/selectors'
+import type {InputRuleGuard} from '@portabletext/plugin-input-rule'
+
+/**
+ * @public
+ * Create an `InputRuleGuard` that can prevent the rule from running inside
+ * certain decorators.
+ *
+ * @example
+ * ```tsx
+ * const guard = createDecoratorGuard({
+ *   decorators: ({schema}) => schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [decorator.name] : []),
+ * })
+ *
+ * <TypographyPlugin guard={guard} />
+ * ```
+ */
+export function createDecoratorGuard(config: {
+  decorators: ({schema}: {schema: EditorSchema}) => Array<string>
+}): InputRuleGuard {
+  return ({snapshot, event}) => {
+    const decorators = config.decorators({schema: snapshot.context.schema})
+
+    if (decorators.length === 0) {
+      return true
+    }
+
+    const matchedSpans = event.matches.flatMap((match) =>
+      getSelectedSpans({
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: match.selection,
+        },
+      }),
+    )
+
+    let preventInputRule = false
+
+    for (const decorator of decorators) {
+      if (isActiveDecorator(decorator)(snapshot)) {
+        preventInputRule = true
+        break
+      }
+
+      if (matchedSpans.some((span) => span.node.marks?.includes(decorator))) {
+        preventInputRule = true
+        break
+      }
+    }
+
+    return !preventInputRule
+  }
+}