sanity-plugin-latex-input 0.0.2 → 0.3.0-v3-studio.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 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
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,100 @@
 # LaTeX input for Sanity
 
-https://sanity.io
+> **NOTE**
+>
+> This is the **Sanity Studio v3 version** of sanity-plugin-latex-input.
+>
+> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/latex-input).
+
+## 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
+```
+
+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 createConfig({
+  /* ... */
+
+  plugins: [
+      latexInput()
+  ]
+})
+```
+
+You may now use the type name `latex` in your schema, such as in portable text.
+
+## Example schema definition for portable text
+
+```
+import React from 'react'
+const mathInlineIcon = () => (
+  <span>
+    <span style={{ fontWeight: 'bold' }}>∑</span>b
+  </span>
+)
+const mathIcon = () => <span style={{ fontWeight: 'bold' }}>∑</span>
+
+export default {
+  name: 'portableTextWithLatex',
+  type: 'array',
+  title: 'Body',
+  of: [
+    {
+      type: 'block',
+      title: 'Block',
+      of: [
+        { type: 'latex', icon: mathInlineIcon, title: 'Inline math' },
+      ],
+    },
+    { type: 'latex', icon: mathIcon, title: 'Math block' },
+  ],
+}
+```
+
+The Portable Text editor will render a preview of the contents with KaTeX.
+
+## License
+
+MIT-licensed. See LICENSE.
+
+## Develop & test
+
+Make sure to run `npm run build` once, then run
+
+```bash
+npm run link-watch
+```
+
+In another shell, `cd` to your test studio and run:
+
+```bash
+npx yalc add sanity-plugin-latex-input --link && yarn install
+```
+
+Now, changes in this repo will be automatically built and pushed to the studio,
+triggering hotreload. Yalc avoids issues with react-hooks that are typical when using yarn/npm link.
+
+### About build & watch
+
+This plugin uses [@sanity/plugin-sdk](https://github.com/sanity-io/plugin-sdk)
+with default configuration for build & watch scripts.

package/lib/cjs/index.js

@@ -0,0 +1,83 @@
+var $dyHF6$sanity = require("sanity");
+var $dyHF6$reactjsxruntime = require("react/jsx-runtime");
+var $dyHF6$react = require("react");
+var $dyHF6$katex = require("katex");
+require("katex/dist/katex.min.css");
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+$parcel$export(module.exports, "latexInput", () => $329a1cedcedb1349$export$17b0a661cd4afef9);
+$parcel$export(module.exports, "LatexPreview", () => $a18100092750648b$export$2e2bcd8739ae039);
+
+
+
+
+const $a18100092750648b$var$LatexPreview = (props)=>{
+    const latex = props.value && props.value.body || "";
+    const isInline = props.layout === "inline";
+    const [html, setHtml] = (0, $dyHF6$react.useState)("");
+    const createHtml = ()=>{
+        setHtml((0, ($parcel$interopDefault($dyHF6$katex))).renderToString(latex, {
+            displayMode: !isInline,
+            throwOnError: false
+        }));
+    };
+    (0, $dyHF6$react.useMemo)(createHtml, [
+        latex,
+        isInline
+    ]);
+    return /*#__PURE__*/ (0, $dyHF6$reactjsxruntime.jsx)((0, $dyHF6$reactjsxruntime.Fragment), {
+        children: isInline ? // eslint-disable-next-line react/no-danger
+        /*#__PURE__*/ (0, $dyHF6$reactjsxruntime.jsx)("span", {
+            dangerouslySetInnerHTML: {
+                __html: html
+            }
+        }) : // eslint-disable-next-line react/no-danger
+        /*#__PURE__*/ (0, $dyHF6$reactjsxruntime.jsx)("div", {
+            dangerouslySetInnerHTML: {
+                __html: html
+            }
+        })
+    });
+};
+var $a18100092750648b$export$2e2bcd8739ae039 = $a18100092750648b$var$LatexPreview;
+
+
+
+const $329a1cedcedb1349$export$17b0a661cd4afef9 = (0, $dyHF6$sanity.createPlugin)({
+    name: "latex-block-plugin",
+    schema: {
+        types: [
+            (0, $dyHF6$sanity.defineType)({
+                type: "object",
+                name: "latex",
+                components: {
+                    preview: (0, $a18100092750648b$export$2e2bcd8739ae039)
+                },
+                fields: [
+                    {
+                        title: "LaTeX content",
+                        name: "body",
+                        type: "text"
+                    }, 
+                ],
+                preview: {
+                    select: {
+                        body: "body"
+                    },
+                    prepare (selection) {
+                        return selection;
+                    }
+                }
+            }), 
+        ]
+    }
+});
+
+
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;ACAA;;;;AAaA,MAAM,kCAAY,GAAG,CAAC,KAAwB,GAAK;IACjD,MAAM,KAAK,GAAG,AAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,IAAK,EAAE,AAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,QAAQ,AAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAA,GAAA,qBAAQ,CAAA,CAAS,EAAE,CAAC,AAAC;IAC7C,MAAM,UAAU,GAAG,IAAM;QACvB,OAAO,CACL,CAAA,GAAA,sCAAK,CAAA,CAAC,cAAc,CAAC,KAAK,EAAE;YAC1B,WAAW,EAAE,CAAC,QAAQ;YACtB,YAAY,EAAE,KAAK;SACpB,CAAC,CACH,CAAC;KACH,AAAC;IAEF,CAAA,GAAA,oBAAO,CAAA,CAAC,UAAU,EAAE;QAAC,KAAK;QAAE,QAAQ;KAAC,CAAC,CAAC;IACvC,qBACE;kBACG,QAAQ,GACP,2CAA2C;sBAC3C,gCAAC,MAAI;YAAC,uBAAuB,EAAE;gBAAE,MAAM,EAAE,IAAI;aAAE;UAAI,GAEnD,2CAA2C;sBAC3C,gCAAC,KAAG;YAAC,uBAAuB,EAAE;gBAAE,MAAM,EAAE,IAAI;aAAE;UAAI,AACnD;MACA,CACH;CACH,AAAC;IAEF,wCAA4B,GAAb,kCAAY;;ADxC3B;;AAKO,MAAM,yCAAU,GAAG,CAAA,GAAA,0BAAY,CAAA,CAAC;IACrC,IAAI,EAAE,oBAAoB;IAC1B,MAAM,EAAE;QACN,KAAK,EAAE;YACL,CAAA,GAAA,wBAAU,CAAA,CAAC;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,OAAO;gBACb,UAAU,EAAE;oBACV,OAAO,EAAE,CAAA,GAAA,wCAAY,CAAA;iBACtB;gBACD,MAAM,EAAE;oBACN;wBACE,KAAK,EAAE,eAAe;wBACtB,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,MAAM;qBACb;iBACF;gBACD,OAAO,EAAE;oBACP,MAAM,EAAE;wBACN,IAAI,EAAE,MAAM;qBACb;oBACD,OAAO,EAAC,SAAuB,EAAE;wBAC/B,OAAO,SAAS,CAAC;qBAClB;iBACF;aACF,CAAC;SACH;KACF;CACF,CAAC,AAAC","sources":["src/index.tsx","src/components/LatexPreview.tsx"],"sourcesContent":["import LatexPreview, { LatexPreviewProps } from './components/LatexPreview';\nimport { createPlugin, defineType, type PreviewValue } from 'sanity';\n\nexport { LatexPreview, type LatexPreviewProps };\n\nexport const latexInput = createPlugin({\n  name: 'latex-block-plugin',\n  schema: {\n    types: [\n      defineType({\n        type: 'object',\n        name: 'latex',\n        components: {\n          preview: LatexPreview,\n        },\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: PreviewValue) {\n            return selection;\n          },\n        },\n      }),\n    ],\n  },\n});\n","import React, { useMemo, useState } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css';\n\ntype SchemaDefinition = {\n  body?: string;\n};\n\nexport type LatexPreviewProps = {\n  value?: SchemaDefinition;\n  layout?: string;\n};\n\nconst 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\nexport default LatexPreview;\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}

package/lib/esm/index.js

@@ -0,0 +1,75 @@
+import {createPlugin as $7XdDa$createPlugin, defineType as $7XdDa$defineType} from "sanity";
+import {jsx as $7XdDa$jsx, Fragment as $7XdDa$Fragment} from "react/jsx-runtime";
+import {useState as $7XdDa$useState, useMemo as $7XdDa$useMemo} from "react";
+import $7XdDa$katex from "katex";
+import "katex/dist/katex.min.css";
+
+
+
+
+
+const $7dfe52883a1c33dd$var$LatexPreview = (props)=>{
+    const latex = props.value && props.value.body || "";
+    const isInline = props.layout === "inline";
+    const [html, setHtml] = (0, $7XdDa$useState)("");
+    const createHtml = ()=>{
+        setHtml((0, $7XdDa$katex).renderToString(latex, {
+            displayMode: !isInline,
+            throwOnError: false
+        }));
+    };
+    (0, $7XdDa$useMemo)(createHtml, [
+        latex,
+        isInline
+    ]);
+    return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Fragment), {
+        children: isInline ? // eslint-disable-next-line react/no-danger
+        /*#__PURE__*/ (0, $7XdDa$jsx)("span", {
+            dangerouslySetInnerHTML: {
+                __html: html
+            }
+        }) : // eslint-disable-next-line react/no-danger
+        /*#__PURE__*/ (0, $7XdDa$jsx)("div", {
+            dangerouslySetInnerHTML: {
+                __html: html
+            }
+        })
+    });
+};
+var $7dfe52883a1c33dd$export$2e2bcd8739ae039 = $7dfe52883a1c33dd$var$LatexPreview;
+
+
+
+const $357f50a17451fe9f$export$17b0a661cd4afef9 = (0, $7XdDa$createPlugin)({
+    name: "latex-block-plugin",
+    schema: {
+        types: [
+            (0, $7XdDa$defineType)({
+                type: "object",
+                name: "latex",
+                components: {
+                    preview: (0, $7dfe52883a1c33dd$export$2e2bcd8739ae039)
+                },
+                fields: [
+                    {
+                        title: "LaTeX content",
+                        name: "body",
+                        type: "text"
+                    }, 
+                ],
+                preview: {
+                    select: {
+                        body: "body"
+                    },
+                    prepare (selection) {
+                        return selection;
+                    }
+                }
+            }), 
+        ]
+    }
+});
+
+
+export {$357f50a17451fe9f$export$17b0a661cd4afef9 as latexInput, $7dfe52883a1c33dd$export$2e2bcd8739ae039 as LatexPreview};
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;ACAA;;;;AAaA,MAAM,kCAAY,GAAG,CAAC,KAAwB,GAAK;IACjD,MAAM,KAAK,GAAG,AAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,IAAK,EAAE,AAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,QAAQ,AAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,CAAS,EAAE,CAAC,AAAC;IAC7C,MAAM,UAAU,GAAG,IAAM;QACvB,OAAO,CACL,CAAA,GAAA,YAAK,CAAA,CAAC,cAAc,CAAC,KAAK,EAAE;YAC1B,WAAW,EAAE,CAAC,QAAQ;YACtB,YAAY,EAAE,KAAK;SACpB,CAAC,CACH,CAAC;KACH,AAAC;IAEF,CAAA,GAAA,cAAO,CAAA,CAAC,UAAU,EAAE;QAAC,KAAK;QAAE,QAAQ;KAAC,CAAC,CAAC;IACvC,qBACE;kBACG,QAAQ,GACP,2CAA2C;sBAC3C,gBAAC,MAAI;YAAC,uBAAuB,EAAE;gBAAE,MAAM,EAAE,IAAI;aAAE;UAAI,GAEnD,2CAA2C;sBAC3C,gBAAC,KAAG;YAAC,uBAAuB,EAAE;gBAAE,MAAM,EAAE,IAAI;aAAE;UAAI,AACnD;MACA,CACH;CACH,AAAC;IAEF,wCAA4B,GAAb,kCAAY;;ADxC3B;;AAKO,MAAM,yCAAU,GAAG,CAAA,GAAA,mBAAY,CAAA,CAAC;IACrC,IAAI,EAAE,oBAAoB;IAC1B,MAAM,EAAE;QACN,KAAK,EAAE;YACL,CAAA,GAAA,iBAAU,CAAA,CAAC;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,OAAO;gBACb,UAAU,EAAE;oBACV,OAAO,EAAE,CAAA,GAAA,wCAAY,CAAA;iBACtB;gBACD,MAAM,EAAE;oBACN;wBACE,KAAK,EAAE,eAAe;wBACtB,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,MAAM;qBACb;iBACF;gBACD,OAAO,EAAE;oBACP,MAAM,EAAE;wBACN,IAAI,EAAE,MAAM;qBACb;oBACD,OAAO,EAAC,SAAuB,EAAE;wBAC/B,OAAO,SAAS,CAAC;qBAClB;iBACF;aACF,CAAC;SACH;KACF;CACF,CAAC,AAAC","sources":["src/index.tsx","src/components/LatexPreview.tsx"],"sourcesContent":["import LatexPreview, { LatexPreviewProps } from './components/LatexPreview';\nimport { createPlugin, defineType, type PreviewValue } from 'sanity';\n\nexport { LatexPreview, type LatexPreviewProps };\n\nexport const latexInput = createPlugin({\n  name: 'latex-block-plugin',\n  schema: {\n    types: [\n      defineType({\n        type: 'object',\n        name: 'latex',\n        components: {\n          preview: LatexPreview,\n        },\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: PreviewValue) {\n            return selection;\n          },\n        },\n      }),\n    ],\n  },\n});\n","import React, { useMemo, useState } from 'react';\nimport KaTeX from 'katex';\nimport 'katex/dist/katex.min.css';\n\ntype SchemaDefinition = {\n  body?: string;\n};\n\nexport type LatexPreviewProps = {\n  value?: SchemaDefinition;\n  layout?: string;\n};\n\nconst 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\nexport default LatexPreview;\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}

package/lib/types/index.d.ts

@@ -0,0 +1,11 @@
+type SchemaDefinition = {
+    body?: string;
+};
+export type LatexPreviewProps = {
+    value?: SchemaDefinition;
+    layout?: string;
+};
+export default LatexPreview;
+export const latexInput: import("sanity").Plugin<void>;
+
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAIA,wBAAwB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,gCAAgC;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6BF,4BAA4B;ACnC5B,OAAO,MAAM,yCA4BX,CAAC","sources":["src/src/components/LatexPreview.tsx","src/src/index.tsx","src/index.tsx"],"sourcesContent":[null,null,"import LatexPreview, { LatexPreviewProps } from './components/LatexPreview';\nimport { createPlugin, defineType, type PreviewValue } from 'sanity';\n\nexport { LatexPreview, type LatexPreviewProps };\n\nexport const latexInput = createPlugin({\n  name: 'latex-block-plugin',\n  schema: {\n    types: [\n      defineType({\n        type: 'object',\n        name: 'latex',\n        components: {\n          preview: LatexPreview,\n        },\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: PreviewValue) {\n            return selection;\n          },\n        },\n      }),\n    ],\n  },\n});\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../../"}

package/package.json

@@ -1,47 +1,97 @@
 {
   "name": "sanity-plugin-latex-input",
-  "version": "0.0.2",
-  "description": "LaTeX input for Sanity",
-  "author": "hello@bengler.no",
-  "homepage": "https://github.com/sanity-io/latex-input#readme",
-  "public": true,
-  "keywords": [
-    "sanity",
-    "pluign",
-    "latex",
-    "input"
+  "author": "Sanity.io <hello@sanity.io>",
+  "version": "0.3.0-v3-studio.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sanity-io/v3-temp--latex-input.git"
+  },
+  "source": "./src/index.tsx",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/types/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
   ],
-  "main": "lib/index.js",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/sanity-io/latex-input/issues"
+  "engines": {
+    "node": ">=14.0.0"
   },
   "scripts": {
-    "build": "babel src -d lib --copy-files",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "clean": "rimraf lib",
+    "prebuild": "npm run clean && plugin-kit verify-package --silent",
+    "build": "parcel build --no-cache",
+    "watch": "parcel watch",
+    "link-watch": "plugin-kit link-watch",
+    "prepublishOnly": "npm run build",
+    "compile": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier src -w",
+    "prepare": "husky install"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sanity-io/latex-input.git"
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
   },
-  "devDependencies": {
-    "babel-cli": "^6.24.1",
-    "babel-eslint": "^7.2.3",
-    "babel-plugin-syntax-class-properties": "^6.13.0",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "eslint": "^4.3.0",
-    "eslint-config-sanity": "^2.1.4",
-    "eslint-plugin-react": "^7.1.0"
+  "bugs": {
+    "url": "https://github.com/sanity-io/latex-input"
   },
+  "keywords": [
+    "sanity",
+    "plugin",
+    "latex"
+  ],
+  "homepage": "https://github.com/sanity-io/latex-input#readme",
   "peerDependencies": {
-    "react": "15.x"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "sanity": "dev-preview",
+    "styled-components": "^5.3.5"
   },
   "dependencies": {
-    "@sanity/form-builder": "^0.114.1",
-    "katex": "^0.8.3",
-    "prop-types": "^15.5.10",
-    "react-ace": "^5.2.2"
+    "@sanity/incompatible-plugin": "^0.0.1-studio-v3.1",
+    "@types/katex": "^0.11.0",
+    "@types/styled-components": "^5.1.25",
+    "katex": "^0.11.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^16.1.0",
+    "@commitlint/config-conventional": "^15.0.0",
+    "@parcel/packager-ts": "^2.6.0",
+    "@parcel/transformer-typescript-types": "^2.6.0",
+    "@sanity/plugin-kit": "^0.1.0-v3-studio.1",
+    "@types/jest": "^27.5.0",
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "@types/react-dom": "^17.0.0 || ^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.12.0",
+    "@typescript-eslint/parser": "^5.12.0",
+    "eslint": "^8.7.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-sanity": "^5.1.0",
+    "eslint-plugin-prettier": "4.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.3.3",
+    "parcel": "^2.6.0",
+    "prettier": "^2.5.1",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "rimraf": "^3.0.2",
+    "sanity": "^3.0.0-dev-preview.8",
+    "standard-version": "^9.3.2",
+    "styled-components": "^5.3.5",
+    "typescript": "^4.6.4"
   }
 }

package/sanity.json

@@ -1,24 +1,8 @@
 {
-  "paths": {
-    "source": "./src",
-    "compiled": "./lib"
-  },
   "parts": [
     {
-      "name": "part:@sanity/form-builder/input/latex",
-      "description": "An editor for code in sanity"
-    },
-    {
-      "implements": "part:@sanity/form-builder/input/latex",
-      "path": "components/index.js"
-    },
-    {
-      "name": "part:@sanity/form-builder/input/latex/schema",
-      "description": "An editor for code in sanity"
-    },
-    {
-      "implements": "part:@sanity/form-builder/input/latex/schema",
-      "path": "schema.js"
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
     }
   ]
 }

package/src/components/LatexPreview.tsx

@@ -0,0 +1,41 @@
+import React, { useMemo, useState } from 'react';
+import KaTeX from 'katex';
+import 'katex/dist/katex.min.css';
+
+type SchemaDefinition = {
+  body?: string;
+};
+
+export type LatexPreviewProps = {
+  value?: SchemaDefinition;
+  layout?: string;
+};
+
+const LatexPreview = (props: LatexPreviewProps) => {
+  const latex = (props.value && props.value.body) || '';
+  const isInline = props.layout === 'inline';
+  const [html, setHtml] = useState<string>('');
+  const createHtml = () => {
+    setHtml(
+      KaTeX.renderToString(latex, {
+        displayMode: !isInline,
+        throwOnError: false,
+      })
+    );
+  };
+
+  useMemo(createHtml, [latex, isInline]);
+  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.tsx

@@ -0,0 +1,34 @@
+import LatexPreview, { LatexPreviewProps } from './components/LatexPreview';
+import { createPlugin, defineType, type PreviewValue } from 'sanity';
+
+export { LatexPreview, type LatexPreviewProps };
+
+export const latexInput = createPlugin({
+  name: 'latex-block-plugin',
+  schema: {
+    types: [
+      defineType({
+        type: 'object',
+        name: 'latex',
+        components: {
+          preview: LatexPreview,
+        },
+        fields: [
+          {
+            title: 'LaTeX content',
+            name: 'body',
+            type: 'text',
+          },
+        ],
+        preview: {
+          select: {
+            body: 'body',
+          },
+          prepare(selection: PreviewValue) {
+            return selection;
+          },
+        },
+      }),
+    ],
+  },
+});

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/.babelrc

@@ -1,7 +0,0 @@
-{
-  "presets": ["es2015", "react"],
-  "plugins": [
-    "syntax-class-properties",
-    "transform-class-properties"
-  ]
-}

package/.eslintrc

@@ -1,11 +0,0 @@
-{
-  "env": {
-    "node": true,
-    "browser": true
-  },
-  "parser": "babel-eslint",
-  "extends": [
-    "sanity",
-    "sanity/react"
-  ]
-}

package/lib/components/LatexInput.js

@@ -1,165 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactAce = require('react-ace');
-
-var _reactAce2 = _interopRequireDefault(_reactAce);
-
-var _lodash = require('lodash');
-
-var _PatchEvent = require('@sanity/form-builder/PatchEvent');
-
-var _PatchEvent2 = _interopRequireDefault(_PatchEvent);
-
-var _default = require('part:@sanity/components/formfields/default');
-
-var _default2 = _interopRequireDefault(_default);
-
-var _default3 = require('part:@sanity/components/fieldsets/default');
-
-var _default4 = _interopRequireDefault(_default3);
-
-var _latexInput = require('./latexInput.css');
-
-var _latexInput2 = _interopRequireDefault(_latexInput);
-
-var _config = require('../config');
-
-require('brace/mode/latex');
-
-require('brace/theme/github');
-
-require('brace/theme/monokai');
-
-require('brace/theme/terminal');
-
-require('brace/theme/tomorrow');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var CodeInput = function (_PureComponent) {
-  _inherits(CodeInput, _PureComponent);
-
-  function CodeInput() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, CodeInput);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CodeInput.__proto__ || Object.getPrototypeOf(CodeInput)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      hasFocus: false
-    }, _this.handleContentChange = function (content) {
-      var _this$props = _this.props,
-          type = _this$props.type,
-          onChange = _this$props.onChange;
-
-      var path = ['body'];
-
-      onChange(_PatchEvent2.default.from([(0, _PatchEvent.setIfMissing)({ _type: type.name }), content ? (0, _PatchEvent.set)(content, path) : (0, _PatchEvent.unset)(path)]));
-    }, _this.handleGutterMouseDown = function (event) {
-      var target = event.domEvent.target;
-      if (target.classList.contains('ace_gutter-cell')) {
-        var row = event.getDocumentPosition().row;
-        _this.handleToggleSelectLine(row + 1); // Ace starts at row 0
-      }
-    }, _this.handleEditorLoad = function (editor) {
-      _this.editor = editor;
-      _this.editor.focus();
-      _this.editor.on('guttermousedown', _this.handleGutterMouseDown);
-    }, _this.renderEditor = function () {
-      var value = _this.props.value;
-
-      return _react2.default.createElement(_reactAce2.default, {
-        mode: 'latex',
-        theme: _this.getTheme(),
-        width: '100%',
-        onChange: _this.handleContentChange,
-        name: _this._inputId + '__aceEditor',
-        value: value && value.code || '',
-        onLoad: _this.handleEditorLoad,
-        tabSize: 2,
-        setOptions: _config.ACE_SET_OPTIONS,
-        editorProps: _config.ACE_EDITOR_PROPS
-      });
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(CodeInput, [{
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      this.editor.removeListener('guttermousedown', this.handleGutterMouseDown);
-    }
-  }, {
-    key: 'getTheme',
-    value: function getTheme() {
-      var preferredTheme = (0, _lodash.get)(this.props.type, 'options.theme');
-      return preferredTheme && _config.SUPPORTED_THEMES.find(function (theme) {
-        return theme === preferredTheme;
-      }) ? preferredTheme : _config.DEFAULT_THEME;
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          type = _props.type,
-          level = _props.level;
-
-      return _react2.default.createElement(
-        _default4.default,
-        { legend: type.title, description: type.description },
-        _react2.default.createElement(
-          _default2.default,
-          { label: type.title, level: level + 1 },
-          this.renderEditor()
-        )
-      );
-    }
-  }]);
-
-  return CodeInput;
-}(_react.PureComponent);
-
-CodeInput.propTypes = {
-  level: _propTypes2.default.number.isRequired,
-  value: _propTypes2.default.shape({
-    _type: _propTypes2.default.string,
-    latex: _propTypes2.default.string
-  }),
-  type: _propTypes2.default.shape({
-    name: _propTypes2.default.string,
-    title: _propTypes2.default.string,
-    description: _propTypes2.default.string,
-    fields: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-      name: _propTypes2.default.string.isRequired
-    }))
-  }).isRequired,
-  onChange: _propTypes2.default.func
-};
-CodeInput.defaultProps = {
-  onChange: function onChange() {}
-};
-exports.default = CodeInput;

package/lib/components/Preview.css

@@ -1,13 +0,0 @@
-.root {
-  background-color: #fff;
-  padding: 0.2em;
-}
-
-.aceWrapper {
-  border: 1px #aaa;
-  padding: 0.2em;
-}
-
-.defaultPreviewContainer {
-  padding: 0.2em;
-}

package/lib/components/Preview.js

@@ -1,105 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _Preview = require('./Preview.css');
-
-var _Preview2 = _interopRequireDefault(_Preview);
-
-require('brace/mode/latex');
-
-require('brace/theme/github');
-
-require('brace/theme/monokai');
-
-require('brace/theme/terminal');
-
-require('brace/theme/tomorrow');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var CodePreview = function (_PureComponent) {
-  _inherits(CodePreview, _PureComponent);
-
-  function CodePreview() {
-    _classCallCheck(this, CodePreview);
-
-    return _possibleConstructorReturn(this, (CodePreview.__proto__ || Object.getPrototypeOf(CodePreview)).apply(this, arguments));
-  }
-
-  _createClass(CodePreview, [{
-    key: 'render',
-    value: function render() {
-      var layout = this.props.layout;
-
-      return layout === 'block' ? this.renderBlockPreview() : this.renderDefaultPreview();
-    }
-  }, {
-    key: 'renderDefaultPreview',
-    value: function renderDefaultPreview() {
-      var value = this.props.value;
-
-      return _react2.default.createElement(
-        'div',
-        { className: _Preview2.default.defaultPreviewContainer },
-        _react2.default.createElement(
-          'div',
-          null,
-          'renderDefaultPreview ',
-          value && value.body
-        )
-      );
-    }
-  }, {
-    key: 'renderBlockPreview',
-    value: function renderBlockPreview() {
-      var value = this.props.value;
-
-      return _react2.default.createElement(
-        'div',
-        { className: _Preview2.default.root },
-        _react2.default.createElement(
-          'h3',
-          null,
-          'renderBlockPreview ',
-          value && value.body
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: _Preview2.default.aceWrapper },
-          'studd'
-        )
-      );
-    }
-  }]);
-
-  return CodePreview;
-}(_react.PureComponent);
-
-CodePreview.propTypes = {
-  type: _propTypes2.default.object,
-  layout: _propTypes2.default.string,
-  value: _propTypes2.default.shape({
-    _type: _propTypes2.default.string,
-    body: _propTypes2.default.string
-  })
-};
-exports.default = CodePreview;

package/lib/components/Slider.js

@@ -1,103 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _default = require('part:@sanity/components/formfields/default');
-
-var _default2 = _interopRequireDefault(_default);
-
-var _PatchEvent = require('@sanity/form-builder/PatchEvent');
-
-var _PatchEvent2 = _interopRequireDefault(_PatchEvent);
-
-var _slider = require('./slider.css');
-
-var _slider2 = _interopRequireDefault(_slider);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var Slider = function (_React$Component) {
-  _inherits(Slider, _React$Component);
-
-  function Slider() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, Slider);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Slider.__proto__ || Object.getPrototypeOf(Slider)).call.apply(_ref, [this].concat(args))), _this), _this.handleChange = function (event) {
-      var inputValue = event.target.value;
-      var patch = inputValue === '' ? (0, _PatchEvent.unset)() : (0, _PatchEvent.set)(Number(inputValue));
-      _this.props.onChange(_PatchEvent2.default.from(patch));
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(Slider, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          type = _props.type,
-          value = _props.value,
-          level = _props.level;
-      var _type$options$range = type.options.range,
-          min = _type$options$range.min,
-          max = _type$options$range.max,
-          step = _type$options$range.step;
-
-      return _react2.default.createElement(
-        _default2.default,
-        { label: type.title, level: level, description: type.description },
-        _react2.default.createElement('input', {
-          type: 'range',
-          className: _slider2.default.slider,
-          min: min,
-          max: max,
-          step: step,
-          value: value === undefined ? '' : value,
-          onChange: this.handleChange
-        })
-      );
-    }
-  }]);
-
-  return Slider;
-}(_react2.default.Component);
-
-Slider.propTypes = {
-  type: _propTypes2.default.shape({
-    title: _propTypes2.default.string
-  }).isRequired,
-  level: _propTypes2.default.number,
-  value: _propTypes2.default.number,
-  onChange: _propTypes2.default.func.isRequired
-};
-exports.default = Slider;
-
-
-Slider.defaultProps = {
-  level: 1,
-  value: null
-};

package/lib/components/latexInput.css

@@ -1,111 +0,0 @@
-.slider {
-  -webkit-appearance: none;
-  width: 100%;
-  margin: 8.35px 0;
-}
-
-.slider:focus {
-  outline: none;
-}
-
-.slider::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 13.3px;
-  cursor: pointer;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-  background: #ffbae6;
-  border-radius: 25px;
-  //border: 2.3px solid #dbd58f;
-}
-
-.slider::before::-webkit-slider-thumb {
-}
-
-.slider::-webkit-slider-thumb {
-  border: 5px solid #ffcdff;
-  height: 30px;
-  width: 30px;
-  border-radius: 12px;
-  cursor: pointer;
-  -webkit-appearance: none;
-  margin-top: -8px;
-  background-size: 20px;
-  background: #ffff7d
-    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>")
-    no-repeat;
-}
-
-.slider:focus::-webkit-slider-thumb {
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-}
-
-.slider:focus::-webkit-slider-runnable-track {
-  background: #ff91d8;
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-}
-
-.slider::-moz-range-track {
-  content: '🦄';
-  width: 100%;
-  height: 13.3px;
-  cursor: pointer;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-  background: #ffbae6;
-  border-radius: 25px;
-  border: 2.3px solid #dbd58f;
-}
-
-.slider::-moz-range-thumb {
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-  border: 5px solid #ffcdff;
-  height: 30px;
-  width: 30px;
-  border-radius: 12px;
-  cursor: pointer;
-  background: #ffff7d
-    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>")
-    no-repeat;
-}
-
-.slider::-ms-track {
-  width: 100%;
-  height: 13.3px;
-  cursor: pointer;
-  background: transparent;
-  border-color: transparent;
-  color: transparent;
-}
-
-.slider::-ms-fill-lower {
-  background: #ff68ca;
-  border: 2.3px solid #dbd58f;
-  border-radius: 50px;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-}
-
-.slider::-ms-fill-upper {
-  background: #ff91d8;
-  border: 2.3px solid #dbd58f;
-  border-radius: 50px;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-}
-
-.slider::-ms-thumb {
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-  border: 5px solid #ffcdff;
-  width: 30px;
-  border-radius: 12px;
-  cursor: pointer;
-  height: 13.3px;
-  background: #ffff7d
-    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>")
-    no-repeat;
-}
-
-.slider:focus::-ms-fill-lower {
-  background: #ff91d8;
-}
-
-.slider:focus::-ms-fill-upper {
-  background: #ffbae6;
-}

package/lib/components/slider.css

@@ -1,105 +0,0 @@
-.slider {
-  -webkit-appearance: none;
-  width: 100%;
-  margin: 8.35px 0;
-}
-
-.slider:focus {
-  outline: none;
-}
-
-.slider::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 13.3px;
-  cursor: pointer;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-  background: #ffbae6;
-  border-radius: 25px;
-  //border: 2.3px solid #dbd58f;
-}
-
-.slider::before::-webkit-slider-thumb {
-}
-
-.slider::-webkit-slider-thumb {
-  border: 5px solid #ffcdff;
-  height: 30px;
-  width: 30px;
-  border-radius: 12px;
-  cursor: pointer;
-  -webkit-appearance: none;
-  margin-top: -8px;
-  background-size: 20px;
-  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
-}
-
-.slider:focus::-webkit-slider-thumb {
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-}
-
-.slider:focus::-webkit-slider-runnable-track {
-  background: #ff91d8;
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-}
-
-.slider::-moz-range-track {
-  content: '🦄';
-  width: 100%;
-  height: 13.3px;
-  cursor: pointer;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-  background: #ffbae6;
-  border-radius: 25px;
-  border: 2.3px solid #dbd58f;
-}
-
-.slider::-moz-range-thumb {
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-  border: 5px solid #ffcdff;
-  height: 30px;
-  width: 30px;
-  border-radius: 12px;
-  cursor: pointer;
-  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
-}
-
-.slider::-ms-track {
-  width: 100%;
-  height: 13.3px;
-  cursor: pointer;
-  background: transparent;
-  border-color: transparent;
-  color: transparent;
-}
-
-.slider::-ms-fill-lower {
-  background: #ff68ca;
-  border: 2.3px solid #dbd58f;
-  border-radius: 50px;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-}
-
-.slider::-ms-fill-upper {
-  background: #ff91d8;
-  border: 2.3px solid #dbd58f;
-  border-radius: 50px;
-  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
-}
-
-.slider::-ms-thumb {
-  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
-  border: 5px solid #ffcdff;
-  width: 30px;
-  border-radius: 12px;
-  cursor: pointer;
-  height: 13.3px;
-  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
-}
-
-.slider:focus::-ms-fill-lower {
-  background: #ff91d8;
-}
-
-.slider:focus::-ms-fill-upper {
-  background: #ffbae6;
-}

package/lib/config.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var SUPPORTED_THEMES = exports.SUPPORTED_THEMES = ['github', 'monokai', 'terminal', 'tomorrow'];
-
-var DEFAULT_THEME = exports.DEFAULT_THEME = 'tomorrow';
-
-var ACE_SET_OPTIONS = exports.ACE_SET_OPTIONS = {
-  useSoftTabs: true,
-  navigateWithinSoftTabs: true /* note only supported by ace v1.2.7 or higher */
-};
-
-var ACE_EDITOR_PROPS = exports.ACE_EDITOR_PROPS = { $blockScrolling: true };

package/lib/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _LatexInput = require('./components/LatexInput');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_LatexInput).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/schema.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _Preview = require('./components/Preview');
-
-var _Preview2 = _interopRequireDefault(_Preview);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
-  name: 'latex',
-  type: 'object',
-  fields: [{
-    title: 'Latex',
-    name: 'body',
-    type: 'text'
-  }],
-  preview: {
-    select: {
-      body: 'body'
-    },
-    component: _Preview2.default
-  }
-};