tinacms 0.0.0-ad8dbc0-20241003000436 → 0.0.0-bf22bf8-20241004045704

package/dist/client.js

@@ -26,7 +26,7 @@
         return;
       }
       try {
-        if (this.cacheDir && window === void 0 && typeof require !== "undefined") {
+        if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
           const { NodeCache: NodeCache2 } = await Promise.resolve().then(() => nodeCache);
           this.cache = await NodeCache2(this.cacheDir);
         }

package/dist/client.mjs

@@ -23,7 +23,7 @@ class TinaClient {
       return;
     }
     try {
-      if (this.cacheDir && window === void 0 && typeof require !== "undefined") {
+      if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
         const { NodeCache } = await import("./node-cache-7fa2452c.mjs");
         this.cache = await NodeCache(this.cacheDir);
       }

package/dist/index.js

@@ -4569,7 +4569,7 @@ var __publicField = (obj, key, value) => {
         const optionSets2 = await Promise.all(
           collections.map(async (collection) => {
             try {
-              const filter = filters[collection] ? filterQueryBuilder(filters[collection], collection) : {};
+              const filter = (filters == null ? void 0 : filters[collection]) ? filterQueryBuilder(filters[collection], collection) : {};
               const response = await cms.api.tina.request(
                 `#graphql
             query ($collection: String!, $filter: DocumentFilter) {
@@ -4605,6 +4605,10 @@ var __publicField = (obj, key, value) => {
                 edges: response.collection.documents.edges
               };
             } catch (e) {
+              console.error(
+                "Exception thrown while building and running GraphQL query: ",
+                e
+              );
               return {
                 collection,
                 edges: []
@@ -13757,7 +13761,7 @@ var __publicField = (obj, key, value) => {
         tooltip: "Headings"
       },
       /* @__PURE__ */ React.createElement(SelectedItemIcon, { className: "size-5" }),
-      /* @__PURE__ */ React.createElement("span", { className: "hidden 2xl:flex" }, selectedItemLabel)
+      /* @__PURE__ */ React.createElement("span", { className: "@md/toolbar:flex hidden" }, selectedItemLabel)
     )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "start", className: "min-w-0" }, /* @__PURE__ */ React.createElement(
       DropdownMenuRadioGroup,
       {
@@ -13959,6 +13963,7 @@ var __publicField = (obj, key, value) => {
   };
   const ICON_WIDTH = 32;
   const EMBED_ICON_WIDTH = 78;
+  const MD_BREAKPOINT = 768;
   const useResize = (ref, callback) => {
     React.useEffect(() => {
       const resizeObserver = new ResizeObserver((entries) => {
@@ -14045,11 +14050,12 @@ var __publicField = (obj, key, value) => {
     const { overrides } = useToolbarContext();
     useResize(toolbarRef, (entry) => {
       const width = entry.target.getBoundingClientRect().width;
-      const itemsShown2 = (width - EMBED_ICON_WIDTH) / ICON_WIDTH;
+      const paragraphIconWidth = width < MD_BREAKPOINT ? 58 : 128;
+      const itemsShown2 = (width - EMBED_ICON_WIDTH - paragraphIconWidth) / ICON_WIDTH;
       setItemsShown(Math.floor(itemsShown2));
     });
     const toolbarItemsArray = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
-    return /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-hidden", ref: toolbarRef }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-hidden @container/toolbar", ref: toolbarRef }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "flex",

package/dist/index.mjs

@@ -4592,7 +4592,7 @@ const useGetOptionSets = (cms, collections, collectionFilter) => {
       const optionSets2 = await Promise.all(
         collections.map(async (collection) => {
           try {
-            const filter = filters[collection] ? filterQueryBuilder(filters[collection], collection) : {};
+            const filter = (filters == null ? void 0 : filters[collection]) ? filterQueryBuilder(filters[collection], collection) : {};
             const response = await cms.api.tina.request(
               `#graphql
             query ($collection: String!, $filter: DocumentFilter) {
@@ -4628,6 +4628,10 @@ const useGetOptionSets = (cms, collections, collectionFilter) => {
               edges: response.collection.documents.edges
             };
           } catch (e) {
+            console.error(
+              "Exception thrown while building and running GraphQL query: ",
+              e
+            );
             return {
               collection,
               edges: []
@@ -13780,7 +13784,7 @@ function HeadingsMenu(props) {
       tooltip: "Headings"
     },
     /* @__PURE__ */ React__default.createElement(SelectedItemIcon, { className: "size-5" }),
-    /* @__PURE__ */ React__default.createElement("span", { className: "hidden 2xl:flex" }, selectedItemLabel)
+    /* @__PURE__ */ React__default.createElement("span", { className: "@md/toolbar:flex hidden" }, selectedItemLabel)
   )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "min-w-0" }, /* @__PURE__ */ React__default.createElement(
     DropdownMenuRadioGroup,
     {
@@ -13982,6 +13986,7 @@ const EmbedButton = ({ editor, templates }) => {
 };
 const ICON_WIDTH = 32;
 const EMBED_ICON_WIDTH = 78;
+const MD_BREAKPOINT = 768;
 const useResize = (ref, callback) => {
   React__default.useEffect(() => {
     const resizeObserver = new ResizeObserver((entries) => {
@@ -14068,11 +14073,12 @@ function FixedToolbarButtons() {
   const { overrides } = useToolbarContext();
   useResize(toolbarRef, (entry) => {
     const width = entry.target.getBoundingClientRect().width;
-    const itemsShown2 = (width - EMBED_ICON_WIDTH) / ICON_WIDTH;
+    const paragraphIconWidth = width < MD_BREAKPOINT ? 58 : 128;
+    const itemsShown2 = (width - EMBED_ICON_WIDTH - paragraphIconWidth) / ICON_WIDTH;
     setItemsShown(Math.floor(itemsShown2));
   });
   const toolbarItemsArray = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
-  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-hidden", ref: toolbarRef }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full overflow-hidden @container/toolbar", ref: toolbarRef }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: "flex",

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/toolbar/toolbar-overrides.d.ts

@@ -1,4 +1,4 @@
 export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'raw' | 'embed';
 export declare const ICON_WIDTH = 32;
 export declare const EMBED_ICON_WIDTH = 78;
-export declare const HEADING = 138;
+export declare const MD_BREAKPOINT = 768;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-ad8dbc0-20241003000436",
+  "version": "0.0.0-bf22bf8-20241004045704",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -127,9 +127,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "1.4.4",
-    "@tinacms/schema-tools": "1.6.4",
-    "@tinacms/search": "1.0.31"
+    "@tinacms/mdx": "0.0.0-bf22bf8-20241004045704",
+    "@tinacms/schema-tools": "0.0.0-bf22bf8-20241004045704",
+    "@tinacms/search": "0.0.0-bf22bf8-20241004045704"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.5.4",