@tinacms/app 0.0.0-b551232-20250318064010 → 0.0.0-b7db4c2-20250424014613

package/CHANGELOG.md

@@ -1,11 +1,25 @@
 # @tinacms/app
 
-## 0.0.0-b551232-20250318064010
+## 0.0.0-b7db4c2-20250424014613
 
 ### Patch Changes
 
-- Updated dependencies [[`b551232`](https://github.com/tinacms/tinacms/commit/b5512326ad0ad9855bc75e2073a3ab2a8ec4c064), [`ea204c9`](https://github.com/tinacms/tinacms/commit/ea204c9045451f3ebea04f503e6158d2016613e4)]:
-  - tinacms@0.0.0-b551232-20250318064010
+- [#5595](https://github.com/tinacms/tinacms/pull/5595) [`6608196`](https://github.com/tinacms/tinacms/commit/6608196e945a96b673a329bce325f8682a8a228c) Thanks [@jeffsee55](https://github.com/jeffsee55)! - Specify react and react-dom as peer deps
+
+- Updated dependencies [[`6608196`](https://github.com/tinacms/tinacms/commit/6608196e945a96b673a329bce325f8682a8a228c)]:
+  - tinacms@0.0.0-b7db4c2-20250424014613
+
+## 2.2.5
+
+### Patch Changes
+
+- [#5602](https://github.com/tinacms/tinacms/pull/5602) [`ab43169`](https://github.com/tinacms/tinacms/commit/ab43169af5a95f31fa27bb0236623a031883a1fd) Thanks [@wicksipedia](https://github.com/wicksipedia)! - fix naming of TinaCloud
+
+- [#5588](https://github.com/tinacms/tinacms/pull/5588) [`fd664d8`](https://github.com/tinacms/tinacms/commit/fd664d8f4e83941ed1b1f234668ab6341a6178f8) Thanks [@JackDevAU](https://github.com/JackDevAU)! - - Fix server-side branch queries by storing the active branch in a cookie and passing it via the x-branch header.
+  - Ensure GraphQL playground correctly updates when switching branches.
+- Updated dependencies [[`921f235`](https://github.com/tinacms/tinacms/commit/921f2356e4615d532d02eefa7103fdb70f83b97a), [`ab43169`](https://github.com/tinacms/tinacms/commit/ab43169af5a95f31fa27bb0236623a031883a1fd), [`b551232`](https://github.com/tinacms/tinacms/commit/b5512326ad0ad9855bc75e2073a3ab2a8ec4c064), [`ea204c9`](https://github.com/tinacms/tinacms/commit/ea204c9045451f3ebea04f503e6158d2016613e4), [`fd664d8`](https://github.com/tinacms/tinacms/commit/fd664d8f4e83941ed1b1f234668ab6341a6178f8)]:
+  - tinacms@2.7.5
+  - @tinacms/mdx@1.6.2
 
 ## 2.2.3
 
@@ -468,7 +482,7 @@
 
   fix: Use clean page-sizes on media manager (to make pagination more obvious)
 
-  Fix issue with uploading media in a folder with tina cloud
+  Fix issue with uploading media in a folder with TinaCloud
 
 - Updated dependencies [9c27087fb]
 - Updated dependencies [65d0a701f]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/app",
-  "version": "0.0.0-b551232-20250318064010",
+  "version": "0.0.0-b7db4c2-20250424014613",
   "main": "src/main.tsx",
   "license": "Apache-2.0",
   "devDependencies": {
@@ -8,21 +8,23 @@
     "@types/react-dom": "^18.3.5",
     "typescript": "^5.7.3"
   },
+  "peerDependencies": {
+    "react": ">=18.3.1 <20.0.0",
+    "react-dom": ">=18.3.1 <20.0.0"
+  },
   "dependencies": {
     "@graphiql/toolkit": "0.8.4",
     "@headlessui/react": "2.1.8",
     "@heroicons/react": "^1.0.6",
-    "@monaco-editor/react": "4.4.5",
+    "@monaco-editor/react": "4.7.0-rc.0",
     "final-form": "4.20.10",
     "graphiql": "3.0.0-alpha.1",
     "graphql": "15.8.0",
     "monaco-editor": "0.31.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-router-dom": "6.3.0",
     "typescript": "^5.7.3",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.6.1",
-    "tinacms": "0.0.0-b551232-20250318064010"
+    "@tinacms/mdx": "1.6.2",
+    "tinacms": "0.0.0-b7db4c2-20250424014613"
   }
 }

package/src/Playground.tsx

@@ -1,10 +1,10 @@
 import { createGraphiQLFetcher } from '@graphiql/toolkit';
+import { FolderIcon } from '@heroicons/react/outline';
+import { queries } from 'CLIENT_IMPORT';
 import { GraphiQL } from 'graphiql';
 import { parse, print } from 'graphql';
 import React from 'react';
 import { useCMS } from 'tinacms';
-import { FolderIcon } from '@heroicons/react/outline';
-import { queries } from 'CLIENT_IMPORT';
 
 import 'graphiql/graphiql.min.css';
 
@@ -134,7 +134,7 @@ const Playground = () => {
       <GraphiQL
         fetcher={async (params, options) => {
           const fetcher = createGraphiQLFetcher({
-            url: __API_URL__,
+            url: cms.api.tina.contentApiUrl || __API_URL__,
             headers: { Authorization: `Bearer ${getToken()}` },
           });
           return fetcher(params, options);

package/src/lib/graphql-reducer.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import * as G from 'graphql';
-import { getIn } from 'final-form';
-import { z } from 'zod';
 // @ts-expect-error
 import schemaJson from 'SCHEMA_IMPORT';
-import { expandQuery, isConnectionType, isNodeType } from './expand-query';
+import { getIn } from 'final-form';
+import * as G from 'graphql';
+import React from 'react';
+import { useSearchParams } from 'react-router-dom';
 import {
+  Client,
+  Collection,
+  ErrorDialog,
   Form,
-  TinaCMS,
+  FormOptions,
+  GlobalFormPlugin,
   NAMER,
-  TinaSchema,
-  useCMS,
-  resolveField,
-  Collection,
   Template,
+  TinaCMS,
   TinaField,
-  Client,
-  FormOptions,
-  GlobalFormPlugin,
+  TinaSchema,
   TinaState,
-  ErrorDialog,
+  resolveField,
+  useCMS,
 } from 'tinacms';
-import { createForm, createGlobalForm, FormifyCallback } from './build-form';
+import { z } from 'zod';
+import { FormifyCallback, createForm, createGlobalForm } from './build-form';
+import { showErrorModal } from './errors';
+import { expandQuery, isConnectionType, isNodeType } from './expand-query';
 import type {
-  PostMessage,
   Payload,
-  SystemInfo,
+  PostMessage,
   ResolvedDocument,
+  SystemInfo,
 } from './types';
 import { getFormAndFieldNameFromMetadata } from './util';
-import { useSearchParams } from 'react-router-dom';
-import { showErrorModal } from './errors';
 
 const sysSchema = z.object({
   breadcrumbs: z.array(z.string()),
@@ -559,6 +559,12 @@ export const useGraphQLReducer = (
           payload,
         ]);
       }
+      if (event.data.type === 'url-changed') {
+        cms.dispatch({
+          type: 'sidebar:set-loading-state',
+          value: true,
+        });
+      }
     },
     [cms, JSON.stringify(results)]
   );

package/src/lib/types.ts

@@ -6,7 +6,8 @@ export type PostMessage =
     }
   | { type: 'field:selected'; fieldName: string }
   | { type: 'quick-edit'; value: boolean }
-  | { type: 'user-select-form'; formId: string };
+  | { type: 'user-select-form'; formId: string }
+  | { type: 'url-changed' };
 
 export type Payload = {
   id: string;