tinacms 2.10.0 → 3.0.0

package/dist/react.mjs

@@ -1,254 +0,0 @@
-import React from "react";
-function useTina(props) {
-  const stringifiedQuery = JSON.stringify({
-    query: props.query,
-    variables: props.variables
-  });
-  const id = React.useMemo(
-    () => hashFromQuery(stringifiedQuery),
-    [stringifiedQuery]
-  );
-  const processedData = React.useMemo(() => {
-    if (props.data) {
-      const dataCopy = JSON.parse(JSON.stringify(props.data));
-      return addMetadata(id, dataCopy, []);
-    }
-  }, [props.data, id]);
-  const [data, setData] = React.useState(processedData);
-  const [isClient, setIsClient] = React.useState(false);
-  const [quickEditEnabled, setQuickEditEnabled] = React.useState(false);
-  const [isInTinaIframe, setIsInTinaIframe] = React.useState(false);
-  React.useEffect(() => {
-    setIsClient(true);
-    setData(processedData);
-    parent.postMessage({
-      type: "url-changed"
-    });
-  }, [id, processedData]);
-  React.useEffect(() => {
-    if (quickEditEnabled) {
-      let mouseDownHandler = function(e) {
-        const attributeNames = e.target.getAttributeNames();
-        const tinaAttribute = attributeNames.find(
-          (name) => name.startsWith("data-tina-field")
-        );
-        let fieldName;
-        if (tinaAttribute) {
-          e.preventDefault();
-          e.stopPropagation();
-          fieldName = e.target.getAttribute(tinaAttribute);
-        } else {
-          const ancestor = e.target.closest(
-            "[data-tina-field], [data-tina-field-overlay]"
-          );
-          if (ancestor) {
-            const attributeNames2 = ancestor.getAttributeNames();
-            const tinaAttribute2 = attributeNames2.find(
-              (name) => name.startsWith("data-tina-field")
-            );
-            if (tinaAttribute2) {
-              e.preventDefault();
-              e.stopPropagation();
-              fieldName = ancestor.getAttribute(tinaAttribute2);
-            }
-          }
-        }
-        if (fieldName) {
-          if (isInTinaIframe) {
-            parent.postMessage(
-              { type: "field:selected", fieldName },
-              window.location.origin
-            );
-          }
-        }
-      };
-      const style = document.createElement("style");
-      style.type = "text/css";
-      style.textContent = `
-        [data-tina-field] {
-          outline: 2px dashed rgba(34,150,254,0.5);
-          transition: box-shadow ease-out 150ms;
-        }
-        [data-tina-field]:hover {
-          box-shadow: inset 100vi 100vh rgba(34,150,254,0.3);
-          outline: 2px solid rgba(34,150,254,1);
-          cursor: pointer;
-        }
-        [data-tina-field-overlay] {
-          outline: 2px dashed rgba(34,150,254,0.5);
-          position: relative;
-        }
-        [data-tina-field-overlay]:hover {
-          cursor: pointer;
-          outline: 2px solid rgba(34,150,254,1);
-        }
-        [data-tina-field-overlay]::after {
-          content: '';
-          position: absolute;
-          inset: 0;
-          z-index: 20;
-          transition: opacity ease-out 150ms;
-          background-color: rgba(34,150,254,0.3);
-          opacity: 0;
-        }
-        [data-tina-field-overlay]:hover::after {
-          opacity: 1;
-        }
-      `;
-      document.head.appendChild(style);
-      document.body.classList.add("__tina-quick-editing-enabled");
-      document.addEventListener("click", mouseDownHandler, true);
-      return () => {
-        document.removeEventListener("click", mouseDownHandler, true);
-        document.body.classList.remove("__tina-quick-editing-enabled");
-        style.remove();
-      };
-    }
-  }, [quickEditEnabled, isInTinaIframe]);
-  React.useEffect(() => {
-    if (props == null ? void 0 : props.experimental___selectFormByFormId) {
-      parent.postMessage({
-        type: "user-select-form",
-        formId: props.experimental___selectFormByFormId()
-      });
-    }
-  }, [id]);
-  React.useEffect(() => {
-    const { experimental___selectFormByFormId, ...rest } = props;
-    parent.postMessage({ type: "open", ...rest, id }, window.location.origin);
-    const handleMessage = (event) => {
-      if (event.data.type === "quickEditEnabled") {
-        setQuickEditEnabled(event.data.value);
-      }
-      if (event.data.id === id && event.data.type === "updateData") {
-        const rawData = event.data.data;
-        const newlyProcessedData = addMetadata(
-          id,
-          JSON.parse(JSON.stringify(rawData)),
-          []
-        );
-        setData(newlyProcessedData);
-        setIsInTinaIframe(true);
-        const anyTinaField = document.querySelector("[data-tina-field]");
-        if (anyTinaField) {
-          parent.postMessage(
-            { type: "quick-edit", value: true },
-            window.location.origin
-          );
-        } else {
-          parent.postMessage(
-            { type: "quick-edit", value: false },
-            window.location.origin
-          );
-        }
-      }
-    };
-    window.addEventListener("message", handleMessage);
-    return () => {
-      window.removeEventListener("message", handleMessage);
-      parent.postMessage({ type: "close", id }, window.location.origin);
-    };
-  }, [id, setQuickEditEnabled]);
-  return { data, isClient };
-}
-function useEditState() {
-  const [edit, setEdit] = React.useState(false);
-  React.useEffect(() => {
-    if (typeof window !== "undefined") {
-      parent.postMessage({ type: "isEditMode" }, window.location.origin);
-      window.addEventListener("message", (event) => {
-        var _a;
-        if (((_a = event.data) == null ? void 0 : _a.type) === "tina:editMode") {
-          setEdit(true);
-        }
-      });
-    }
-  }, []);
-  return { edit };
-}
-const tinaField = (object, property, index) => {
-  const contentSource = object == null ? void 0 : object._content_source;
-  if (!contentSource) {
-    return "";
-  }
-  const { queryId, path } = contentSource;
-  if (!property) {
-    return `${queryId}---${path.join(".")}`;
-  }
-  const fullPath = typeof index === "number" ? [...path, property, index] : [...path, property];
-  return `${queryId}---${fullPath.join(".")}`;
-};
-const addMetadata = (id, obj, path = []) => {
-  if (obj === null) {
-    return obj;
-  }
-  if (isScalarOrUndefined(obj)) {
-    return obj;
-  }
-  if (obj instanceof String) {
-    return obj.valueOf();
-  }
-  if (Array.isArray(obj)) {
-    return obj.map(
-      (item, index) => addMetadata(id, item, [...path, index])
-    );
-  }
-  const transformedObj = {};
-  for (const [key, value] of Object.entries(obj)) {
-    const currentPath = [...path, key];
-    if ([
-      "__typename",
-      "_sys",
-      "_internalSys",
-      "_values",
-      "_internalValues",
-      "_content_source",
-      "_tina_metadata"
-    ].includes(key)) {
-      transformedObj[key] = value;
-    } else {
-      transformedObj[key] = addMetadata(id, value, currentPath);
-    }
-  }
-  if (transformedObj && typeof transformedObj === "object" && "type" in transformedObj && transformedObj.type === "root") {
-    return transformedObj;
-  }
-  return { ...transformedObj, _content_source: { queryId: id, path } };
-};
-function isScalarOrUndefined(value) {
-  const type = typeof value;
-  if (type === "string")
-    return true;
-  if (type === "number")
-    return true;
-  if (type === "boolean")
-    return true;
-  if (type === "undefined")
-    return true;
-  if (value == null)
-    return true;
-  if (value instanceof String)
-    return true;
-  if (value instanceof Number)
-    return true;
-  if (value instanceof Boolean)
-    return true;
-  return false;
-}
-const hashFromQuery = (input) => {
-  let hash = 0;
-  for (let i = 0; i < input.length; i++) {
-    const char = input.charCodeAt(i);
-    hash = (hash << 5) - hash + char & 4294967295;
-  }
-  const nonNegativeHash = Math.abs(hash);
-  const alphanumericHash = nonNegativeHash.toString(36);
-  return alphanumericHash;
-};
-export {
-  addMetadata,
-  hashFromQuery,
-  tinaField,
-  useEditState,
-  useTina
-};

package/dist/rich-text/index.mjs

@@ -1,256 +0,0 @@
-import React from "react";
-const TinaMarkdown = ({
-  content,
-  components = {}
-}) => {
-  if (!content) {
-    return null;
-  }
-  const nodes = Array.isArray(content) ? content : content.children;
-  if (!nodes) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
-    return /* @__PURE__ */ React.createElement(MemoNode, { components, key: index, child });
-  }));
-};
-const Leaf = (props) => {
-  if (props.bold) {
-    const { bold, ...rest } = props;
-    if (props.components.bold) {
-      const Component = props.components.bold;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    return /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-  }
-  if (props.italic) {
-    const { italic, ...rest } = props;
-    if (props.components.italic) {
-      const Component = props.components.italic;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    return /* @__PURE__ */ React.createElement("em", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-  }
-  if (props.underline) {
-    const { underline, ...rest } = props;
-    if (props.components.underline) {
-      const Component = props.components.underline;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    return /* @__PURE__ */ React.createElement("u", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-  }
-  if (props.strikethrough) {
-    const { strikethrough, ...rest } = props;
-    if (props.components.strikethrough) {
-      const Component = props.components.strikethrough;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    return /* @__PURE__ */ React.createElement("s", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-  }
-  if (props.code) {
-    const { code, ...rest } = props;
-    if (props.components.code) {
-      const Component = props.components.code;
-      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    return /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-  }
-  if (props.components.text) {
-    const Component = props.components.text;
-    return /* @__PURE__ */ React.createElement(Component, null, props.text);
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
-};
-const MemoNode = (props) => {
-  const MNode = React.useMemo(
-    () => /* @__PURE__ */ React.createElement(Node, { ...props }),
-    [JSON.stringify(props)]
-  );
-  return MNode;
-};
-const Node = ({ components, child }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { children, ...props } = child;
-  switch (child.type) {
-    case "h1":
-    case "h2":
-    case "h3":
-    case "h4":
-    case "h5":
-    case "h6":
-    case "p":
-    case "ol":
-    case "ul":
-    case "li":
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
-      }
-      return React.createElement(child.type, {
-        children: /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children })
-      });
-    case "lic":
-      if (components.lic) {
-        const Component2 = components.lic;
-        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
-      }
-      return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: child.children }));
-    case "blockquote":
-      const BlockquoteComponent = components.blockquote || components.block_quote;
-      if (BlockquoteComponent) {
-        return /* @__PURE__ */ React.createElement(BlockquoteComponent, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
-      }
-      return React.createElement("blockquote", {
-        children: /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children })
-      });
-    case "img":
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, { ...props });
-      }
-      return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
-    case "a":
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return (
-          // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-          /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
-        );
-      }
-      return (
-        // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-        /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
-      );
-    case "code_block": {
-      let codeString = "";
-      if (Array.isArray(child.children)) {
-        codeString = child.children.map(
-          (line) => Array.isArray(line.children) ? line.children.map((t) => t.text).join("") : ""
-        ).join("\n");
-      } else if (typeof child.value === "string") {
-        codeString = child.value;
-      }
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return (
-          // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-          /* @__PURE__ */ React.createElement(Component2, { ...props, value: codeString })
-        );
-      }
-      return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, codeString));
-    }
-    case "hr":
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, { ...props });
-      }
-      return /* @__PURE__ */ React.createElement("hr", null);
-    case "break":
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, { ...props });
-      }
-      return /* @__PURE__ */ React.createElement("br", null);
-    case "text":
-      return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
-    case "mdxJsxTextElement":
-    case "mdxJsxFlowElement":
-      const Component = components[child.name];
-      if (Component) {
-        const props2 = child.props ? child.props : {};
-        return /* @__PURE__ */ React.createElement(Component, { ...props2 });
-      } else {
-        if (child.name === "table") {
-          const firstRowHeader = (_a = child.props) == null ? void 0 : _a.firstRowHeader;
-          const rows2 = (firstRowHeader ? (_b = child.props) == null ? void 0 : _b.tableRows.filter((_, i) => i !== 0) : (_c = child.props) == null ? void 0 : _c.tableRows) || [];
-          const header = (_e = (_d = child.props) == null ? void 0 : _d.tableRows) == null ? void 0 : _e.at(0);
-          const TableComponent2 = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { ...props2 }));
-          const TrComponent2 = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
-          const ThComponent = components["th"] || ((props2) => /* @__PURE__ */ React.createElement("th", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
-          const TdComponent2 = components["td"] || ((props2) => /* @__PURE__ */ React.createElement("td", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
-          const align2 = ((_f = child.props) == null ? void 0 : _f.align) || [];
-          return /* @__PURE__ */ React.createElement(TableComponent2, null, firstRowHeader && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement(TrComponent2, null, header.tableCells.map((c, i) => {
-            return /* @__PURE__ */ React.createElement(
-              TinaMarkdown,
-              {
-                key: i,
-                components: {
-                  p: (props2) => /* @__PURE__ */ React.createElement(ThComponent, { align: align2[i], ...props2 })
-                },
-                content: c.value
-              }
-            );
-          }))), /* @__PURE__ */ React.createElement("tbody", null, rows2.map((row, i) => {
-            var _a2;
-            return /* @__PURE__ */ React.createElement(TrComponent2, { key: i }, (_a2 = row == null ? void 0 : row.tableCells) == null ? void 0 : _a2.map((c, i2) => {
-              return /* @__PURE__ */ React.createElement(
-                TinaMarkdown,
-                {
-                  key: i2,
-                  components: {
-                    p: (props2) => /* @__PURE__ */ React.createElement(TdComponent2, { align: align2[i2], ...props2 })
-                  },
-                  content: c.value
-                }
-              );
-            }));
-          })));
-        }
-        const ComponentMissing = components["component_missing"];
-        if (ComponentMissing) {
-          return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
-        } else {
-          return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
-        }
-      }
-    case "table":
-      const rows = child.children || [];
-      const TableComponent = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { style: { border: "1px solid #EDECF3" }, ...props2 }));
-      const TrComponent = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
-      const TdComponent = components["td"] || ((props2) => /* @__PURE__ */ React.createElement(
-        "td",
-        {
-          style: {
-            textAlign: (props2 == null ? void 0 : props2.align) || "auto",
-            border: "1px solid #EDECF3",
-            padding: "0.25rem"
-          },
-          ...props2
-        }
-      ));
-      const align = ((_g = child.props) == null ? void 0 : _g.align) || [];
-      return /* @__PURE__ */ React.createElement(TableComponent, null, /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, i) => {
-        var _a2;
-        return /* @__PURE__ */ React.createElement(TrComponent, { key: i }, (_a2 = row.children) == null ? void 0 : _a2.map((cell, i2) => {
-          return /* @__PURE__ */ React.createElement(
-            TinaMarkdown,
-            {
-              key: i2,
-              components: {
-                p: (props2) => /* @__PURE__ */ React.createElement(TdComponent, { align: align[i2], ...props2 })
-              },
-              content: cell.children
-            }
-          );
-        }));
-      })));
-    case "maybe_mdx":
-      return null;
-    case "html":
-    case "html_inline":
-      if (components[child.type]) {
-        const Component2 = components[child.type];
-        return /* @__PURE__ */ React.createElement(Component2, { ...props });
-      }
-      return child.value;
-    case "invalid_markdown":
-      return /* @__PURE__ */ React.createElement("pre", null, child.value);
-    default:
-      if (typeof child.text === "string") {
-        return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
-      }
-  }
-};
-export {
-  TinaMarkdown
-};

package/dist/rich-text/prism.mjs

@@ -1,16 +0,0 @@
-import React from "react";
-import { Highlight, themes } from "prism-react-renderer";
-const Prism = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    Highlight,
-    {
-      theme: themes[props.theme || "github"],
-      code: props.value || "",
-      language: props.lang || ""
-    },
-    ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { ...getTokenProps({ token, key }) })))))
-  );
-};
-export {
-  Prism
-};