sanity-plugin-latex-input 1.0.0 → 2.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Sanity.io
+Copyright (c) 2022 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,11 +1,41 @@
 # LaTeX input for Sanity
 
-https://sanity.io
+> This is a **Sanity Studio v3** plugin.
+> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/latex-input/tree/studio-v2).
 
-## Usage
+## What is it?
+
+sanity-plugin-latex-input adds support for `latex` schema type, so it can be used in Portable Text Editor (PTE) in Sanity Studio.
+
+![latex-input preview](assets/latex-input.png)
 
+## Installation
+
+```sh
+npm install --save sanity-plugin-latex-input@studio-v3
 ```
-sanity install sanity-plugin-latex-input
+
+or
+
+```sh
+yarn add sanity-plugin-latex-input@studio-v3
+```
+
+## Usage
+
+
+Import and add the plugin to your studio config in sanity.config.ts (or .js):
+
+```ts
+import { latexBlock } from "sanity-plugin-latex-input";
+
+export default defineConfig({
+  /* ... */
+
+  plugins: [
+      latexInput()
+  ]
+})
 ```
 
 You may now use the type name `latex` in your schema, such as in portable text.
@@ -39,3 +69,22 @@ export default {
 ```
 
 The Portable Text editor will render a preview of the contents with KaTeX.
+
+## License
+
+MIT-licensed. See LICENSE.
+
+## Develop & test
+
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
+with default configuration for build & watch scripts.
+
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.
+
+### Release new version
+
+Run ["CI & Release" workflow](https://github.com/sanity-io/latex-input/actions/workflows/main.yml).
+Make sure to select the v3 branch and check "Release new version".
+
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/lib/index.esm.js

@@ -0,0 +1,2 @@
+function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?e(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}import{defineType as n,definePlugin as o}from"sanity";import{jsx as i,Fragment as c}from"react/jsx-runtime";import{useState as p,useMemo as a}from"react";import l from"katex";import"katex/dist/katex.min.css";const s=e=>{const t=e.value&&e.value.body||"",r="inline"===e.layout,[n,o]=p("");return a((()=>{o(l.renderToString(t,{displayMode:!r,throwOnError:!1}))}),[t,r]),i(c,{children:i(r?"span":"div",{dangerouslySetInnerHTML:{__html:n}})})},b=n(t(t({type:"object",name:"latex"},{components:{preview:s}}),{},{fields:[{title:"LaTeX content",name:"body",type:"text"}],preview:{select:{body:"body"},prepare:e=>e}})),u=o({name:"latex-block-plugin",schema:{types:[b]}});export{s as LatexPreview,u as latexInput,b as latexSchema};
+//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/LatexPreview.tsx","../src/schema.ts","../src/plugin.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css';\n\ninterface SchemaDefinition {\n  body?: string;\n}\n\nexport interface LatexPreviewProps {\n  value?: SchemaDefinition;\n  layout?: string;\n}\n\nexport const LatexPreview = (props: LatexPreviewProps) => {\n  const latex = (props.value && props.value.body) || '';\n  const isInline = props.layout === 'inline';\n  const [html, setHtml] = useState<string>('');\n  const createHtml = () => {\n    setHtml(\n      KaTeX.renderToString(latex, {\n        displayMode: !isInline,\n        throwOnError: false,\n      })\n    );\n  };\n\n  useMemo(createHtml, [latex, isInline]);\n  return (\n    <>\n      {isInline ? (\n        // eslint-disable-next-line react/no-danger\n        <span dangerouslySetInnerHTML={{ __html: html }} />\n      ) : (\n        // eslint-disable-next-line react/no-danger\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      )}\n    </>\n  );\n};\n","import { defineType, ObjectDefinition, type PreviewValue } from 'sanity';\nimport { LatexPreview } from './components/LatexPreview';\n\nconst latexTypeName = 'latex' as const;\n\n/**\n * @public\n */\nexport interface LatexDefinition\n  extends Omit<ObjectDefinition, 'type' | 'fields'> {\n  type: typeof latexTypeName;\n}\n\ndeclare module '@sanity/types' {\n  // makes type: 'latex' narrow correctly when using defineType/defineField/defineArrayMember\n  export interface IntrinsicDefinitions {\n    latex: LatexDefinition;\n  }\n}\n\nexport const latexSchema = defineType({\n  type: 'object',\n  name: 'latex',\n  ...({ components: { preview: LatexPreview } } as {}), //TODO revert this change when rc.1 is released\n  fields: [\n    {\n      title: 'LaTeX content',\n      name: 'body',\n      type: 'text',\n    },\n  ],\n  preview: {\n    select: {\n      body: 'body',\n    },\n    prepare(selection) {\n      return selection as unknown as PreviewValue;\n    },\n  },\n});\n","import { definePlugin } from 'sanity';\nimport { latexSchema } from './schema';\n\nexport const latexInput = definePlugin({\n  name: 'latex-block-plugin',\n  schema: {\n    types: [latexSchema],\n  },\n});\n"],"names":["LatexPreview","props","latex","value","body","isInline","layout","html","setHtml","useState","useMemo","KaTeX","renderToString","displayMode","throwOnError","jsx","Fragment","children","dangerouslySetInnerHTML","__html","latexSchema","defineType","_objectSpread","type","name","components","preview","fields","title","select","prepare","selection","latexInput","definePlugin","schema","types"],"mappings":"u4BAaa,MAAAA,EAAgBC,IAC3B,MAAMC,EAASD,EAAME,OAASF,EAAME,MAAMC,MAAS,GAC7CC,EAA4B,WAAjBJ,EAAMK,QAChBC,EAAMC,GAAWC,EAAiB,IAYvC,OAFFC,GATmB,KACjBF,EACEG,EAAMC,eAAeV,EAAO,CAC1BW,aAAcR,EACdS,cAAc,IAElB,GAGkB,CAACZ,EAAOG,IAE1BU,EAAAC,EAAA,CACGC,SAEEF,IAAA,OAGA,MAHA,CAAKG,wBAAyB,CAAEC,OAAQZ,MAK7C,EChBSa,EAAcC,EAAWC,EAAAA,EAAA,CACpCC,KAAM,SACNC,KAAM,SACF,CAAEC,WAAY,CAAEC,QAAS1B,KAAe,CAAA,EAAA,CAC5C2B,OAAQ,CACN,CACEC,MAAO,gBACPJ,KAAM,OACND,KAAM,SAGVG,QAAS,CACPG,OAAQ,CACNzB,KAAM,QAER0B,QAAQC,GACCA,MCjCAC,EAAaC,EAAa,CACrCT,KAAM,qBACNU,OAAQ,CACNC,MAAO,CAACf"}

package/lib/index.js

@@ -0,0 +1,2 @@
+"use strict";function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?e(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("sanity"),o=require("react/jsx-runtime"),i=require("react"),a=require("katex");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("katex/dist/katex.min.css");var u=c(a);const s=e=>{const t=e.value&&e.value.body||"",r="inline"===e.layout,[n,a]=i.useState("");return i.useMemo((()=>{a(u.default.renderToString(t,{displayMode:!r,throwOnError:!1}))}),[t,r]),o.jsx(o.Fragment,{children:r?o.jsx("span",{dangerouslySetInnerHTML:{__html:n}}):o.jsx("div",{dangerouslySetInnerHTML:{__html:n}})})},l=n.defineType(t(t({type:"object",name:"latex"},{components:{preview:s}}),{},{fields:[{title:"LaTeX content",name:"body",type:"text"}],preview:{select:{body:"body"},prepare:e=>e}})),p=n.definePlugin({name:"latex-block-plugin",schema:{types:[l]}});exports.LatexPreview=s,exports.latexInput=p,exports.latexSchema=l;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/LatexPreview.tsx","../src/schema.ts","../src/plugin.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css';\n\ninterface SchemaDefinition {\n  body?: string;\n}\n\nexport interface LatexPreviewProps {\n  value?: SchemaDefinition;\n  layout?: string;\n}\n\nexport const LatexPreview = (props: LatexPreviewProps) => {\n  const latex = (props.value && props.value.body) || '';\n  const isInline = props.layout === 'inline';\n  const [html, setHtml] = useState<string>('');\n  const createHtml = () => {\n    setHtml(\n      KaTeX.renderToString(latex, {\n        displayMode: !isInline,\n        throwOnError: false,\n      })\n    );\n  };\n\n  useMemo(createHtml, [latex, isInline]);\n  return (\n    <>\n      {isInline ? (\n        // eslint-disable-next-line react/no-danger\n        <span dangerouslySetInnerHTML={{ __html: html }} />\n      ) : (\n        // eslint-disable-next-line react/no-danger\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      )}\n    </>\n  );\n};\n","import { defineType, ObjectDefinition, type PreviewValue } from 'sanity';\nimport { LatexPreview } from './components/LatexPreview';\n\nconst latexTypeName = 'latex' as const;\n\n/**\n * @public\n */\nexport interface LatexDefinition\n  extends Omit<ObjectDefinition, 'type' | 'fields'> {\n  type: typeof latexTypeName;\n}\n\ndeclare module '@sanity/types' {\n  // makes type: 'latex' narrow correctly when using defineType/defineField/defineArrayMember\n  export interface IntrinsicDefinitions {\n    latex: LatexDefinition;\n  }\n}\n\nexport const latexSchema = defineType({\n  type: 'object',\n  name: 'latex',\n  ...({ components: { preview: LatexPreview } } as {}), //TODO revert this change when rc.1 is released\n  fields: [\n    {\n      title: 'LaTeX content',\n      name: 'body',\n      type: 'text',\n    },\n  ],\n  preview: {\n    select: {\n      body: 'body',\n    },\n    prepare(selection) {\n      return selection as unknown as PreviewValue;\n    },\n  },\n});\n","import { definePlugin } from 'sanity';\nimport { latexSchema } from './schema';\n\nexport const latexInput = definePlugin({\n  name: 'latex-block-plugin',\n  schema: {\n    types: [latexSchema],\n  },\n});\n"],"names":["LatexPreview","props","latex","value","body","isInline","layout","html","setHtml","useState","useMemo","KaTeX","renderToString","displayMode","throwOnError","jsx","Fragment","children","dangerouslySetInnerHTML","__html","latexSchema","defineType","_objectSpread","type","name","components","preview","fields","title","select","prepare","selection","latexInput","definePlugin","schema","types"],"mappings":"+8BAaa,MAAAA,EAAgBC,IAC3B,MAAMC,EAASD,EAAME,OAASF,EAAME,MAAMC,MAAS,GAC7CC,EAA4B,WAAjBJ,EAAMK,QAChBC,EAAMC,GAAWC,WAAiB,IAYvC,OAFFC,EAAAA,SATmB,KACjBF,EACEG,EAAA,QAAMC,eAAeV,EAAO,CAC1BW,aAAcR,EACdS,cAAc,IAElB,GAGkB,CAACZ,EAAOG,IAE1BU,EAAAA,IAAAC,EAAAA,SAAA,CACGC,WAEEF,EAAAA,IAAA,OAAA,CAAKG,wBAAyB,CAAEC,OAAQZ,KAGxCQ,EAAAA,IAAA,MAAA,CAAIG,wBAAyB,CAAEC,OAAQZ,MAE5C,EChBSa,EAAcC,EAAAA,WAAWC,EAAAA,EAAA,CACpCC,KAAM,SACNC,KAAM,SACF,CAAEC,WAAY,CAAEC,QAAS1B,KAAe,CAAA,EAAA,CAC5C2B,OAAQ,CACN,CACEC,MAAO,gBACPJ,KAAM,OACND,KAAM,SAGVG,QAAS,CACPG,OAAQ,CACNzB,KAAM,QAER0B,QAAQC,GACCA,MCjCAC,EAAaC,EAAAA,aAAa,CACrCT,KAAM,qBACNU,OAAQ,CACNC,MAAO,CAACf"}

package/lib/src/index.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+
+import { ObjectDefinition } from 'sanity';
+import { Plugin as Plugin_2 } from 'sanity';
+import { PreviewConfig } from 'sanity';
+
+/**
+ * @public
+ */
+export declare interface LatexDefinition
+  extends Omit<ObjectDefinition, 'type' | 'fields'> {
+  type: typeof latexTypeName;
+}
+
+export declare const latexInput: Plugin_2<void>;
+
+export declare const LatexPreview: (props: LatexPreviewProps) => JSX.Element;
+
+export declare interface LatexPreviewProps {
+  value?: SchemaDefinition;
+  layout?: string;
+}
+
+export declare const latexSchema: {
+  type: 'object';
+  name: 'latex';
+} & Omit<ObjectDefinition, 'preview'> & {
+    preview?:
+      | PreviewConfig<
+          {
+            body: string;
+          },
+          Record<'body', any>
+        >
+      | undefined;
+  };
+
+declare const latexTypeName: 'latex';
+
+declare interface SchemaDefinition {
+  body?: string;
+}
+
+export {};
+
+declare module '@sanity/types' {
+    interface IntrinsicDefinitions {
+        latex: LatexDefinition;
+    }
+}

package/package.json

@@ -1,29 +1,54 @@
 {
-  "version": "1.0.0",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "src"
+  "name": "sanity-plugin-latex-input",
+  "version": "2.0.0",
+  "description": "Latex input for Portable Text Editor in Sanity Studio V3.",
+  "keywords": [
+    "sanity",
+    "plugin",
+    "latex"
   ],
-  "engines": {
-    "node": ">=10"
+  "homepage": "https://github.com/sanity-io/latex-input#readme",
+  "bugs": {
+    "url": "https://github.com/sanity-io/latex-input/issues"
   },
-  "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build"
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:sanity-io/latex-input.git"
   },
-  "peerDependencies": {
-    "react": ">=16"
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
+  "exports": {
+    ".": {
+      "types": "./lib/src/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./lib/index.esm.js",
+      "require": "./lib/index.js",
+      "default": "./lib/index.esm.js"
+    },
+    "./package.json": "./package.json"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
+  "main": "./lib/index.js",
+  "module": "./lib/index.esm.js",
+  "source": "./src/index.ts",
+  "types": "./lib/src/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
+  ],
+  "scripts": {
+    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
+    "build": "pkg-utils build --strict",
+    "clean": "rimraf lib",
+    "compile": "tsc --noEmit",
+    "format": "prettier src -w",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepare": "husky install",
+    "prepublishOnly": "npm run build",
+    "watch": "pkg-utils watch"
   },
   "prettier": {
     "printWidth": 80,
@@ -31,31 +56,48 @@
     "singleQuote": true,
     "trailingComma": "es5"
   },
-  "name": "sanity-plugin-latex-input",
-  "author": "Sanity.io <hello@sanity.io>",
-  "bugs": {
-    "url": "https://github.com/sanity-io/latex-input"
-  },
-  "keywords": [
-    "sanity",
-    "plugin",
-    "latex"
-  ],
-  "homepage": "https://github.com/sanity-io/latex-input#readme",
-  "module": "dist/sanity-plugin-latex-input.esm.js",
-  "devDependencies": {
-    "@types/react": "^16.9.34",
-    "@types/react-dom": "^16.9.7",
-    "husky": "^4.2.5",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "rollup-plugin-copy": "^3.3.0",
-    "tsdx": "^0.13.2",
-    "tslib": "^1.11.2",
-    "typescript": "^3.8.3"
-  },
   "dependencies": {
+    "@sanity/incompatible-plugin": "^1.0.4",
     "@types/katex": "^0.11.0",
+    "@types/styled-components": "^5.1.25",
     "katex": "^0.11.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.2.0",
+    "@commitlint/config-conventional": "^17.2.0",
+    "@sanity/pkg-utils": "^1.17.2",
+    "@sanity/plugin-kit": "^2.1.6",
+    "@sanity/semantic-release-preset": "^2.0.2",
+    "@types/jest": "^27.5.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "eslint": "^8.26.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-sanity": "^6.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-packagejson": "^2.3.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "rimraf": "^3.0.2",
+    "sanity": "3.0.0-rc.2",
+    "standard-version": "^9.3.2",
+    "styled-components": "^5.3.5",
+    "typescript": "^4.8.4"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18",
+    "sanity": "dev-preview || 3.0.0-rc.2",
+    "styled-components": "^5.3.5"
+  },
+  "engines": {
+    "node": ">=14"
   }
 }

package/sanity.json

@@ -0,0 +1,8 @@
+{
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
+    }
+  ]
+}

package/src/components/LatexPreview.tsx

@@ -1,17 +1,17 @@
-import React, { useState, useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import KaTeX from 'katex';
-import 'katex/dist/katex.min.css?raw';
+import 'katex/dist/katex.min.css';
 
-type SchemaDefinition = {
+interface SchemaDefinition {
   body?: string;
-};
+}
 
-type PreviewProps = {
+export interface LatexPreviewProps {
   value?: SchemaDefinition;
   layout?: string;
-};
+}
 
-const LatexPreview = (props: PreviewProps) => {
+export const LatexPreview = (props: LatexPreviewProps) => {
   const latex = (props.value && props.value.body) || '';
   const isInline = props.layout === 'inline';
   const [html, setHtml] = useState<string>('');
@@ -25,10 +25,15 @@ const LatexPreview = (props: PreviewProps) => {
   };
 
   useMemo(createHtml, [latex, isInline]);
-  if (isInline) {
-    return <span dangerouslySetInnerHTML={{ __html: html }} />;
-  }
-  return <div dangerouslySetInnerHTML={{ __html: html }} />;
+  return (
+    <>
+      {isInline ? (
+        // eslint-disable-next-line react/no-danger
+        <span dangerouslySetInnerHTML={{ __html: html }} />
+      ) : (
+        // eslint-disable-next-line react/no-danger
+        <div dangerouslySetInnerHTML={{ __html: html }} />
+      )}
+    </>
+  );
 };
-
-export default LatexPreview;

package/src/index.ts

@@ -0,0 +1,8 @@
+export { latexInput } from './plugin';
+
+export {
+  LatexPreview,
+  type LatexPreviewProps,
+} from './components/LatexPreview';
+
+export { latexSchema, type LatexDefinition } from './schema';

package/src/plugin.tsx

@@ -0,0 +1,9 @@
+import { definePlugin } from 'sanity';
+import { latexSchema } from './schema';
+
+export const latexInput = definePlugin({
+  name: 'latex-block-plugin',
+  schema: {
+    types: [latexSchema],
+  },
+});

package/src/schema.ts

@@ -0,0 +1,40 @@
+import { defineType, ObjectDefinition, type PreviewValue } from 'sanity';
+import { LatexPreview } from './components/LatexPreview';
+
+const latexTypeName = 'latex' as const;
+
+/**
+ * @public
+ */
+export interface LatexDefinition
+  extends Omit<ObjectDefinition, 'type' | 'fields'> {
+  type: typeof latexTypeName;
+}
+
+declare module '@sanity/types' {
+  // makes type: 'latex' narrow correctly when using defineType/defineField/defineArrayMember
+  export interface IntrinsicDefinitions {
+    latex: LatexDefinition;
+  }
+}
+
+export const latexSchema = defineType({
+  type: 'object',
+  name: 'latex',
+  ...({ components: { preview: LatexPreview } } as {}), //TODO revert this change when rc.1 is released
+  fields: [
+    {
+      title: 'LaTeX content',
+      name: 'body',
+      type: 'text',
+    },
+  ],
+  preview: {
+    select: {
+      body: 'body',
+    },
+    prepare(selection) {
+      return selection as unknown as PreviewValue;
+    },
+  },
+});

package/v2-incompatible.js

@@ -0,0 +1,11 @@
+const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
+const {name, version, sanityExchangeUrl} = require('./package.json')
+
+export default showIncompatiblePluginDialog({
+  name: name,
+  versions: {
+    v3: version,
+    v2: '^2.30.0',
+  },
+  sanityExchangeUrl,
+})

package/dist/components/LatexPreview.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import 'katex/dist/katex.min.css?raw';
-declare type SchemaDefinition = {
-    body?: string;
-};
-declare type PreviewProps = {
-    value?: SchemaDefinition;
-    layout?: string;
-};
-declare const LatexPreview: (props: PreviewProps) => JSX.Element;
-export default LatexPreview;

package/dist/index.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    name: string;
-    type: string;
-    fields: {
-        title: string;
-        name: string;
-        type: string;
-    }[];
-    preview: {
-        select: {
-            body: string;
-        };
-        prepare(selection: object): object;
-        component: (props: {
-            value?: {
-                body?: string | undefined;
-            } | undefined;
-            layout?: string | undefined;
-        }) => JSX.Element;
-    };
-};
-export default _default;

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./sanity-plugin-latex-input.cjs.production.min.js')
-} else {
-  module.exports = require('./sanity-plugin-latex-input.cjs.development.js')
-}

package/dist/sanity-plugin-latex-input.cjs.development.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var KaTeX = _interopDefault(require('katex'));
-require('katex/dist/katex.min.css?raw');
-
-var LatexPreview = function LatexPreview(props) {
-  var latex = props.value && props.value.body || '';
-  var isInline = props.layout === 'inline';
-
-  var _useState = React.useState(''),
-      html = _useState[0],
-      setHtml = _useState[1];
-
-  var createHtml = function createHtml() {
-    setHtml(KaTeX.renderToString(latex, {
-      displayMode: !isInline,
-      throwOnError: false
-    }));
-  };
-
-  React.useMemo(createHtml, [latex, isInline]);
-
-  if (isInline) {
-    return React__default.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: html
-      }
-    });
-  }
-
-  return React__default.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: html
-    }
-  });
-};
-
-var index = {
-  name: 'latex',
-  type: 'object',
-  fields: [{
-    title: 'LaTeX content',
-    name: 'body',
-    type: 'text'
-  }],
-  preview: {
-    select: {
-      body: 'body'
-    },
-    prepare: function prepare(selection) {
-      return selection;
-    },
-    component: LatexPreview
-  }
-};
-
-exports.default = index;
-//# sourceMappingURL=sanity-plugin-latex-input.cjs.development.js.map

package/dist/sanity-plugin-latex-input.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanity-plugin-latex-input.cjs.development.js","sources":["../src/components/LatexPreview.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css?raw';\n\ntype SchemaDefinition = {\n  body?: string;\n};\n\ntype PreviewProps = {\n  value?: SchemaDefinition;\n  layout?: string;\n};\n\nconst LatexPreview = (props: PreviewProps) => {\n  const latex = (props.value && props.value.body) || '';\n  const isInline = props.layout === 'inline';\n  const [html, setHtml] = useState<string>('');\n  const createHtml = () => {\n    setHtml(\n      KaTeX.renderToString(latex, {\n        displayMode: !isInline,\n        throwOnError: false,\n      })\n    );\n  };\n\n  useMemo(createHtml, [latex, isInline]);\n  if (isInline) {\n    return <span dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n  return <div dangerouslySetInnerHTML={{ __html: html }} />;\n};\n\nexport default LatexPreview;\n","import LatexPreview from './components/LatexPreview';\n\nexport default {\n  name: 'latex',\n  type: 'object',\n  fields: [\n    {\n      title: 'LaTeX content',\n      name: 'body',\n      type: 'text',\n    },\n  ],\n  preview: {\n    select: {\n      body: 'body',\n    },\n    prepare(selection: object) {\n      return selection;\n    },\n    component: LatexPreview,\n  },\n};\n"],"names":["LatexPreview","props","latex","value","body","isInline","layout","useState","html","setHtml","createHtml","KaTeX","renderToString","displayMode","throwOnError","useMemo","React","dangerouslySetInnerHTML","__html","name","type","fields","title","preview","select","prepare","selection","component"],"mappings":";;;;;;;;;;;AAaA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AACnB,MAAMC,KAAK,GAAID,KAAK,CAACE,KAAN,IAAeF,KAAK,CAACE,KAAN,CAAYC,IAA5B,IAAqC,EAAnD;AACA,MAAMC,QAAQ,GAAGJ,KAAK,CAACK,MAAN,KAAiB,QAAlC;;kBACwBC,cAAQ,CAAS,EAAT;MAAzBC;MAAMC;;AACb,MAAMC,UAAU,GAAG,SAAbA,UAAa;AACjBD,IAAAA,OAAO,CACLE,KAAK,CAACC,cAAN,CAAqBV,KAArB,EAA4B;AAC1BW,MAAAA,WAAW,EAAE,CAACR,QADY;AAE1BS,MAAAA,YAAY,EAAE;AAFY,KAA5B,CADK,CAAP;AAMD,GAPD;;AASAC,EAAAA,aAAO,CAACL,UAAD,EAAa,CAACR,KAAD,EAAQG,QAAR,CAAb,CAAP;;AACA,MAAIA,QAAJ,EAAc;AACZ,WAAOW,4BAAA,OAAA;AAAMC,MAAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEV;AAAV;KAA/B,CAAP;AACD;;AACD,SAAOQ,4BAAA,MAAA;AAAKC,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEV;AAAV;GAA9B,CAAP;AACD,CAlBD;;ACXA,YAAe;AACbW,EAAAA,IAAI,EAAE,OADO;AAEbC,EAAAA,IAAI,EAAE,QAFO;AAGbC,EAAAA,MAAM,EAAE,CACN;AACEC,IAAAA,KAAK,EAAE,eADT;AAEEH,IAAAA,IAAI,EAAE,MAFR;AAGEC,IAAAA,IAAI,EAAE;AAHR,GADM,CAHK;AAUbG,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE;AACNpB,MAAAA,IAAI,EAAE;AADA,KADD;AAIPqB,IAAAA,OAJO,mBAICC,SAJD;AAKL,aAAOA,SAAP;AACD,KANM;AAOPC,IAAAA,SAAS,EAAE3B;AAPJ;AAVI,CAAf;;;;"}

package/dist/sanity-plugin-latex-input.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=e(require("katex"));require("katex/dist/katex.min.css?raw"),exports.default={name:"latex",type:"object",fields:[{title:"LaTeX content",name:"body",type:"text"}],preview:{select:{body:"body"},prepare:function(e){return e},component:function(e){var o=e.value&&e.value.body||"",a="inline"===e.layout,u=t.useState(""),i=u[0],l=u[1];return t.useMemo((function(){l(n.renderToString(o,{displayMode:!a,throwOnError:!1}))}),[o,a]),r.createElement(a?"span":"div",{dangerouslySetInnerHTML:{__html:i}})}}};
-//# sourceMappingURL=sanity-plugin-latex-input.cjs.production.min.js.map

package/dist/sanity-plugin-latex-input.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanity-plugin-latex-input.cjs.production.min.js","sources":["../src/index.tsx","../src/components/LatexPreview.tsx"],"sourcesContent":["import LatexPreview from './components/LatexPreview';\n\nexport default {\n  name: 'latex',\n  type: 'object',\n  fields: [\n    {\n      title: 'LaTeX content',\n      name: 'body',\n      type: 'text',\n    },\n  ],\n  preview: {\n    select: {\n      body: 'body',\n    },\n    prepare(selection: object) {\n      return selection;\n    },\n    component: LatexPreview,\n  },\n};\n","import React, { useState, useMemo } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css?raw';\n\ntype SchemaDefinition = {\n  body?: string;\n};\n\ntype PreviewProps = {\n  value?: SchemaDefinition;\n  layout?: string;\n};\n\nconst LatexPreview = (props: PreviewProps) => {\n  const latex = (props.value && props.value.body) || '';\n  const isInline = props.layout === 'inline';\n  const [html, setHtml] = useState<string>('');\n  const createHtml = () => {\n    setHtml(\n      KaTeX.renderToString(latex, {\n        displayMode: !isInline,\n        throwOnError: false,\n      })\n    );\n  };\n\n  useMemo(createHtml, [latex, isInline]);\n  if (isInline) {\n    return <span dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n  return <div dangerouslySetInnerHTML={{ __html: html }} />;\n};\n\nexport default LatexPreview;\n"],"names":["name","type","fields","title","preview","select","body","prepare","selection","component","props","latex","value","isInline","layout","useState","html","setHtml","useMemo","KaTeX","renderToString","displayMode","throwOnError","React","dangerouslySetInnerHTML","__html"],"mappings":"sPAEe,CACbA,KAAM,QACNC,KAAM,SACNC,OAAQ,CACN,CACEC,MAAO,gBACPH,KAAM,OACNC,KAAM,SAGVG,QAAS,CACPC,OAAQ,CACNC,KAAM,QAERC,iBAAQC,UACCA,GAETC,UCNiB,SAACC,OACdC,EAASD,EAAME,OAASF,EAAME,MAAMN,MAAS,GAC7CO,EAA4B,WAAjBH,EAAMI,SACCC,WAAiB,IAAlCC,OAAMC,cAUbC,WATmB,WACjBD,EACEE,EAAMC,eAAeT,EAAO,CAC1BU,aAAcR,EACdS,cAAc,OAKA,CAACX,EAAOE,IAEnBU,gBADLV,gBACWW,wBAAyB,CAAEC,OAAQT"}

package/dist/sanity-plugin-latex-input.esm.js

@@ -1,57 +0,0 @@
-import React, { useState, useMemo } from 'react';
-import KaTeX from 'katex';
-import 'katex/dist/katex.min.css?raw';
-
-var LatexPreview = function LatexPreview(props) {
-  var latex = props.value && props.value.body || '';
-  var isInline = props.layout === 'inline';
-
-  var _useState = useState(''),
-      html = _useState[0],
-      setHtml = _useState[1];
-
-  var createHtml = function createHtml() {
-    setHtml(KaTeX.renderToString(latex, {
-      displayMode: !isInline,
-      throwOnError: false
-    }));
-  };
-
-  useMemo(createHtml, [latex, isInline]);
-
-  if (isInline) {
-    return React.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: html
-      }
-    });
-  }
-
-  return React.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: html
-    }
-  });
-};
-
-var index = {
-  name: 'latex',
-  type: 'object',
-  fields: [{
-    title: 'LaTeX content',
-    name: 'body',
-    type: 'text'
-  }],
-  preview: {
-    select: {
-      body: 'body'
-    },
-    prepare: function prepare(selection) {
-      return selection;
-    },
-    component: LatexPreview
-  }
-};
-
-export default index;
-//# sourceMappingURL=sanity-plugin-latex-input.esm.js.map

package/dist/sanity-plugin-latex-input.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanity-plugin-latex-input.esm.js","sources":["../src/components/LatexPreview.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css?raw';\n\ntype SchemaDefinition = {\n  body?: string;\n};\n\ntype PreviewProps = {\n  value?: SchemaDefinition;\n  layout?: string;\n};\n\nconst LatexPreview = (props: PreviewProps) => {\n  const latex = (props.value && props.value.body) || '';\n  const isInline = props.layout === 'inline';\n  const [html, setHtml] = useState<string>('');\n  const createHtml = () => {\n    setHtml(\n      KaTeX.renderToString(latex, {\n        displayMode: !isInline,\n        throwOnError: false,\n      })\n    );\n  };\n\n  useMemo(createHtml, [latex, isInline]);\n  if (isInline) {\n    return <span dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n  return <div dangerouslySetInnerHTML={{ __html: html }} />;\n};\n\nexport default LatexPreview;\n","import LatexPreview from './components/LatexPreview';\n\nexport default {\n  name: 'latex',\n  type: 'object',\n  fields: [\n    {\n      title: 'LaTeX content',\n      name: 'body',\n      type: 'text',\n    },\n  ],\n  preview: {\n    select: {\n      body: 'body',\n    },\n    prepare(selection: object) {\n      return selection;\n    },\n    component: LatexPreview,\n  },\n};\n"],"names":["LatexPreview","props","latex","value","body","isInline","layout","useState","html","setHtml","createHtml","KaTeX","renderToString","displayMode","throwOnError","useMemo","React","dangerouslySetInnerHTML","__html","name","type","fields","title","preview","select","prepare","selection","component"],"mappings":";;;;AAaA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AACnB,MAAMC,KAAK,GAAID,KAAK,CAACE,KAAN,IAAeF,KAAK,CAACE,KAAN,CAAYC,IAA5B,IAAqC,EAAnD;AACA,MAAMC,QAAQ,GAAGJ,KAAK,CAACK,MAAN,KAAiB,QAAlC;;kBACwBC,QAAQ,CAAS,EAAT;MAAzBC;MAAMC;;AACb,MAAMC,UAAU,GAAG,SAAbA,UAAa;AACjBD,IAAAA,OAAO,CACLE,KAAK,CAACC,cAAN,CAAqBV,KAArB,EAA4B;AAC1BW,MAAAA,WAAW,EAAE,CAACR,QADY;AAE1BS,MAAAA,YAAY,EAAE;AAFY,KAA5B,CADK,CAAP;AAMD,GAPD;;AASAC,EAAAA,OAAO,CAACL,UAAD,EAAa,CAACR,KAAD,EAAQG,QAAR,CAAb,CAAP;;AACA,MAAIA,QAAJ,EAAc;AACZ,WAAOW,mBAAA,OAAA;AAAMC,MAAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEV;AAAV;KAA/B,CAAP;AACD;;AACD,SAAOQ,mBAAA,MAAA;AAAKC,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEV;AAAV;GAA9B,CAAP;AACD,CAlBD;;ACXA,YAAe;AACbW,EAAAA,IAAI,EAAE,OADO;AAEbC,EAAAA,IAAI,EAAE,QAFO;AAGbC,EAAAA,MAAM,EAAE,CACN;AACEC,IAAAA,KAAK,EAAE,eADT;AAEEH,IAAAA,IAAI,EAAE,MAFR;AAGEC,IAAAA,IAAI,EAAE;AAHR,GADM,CAHK;AAUbG,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE;AACNpB,MAAAA,IAAI,EAAE;AADA,KADD;AAIPqB,IAAAA,OAJO,mBAICC,SAJD;AAKL,aAAOA,SAAP;AACD,KANM;AAOPC,IAAAA,SAAS,EAAE3B;AAPJ;AAVI,CAAf;;;;"}

package/dist/sanity.json

@@ -1,12 +0,0 @@
-{
-  "paths": {
-    "source": "./src",
-    "compiled": "./dist"
-  },
-  "parts": [
-    {
-      "implements": "part:@sanity/base/schema-type",
-      "path": "index.js"
-    }
-  ]
-}

package/src/index.tsx

@@ -1,22 +0,0 @@
-import LatexPreview from './components/LatexPreview';
-
-export default {
-  name: 'latex',
-  type: 'object',
-  fields: [
-    {
-      title: 'LaTeX content',
-      name: 'body',
-      type: 'text',
-    },
-  ],
-  preview: {
-    select: {
-      body: 'body',
-    },
-    prepare(selection: object) {
-      return selection;
-    },
-    component: LatexPreview,
-  },
-};