tinacms 0.68.14 → 0.69.1

package/dist/{rich-text.js → rich-text/index.js}

@@ -18,150 +18,11 @@
       return null;
     }
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, nodes.map((child, index) => {
-      const key = index;
-      const { children, ...props } = child;
-      switch (child.type) {
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-        case "p":
-        case "blockquote":
-        case "ol":
-        case "ul":
-        case "li":
-          if (components[child.type]) {
-            const Component2 = components[child.type];
-            return /* @__PURE__ */ React__default["default"].createElement(Component2, {
-              key,
-              ...props
-            }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
-              components,
-              content: children
-            }));
-          }
-          return React__default["default"].createElement(child.type, {
-            key,
-            children: /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
-              components,
-              content: children
-            })
-          });
-        case "lic":
-          return /* @__PURE__ */ React__default["default"].createElement("div", {
-            key
-          }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
-            components,
-            content: child.children
-          }));
-        case "img":
-          if (components[child.type]) {
-            const Component2 = components[child.type];
-            return /* @__PURE__ */ React__default["default"].createElement(Component2, {
-              key,
-              ...props
-            });
-          }
-          return /* @__PURE__ */ React__default["default"].createElement("img", {
-            key,
-            src: child.url,
-            alt: child.caption
-          });
-        case "a":
-          if (components[child.type]) {
-            const Component2 = components[child.type];
-            return /* @__PURE__ */ React__default["default"].createElement(Component2, {
-              key,
-              ...props
-            }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
-              components,
-              content: children
-            }));
-          }
-          return /* @__PURE__ */ React__default["default"].createElement("a", {
-            key,
-            href: child.url
-          }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
-            components,
-            content: children
-          }));
-        case "code_block":
-          const value = child.children.map((item) => {
-            var _a;
-            return item.children ? ((_a = item.children[0]) == null ? void 0 : _a.text) || "" : "";
-          }).join("\n");
-          if (components[child.type]) {
-            const Component2 = components[child.type];
-            return /* @__PURE__ */ React__default["default"].createElement(Component2, {
-              key,
-              ...props
-            }, value);
-          }
-          return /* @__PURE__ */ React__default["default"].createElement("pre", {
-            key
-          }, /* @__PURE__ */ React__default["default"].createElement("code", null, value));
-        case "hr":
-          if (components[child.type]) {
-            const Component2 = components[child.type];
-            return /* @__PURE__ */ React__default["default"].createElement(Component2, {
-              key,
-              ...props
-            });
-          }
-          return /* @__PURE__ */ React__default["default"].createElement("hr", {
-            key
-          });
-        case "break":
-          if (components[child.type]) {
-            const Component2 = components[child.type];
-            return /* @__PURE__ */ React__default["default"].createElement(Component2, {
-              key,
-              ...props
-            });
-          }
-          return /* @__PURE__ */ React__default["default"].createElement("br", {
-            key
-          });
-        case "text":
-          return /* @__PURE__ */ React__default["default"].createElement(Leaf, {
-            key,
-            components,
-            ...child
-          });
-        case "mdxJsxTextElement":
-        case "mdxJsxFlowElement":
-          const Component = components[child.name];
-          if (Component) {
-            const props2 = child.props ? child.props : {};
-            return /* @__PURE__ */ React__default["default"].createElement(Component, {
-              key,
-              ...props2
-            });
-          } else {
-            const ComponentMissing = components["component_missing"];
-            if (ComponentMissing) {
-              return /* @__PURE__ */ React__default["default"].createElement(ComponentMissing, {
-                key,
-                name: child.name
-              });
-            } else {
-              throw new Error(`No component provided for ${child.name}`);
-            }
-          }
-        case "maybe_mdx":
-          return null;
-        default:
-          if (typeof child.text === "string") {
-            return /* @__PURE__ */ React__default["default"].createElement(Leaf, {
-              key,
-              components,
-              ...child
-            });
-          }
-          console.log(`No tina renderer for ${child.type}`, child);
-      }
+      return /* @__PURE__ */ React__default["default"].createElement(MemoNode, {
+        components,
+        key: index,
+        child
+      });
     }));
   };
   const Leaf = (props) => {
@@ -227,6 +88,143 @@
     }
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, props.text);
   };
+  const MemoNode = (props) => {
+    const MNode = React__default["default"].useMemo(() => /* @__PURE__ */ React__default["default"].createElement(Node, {
+      ...props
+    }), [JSON.stringify(props)]);
+    return MNode;
+  };
+  const Node = ({ components, child }) => {
+    const { children, ...props } = child;
+    switch (child.type) {
+      case "h1":
+      case "h2":
+      case "h3":
+      case "h4":
+      case "h5":
+      case "h6":
+      case "p":
+      case "blockquote":
+      case "ol":
+      case "ul":
+      case "li":
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
+            components,
+            content: children
+          }));
+        }
+        return React__default["default"].createElement(child.type, {
+          children: /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
+            components,
+            content: children
+          })
+        });
+      case "lic":
+        return /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
+          components,
+          content: child.children
+        }));
+      case "img":
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          });
+        }
+        return /* @__PURE__ */ React__default["default"].createElement("img", {
+          src: child.url,
+          alt: child.caption
+        });
+      case "a":
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
+            components,
+            content: children
+          }));
+        }
+        return /* @__PURE__ */ React__default["default"].createElement("a", {
+          href: child.url
+        }, /* @__PURE__ */ React__default["default"].createElement(TinaMarkdown, {
+          components,
+          content: children
+        }));
+      case "code_block":
+        const value = child.value;
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          }, value);
+        }
+        return /* @__PURE__ */ React__default["default"].createElement("pre", null, /* @__PURE__ */ React__default["default"].createElement("code", null, value));
+      case "hr":
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          });
+        }
+        return /* @__PURE__ */ React__default["default"].createElement("hr", null);
+      case "break":
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          });
+        }
+        return /* @__PURE__ */ React__default["default"].createElement("br", null);
+      case "text":
+        return /* @__PURE__ */ React__default["default"].createElement(Leaf, {
+          components,
+          ...child
+        });
+      case "mdxJsxTextElement":
+      case "mdxJsxFlowElement":
+        const Component = components[child.name];
+        if (Component) {
+          const props2 = child.props ? child.props : {};
+          return /* @__PURE__ */ React__default["default"].createElement(Component, {
+            ...props2
+          });
+        } else {
+          const ComponentMissing = components["component_missing"];
+          if (ComponentMissing) {
+            return /* @__PURE__ */ React__default["default"].createElement(ComponentMissing, {
+              name: child.name
+            });
+          } else {
+            return /* @__PURE__ */ React__default["default"].createElement("span", null, `No component provided for ${child.name}`);
+          }
+        }
+      case "maybe_mdx":
+        return null;
+      case "html":
+      case "html_inline":
+        if (components[child.type]) {
+          const Component2 = components[child.type];
+          return /* @__PURE__ */ React__default["default"].createElement(Component2, {
+            ...props
+          });
+        }
+        return child.value;
+      case "invalid_markdown":
+        return /* @__PURE__ */ React__default["default"].createElement("pre", null, child.value);
+      default:
+        if (typeof child.text === "string") {
+          return /* @__PURE__ */ React__default["default"].createElement(Leaf, {
+            components,
+            ...child
+          });
+        }
+    }
+  };
   exports2.TinaMarkdown = TinaMarkdown;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });

package/dist/style.css

@@ -544,6 +544,9 @@
 .tina-tailwind .gap-4 {
   gap: 16px;
 }
+.tina-tailwind .gap-2 {
+  gap: 8px;
+}
 .tina-tailwind .gap-3 {
   gap: 12px;
 }
@@ -562,6 +565,9 @@
 .tina-tailwind .overflow-y-auto {
   overflow-y: auto;
 }
+.tina-tailwind .whitespace-normal {
+  white-space: normal;
+}
 .tina-tailwind .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -683,8 +689,8 @@
 .tina-tailwind .pb-4 {
   padding-bottom: 16px;
 }
-.tina-tailwind .pt-18 {
-  padding-top: 72px;
+.tina-tailwind .pt-16 {
+  padding-top: 64px;
 }
 .tina-tailwind .pt-3 {
   padding-top: 12px;
@@ -728,6 +734,9 @@
 .tina-tailwind .font-medium {
   font-weight: 500;
 }
+.tina-tailwind .font-semibold {
+  font-weight: 600;
+}
 .tina-tailwind .uppercase {
   text-transform: uppercase;
 }

package/dist/tina-cms.d.ts

@@ -10,107 +10,8 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import React from 'react';
-import type { TinaClient } from './client';
-import { TinaCloudMediaStoreClass } from './auth';
-import type { TinaCMS } from '@tinacms/toolkit';
-import type { TinaCloudSchema } from '@tinacms/schema-tools';
-import type { TinaIOConfig } from './internalClient/index';
 import type { formifyCallback } from './hooks/use-graphql-forms';
-import { useDocumentCreatorPlugin } from './hooks/use-content-creator';
-declare type APIProviderProps = {
-    /**
-     * The API url From this client will be used to make requests.
-     *
-     */
-    client?: never;
-    /**
-     * Content API URL
-     *
-     */
-    apiURL: string;
-    /**
-     * Point to the local version of GraphQL instead of tina.io
-     * https://tina.io/docs/tinacms-context/#adding-tina-to-the-sites-frontend
-     *
-     * @deprecated use apiURL instead
-     */
-    isLocalClient?: never;
-    /**
-     * The base branch to pull content from. Note that this is ignored for local development
-     *
-     * @deprecated use apiURL instead
-     */
-    branch?: never;
-    /**
-     * Your clientId from tina.io
-     *
-     * @deprecated use apiURL instead
-     */
-    clientId?: never;
-} | {
-    /**
-     * The API url From this client will be used to make requests.
-     *
-     */
-    client: TinaClient<unknown>;
-    /**
-     * Content API URL
-     *
-     */
-    apiURL?: never;
-    /**
-     * Point to the local version of GraphQL instead of tina.io
-     * https://tina.io/docs/tinacms-context/#adding-tina-to-the-sites-frontend
-     *
-     * @deprecated use apiURL instead
-     */
-    isLocalClient?: never;
-    /**
-     * The base branch to pull content from. Note that this is ignored for local development
-     *
-     * @deprecated use apiURL instead
-     */
-    branch?: never;
-    /**
-     * Your clientId from tina.io
-     *
-     * @deprecated use apiURL instead
-     */
-    clientId?: never;
-};
-interface BaseProviderProps {
-    /** Callback if you need access to the TinaCMS instance */
-    cmsCallback?: (cms: TinaCMS) => TinaCMS;
-    /** Callback if you need access to the "formify" API */
-    formifyCallback?: formifyCallback;
-    /** Callback if you need access to the "document creator" API */
-    documentCreatorCallback?: Parameters<typeof useDocumentCreatorPlugin>[0];
-    /** TinaCMS media store instance */
-    mediaStore?: TinaCloudMediaStoreClass | (() => Promise<TinaCloudMediaStoreClass>);
-    tinaioConfig?: TinaIOConfig;
-    schema?: TinaCloudSchema<false>;
-}
-declare type QueryProviderProps = {
-    /** Your React page component */
-    children: (props?: any) => React.ReactNode;
-    /** The query from getStaticProps */
-    query: string | undefined;
-    /** Any variables from getStaticProps */
-    variables: object | undefined;
-    /** The `data` from getStaticProps */
-    data: object;
-} | {
-    /** Your React page component */
-    children: React.ReactNode;
-    /** The query from getStaticProps */
-    query?: never;
-    /** Any variables from getStaticProps */
-    variables?: never;
-    /** The `data` from getStaticProps */
-    data?: never;
-};
-export declare type TinaCMSProviderDefaultProps = QueryProviderProps & APIProviderProps & BaseProviderProps;
+import { TinaCMSProviderDefaultProps } from './types/cms';
 export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => JSX.Element;
 export declare const TinaDataProvider: ({ children, formifyCallback, }: {
     children: any;
@@ -144,4 +45,3 @@ export declare const staticRequest: ({ query, variables, }: {
  * query or muation
  */
 export declare function gql(strings: TemplateStringsArray, ...args: string[]): string;
-export {};

package/dist/types/cms.d.ts

@@ -0,0 +1,64 @@
+/**
+Copyright 2021 Forestry.io Holdings, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+/// <reference types="react" />
+import type { TinaCMS } from '@tinacms/toolkit';
+import type { TinaCloudSchema, TinaCloudSchemaConfig } from '@tinacms/schema-tools';
+import type { TinaCloudMediaStoreClass } from '../auth';
+import type { useDocumentCreatorPlugin } from '../hooks/use-content-creator';
+import type { formifyCallback } from '../hooks/use-graphql-forms';
+import type { TinaIOConfig } from '../internalClient';
+import type { TinaClient } from '../client';
+declare type APIProviderProps = {
+    /**
+     * @deprecated Please see https://tina.io/blog/tina-v-0.68.14 for information on how to upgrade to the new API
+     *
+     */
+    apiURL?: string;
+    /**
+     * The API url From this client will be used to make requests.
+     */
+    client: TinaClient<unknown>;
+};
+interface BaseProviderProps {
+    /** Callback if you need access to the TinaCMS instance */
+    cmsCallback?: (cms: TinaCMS) => TinaCMS;
+    /** Callback if you need access to the "formify" API */
+    formifyCallback?: formifyCallback;
+    /** Callback if you need access to the "document creator" API */
+    documentCreatorCallback?: Parameters<typeof useDocumentCreatorPlugin>[0];
+    /** TinaCMS media store instance */
+    mediaStore?: TinaCloudMediaStoreClass | (() => Promise<TinaCloudMediaStoreClass>);
+    tinaioConfig?: TinaIOConfig;
+    schema?: TinaCloudSchema<false>;
+}
+declare type QueryProviderProps = {
+    /** Your React page component */
+    children: (props?: any) => React.ReactNode;
+    /** The query from getStaticProps */
+    query: string | undefined;
+    /** Any variables from getStaticProps */
+    variables: object | undefined;
+    /** The `data` from getStaticProps */
+    data: object;
+} | {
+    /** Your React page component */
+    children: React.ReactNode;
+    /** The query from getStaticProps */
+    query?: never;
+    /** Any variables from getStaticProps */
+    variables?: never;
+    /** The `data` from getStaticProps */
+    data?: never;
+};
+export declare type TinaCMSProviderDefaultProps = QueryProviderProps & APIProviderProps & BaseProviderProps & TinaCloudSchemaConfig;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.68.14",
+  "version": "0.69.1",
   "main": "dist/index.js",
   "module": "./dist/index.es.js",
   "exports": {
@@ -20,9 +20,14 @@
       "require": "./dist/edit-state.js"
     },
     "./dist/rich-text": {
-      "types": "./dist/rich-text.d.ts",
-      "import": "./dist/rich-text.es.js",
-      "require": "./dist/rich-text.js"
+      "types": "./dist/rich-text/index.d.ts",
+      "import": "./dist/rich-text/index.es.js",
+      "require": "./dist/rich-text/index.js"
+    },
+    "./dist/rich-text/prism": {
+      "types": "./dist/rich-text/prism.d.ts",
+      "import": "./dist/rich-text/prism.es.js",
+      "require": "./dist/rich-text/prism.js"
     }
   },
   "files": [
@@ -32,7 +37,7 @@
     "entryPoints": [
       "src/index.ts",
       "src/edit-state.tsx",
-      "src/rich-text.tsx",
+      "src/rich-text/index.tsx",
       "src/client.ts"
     ]
   },
@@ -43,15 +48,17 @@
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.4",
     "@react-hook/window-size": "^3.0.7",
-    "@tinacms/schema-tools": "0.0.9",
+    "@tinacms/schema-tools": "0.1.0",
     "@tinacms/sharedctx": "0.1.2",
-    "@tinacms/toolkit": "0.56.36",
+    "@tinacms/toolkit": "0.57.0",
     "crypto-js": "^4.0.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.1",
     "graphql": "^15.1.0",
     "graphql-tag": "^2.11.0",
     "lodash.set": "^4.3.2",
+    "prism-react-renderer": "^1.3.5",
+    "prism": "^4.1.2",
     "react-icons": "^4.3.1",
     "react-router-dom": "6",
     "url-pattern": "^1.0.3",
@@ -63,7 +70,7 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^12.7.0",
-    "@tinacms/scripts": "0.50.9",
+    "@tinacms/scripts": "0.51.0",
     "@types/jest": "^27.0.1",
     "@types/lodash": "^4.14.169",
     "@types/node": "^14.0.13",