@mastra/playground-ui 22.0.0 → 22.0.1-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @mastra/playground-ui
 
+## 22.0.1-alpha.1
+
+### Patch Changes
+
+- Updated dependencies [[`f32b9e1`](https://github.com/mastra-ai/mastra/commit/f32b9e115a3c754d1c8cfa3f4256fba87b09cfb7)]:
+  - @mastra/core@1.23.0-alpha.1
+  - @mastra/client-js@1.13.1-alpha.1
+  - @mastra/react@0.2.23-alpha.1
+
+## 22.0.1-alpha.0
+
+### Patch Changes
+
+- Expired sessions now refresh automatically. Requests that previously returned 401 are retried after refreshing, so users stay signed in instead of being logged out. ([#15024](https://github.com/mastra-ai/mastra/pull/15024))
+
+- Updated dependencies [[`ed425d7`](https://github.com/mastra-ai/mastra/commit/ed425d78e7c66cbda8209fee910856f98c6c6b82), [`ba6f7e9`](https://github.com/mastra-ai/mastra/commit/ba6f7e9086d8281393f2acae60fda61de3bff1f9), [`7eb2596`](https://github.com/mastra-ai/mastra/commit/7eb25960d607e07468c9a10c5437abd2deaf1e9a)]:
+  - @mastra/core@1.23.0-alpha.0
+  - @mastra/client-js@1.13.1-alpha.0
+  - @mastra/ai-sdk@1.3.1
+  - @mastra/react@0.2.23-alpha.0
+
 ## 22.0.0
 
 ### Minor Changes

package/dist/index.cjs.js

@@ -21,6 +21,7 @@ const langJson = require('@codemirror/lang-json');
 const langMarkdown = require('@codemirror/lang-markdown');
 const language = require('@codemirror/language');
 const languageData = require('@codemirror/language-data');
+const state = require('@codemirror/state');
 const view = require('@codemirror/view');
 const highlight$1 = require('@lezer/highlight');
 const codemirrorThemeDracula = require('@uiw/codemirror-theme-dracula');
@@ -77,7 +78,6 @@ const features = require('@mastra/core/features');
 const storage = require('@mastra/core/storage');
 const cmdk = require('cmdk');
 const merge = require('@codemirror/merge');
-const state = require('@codemirror/state');
 const reactSyntaxHighlighter$1 = require('react-syntax-highlighter');
 const compatibility = require('./compatibility-BSEoV343.cjs');
 
@@ -5774,6 +5774,7 @@ const CodeEditor = React.forwardRef(
     schema,
     autoFocus,
     lineNumbers = true,
+    editable,
     ...props
   }, ref) => {
     const theme = useCodemirrorTheme$2();
@@ -5792,8 +5793,11 @@ const CodeEditor = React.forwardRef(
       if (schema && language === "markdown") {
         exts.push(createVariableAutocomplete(schema));
       }
+      if (editable === false) {
+        exts.push(state.EditorState.readOnly.of(true));
+      }
       return exts;
-    }, [language, highlightVariables, schema]);
+    }, [language, highlightVariables, schema, editable]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -5809,6 +5813,7 @@ const CodeEditor = React.forwardRef(
               theme,
               extensions,
               onChange,
+              editable,
               "aria-label": "Code editor",
               placeholder,
               height: "100%",
@@ -59106,12 +59111,59 @@ const useMastraPlatform = () => {
   return { isMastraPlatform, mastraPlatformEndpoint };
 };
 
+let refreshPromise = null;
+async function refreshSession(baseUrl, apiPrefix) {
+  try {
+    const res = await fetch(`${baseUrl}${apiPrefix}/auth/refresh`, {
+      method: "POST",
+      credentials: "include"
+    });
+    return res.ok;
+  } catch {
+    return false;
+  }
+}
+async function fetchWithRefresh(baseUrl, input, init) {
+  const request = new Request(input, init);
+  const retry = request.clone();
+  const res = await fetch(request);
+  if (res.status !== 401) return res;
+  if (new URL(request.url).pathname.endsWith("/auth/refresh")) return res;
+  if (!refreshPromise) {
+    refreshPromise = refreshSession(baseUrl, "/api").finally(() => {
+      refreshPromise = null;
+    });
+  }
+  const refreshed = await refreshPromise;
+  if (!refreshed) return res;
+  return fetch(retry);
+}
+function createFetchWithRefresh(baseUrl, apiPrefix = "/api") {
+  let localRefreshPromise = null;
+  return async (input, init) => {
+    const request = new Request(input, init);
+    const retry = request.clone();
+    const res = await fetch(request);
+    if (res.status !== 401) return res;
+    if (request.url.includes("/auth/refresh")) return res;
+    if (!localRefreshPromise) {
+      localRefreshPromise = refreshSession(baseUrl, apiPrefix).finally(() => {
+        localRefreshPromise = null;
+      });
+    }
+    const refreshed = await localRefreshPromise;
+    if (!refreshed) return res;
+    return fetch(retry);
+  };
+}
+
 function useCurrentUser() {
   const client = react.useMastraClient();
+  const baseUrl = client.options?.baseUrl || "";
   return reactQuery.useQuery({
     queryKey: ["auth", "me"],
     queryFn: async () => {
-      const response = await fetch(`${client.options?.baseUrl || ""}/api/auth/me`, {
+      const response = await fetchWithRefresh(baseUrl, `${baseUrl}/api/auth/me`, {
         credentials: "include",
         headers: {
           "Content-Type": "application/json"
@@ -60222,6 +60274,7 @@ exports.convertWorkflowRunStateToStreamResult = convertWorkflowRunStateToStreamR
 exports.countLeafRules = countLeafRules;
 exports.createDefaultRule = createDefaultRule;
 exports.createDefaultRuleGroup = createDefaultRuleGroup;
+exports.createFetchWithRefresh = createFetchWithRefresh;
 exports.createField = createField;
 exports.createInstructionBlock = createInstructionBlock;
 exports.createRefInstructionBlock = createRefInstructionBlock;
@@ -60229,6 +60282,7 @@ exports.createVariableAutocomplete = createVariableAutocomplete;
 exports.exportItemsToCSV = exportItemsToCSV;
 exports.exportItemsToJSON = exportItemsToJSON;
 exports.extractPrompt = extractPrompt;
+exports.fetchWithRefresh = fetchWithRefresh;
 exports.fieldConfig = fieldConfig;
 exports.fieldsToJSONSchema = fieldsToJSONSchema;
 exports.findProviderById = findProviderById;