@djangocfg/ui-tools 2.1.360 → 2.1.362

package/dist/index.cjs

@@ -10,7 +10,7 @@ var chunk76NNDZH6_cjs = require('./chunk-76NNDZH6.cjs');
 var chunkOPKFKTIN_cjs = require('./chunk-OPKFKTIN.cjs');
 var chunkYXZ6GU7H_cjs = require('./chunk-YXZ6GU7H.cjs');
 var chunkFVVF7VCD_cjs = require('./chunk-FVVF7VCD.cjs');
-var chunkQW4RBGHN_cjs = require('./chunk-QW4RBGHN.cjs');
+var chunk7EYHNP3E_cjs = require('./chunk-7EYHNP3E.cjs');
 var chunkXACCHZH2_cjs = require('./chunk-XACCHZH2.cjs');
 var chunkT3MWM23F_cjs = require('./chunk-T3MWM23F.cjs');
 require('./chunk-FP2RLYQZ.cjs');
@@ -267,14 +267,14 @@ function OpenapiLoadingFallback() {
 }
 chunkOLISEQHS_cjs.__name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyDocsLayout = createLazyComponent(
-  () => import('./DocsLayout-OQHDNKZE.cjs').then((mod) => ({ default: mod.DocsLayout })),
+  () => import('./DocsLayout-Q4KS3QWW.cjs').then((mod) => ({ default: mod.DocsLayout })),
   {
     displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(OpenapiLoadingFallback, {})
   }
 );
 var LazyOpenapiViewer = /* @__PURE__ */ chunkOLISEQHS_cjs.__name(({ config }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQW4RBGHN_cjs.PlaygroundProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(LazyDocsLayout, {}) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7EYHNP3E_cjs.PlaygroundProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(LazyDocsLayout, {}) });
 }, "LazyOpenapiViewer");
 LazyOpenapiViewer.displayName = "LazyOpenapiViewer";
 var LazyJsonSchemaForm = createLazyComponent(
@@ -766,11 +766,11 @@ function LottiePlayer(props) {
 }
 chunkOLISEQHS_cjs.__name(LottiePlayer, "LottiePlayer");
 var DocsLayout = React.lazy(
-  () => import('./DocsLayout-OQHDNKZE.cjs').then((mod) => ({ default: mod.DocsLayout }))
+  () => import('./DocsLayout-Q4KS3QWW.cjs').then((mod) => ({ default: mod.DocsLayout }))
 );
 var LoadingFallback6 = /* @__PURE__ */ chunkOLISEQHS_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ chunkOLISEQHS_cjs.__name(({ config }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQW4RBGHN_cjs.PlaygroundProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback6, {}), children: /* @__PURE__ */ jsxRuntime.jsx(DocsLayout, {}) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7EYHNP3E_cjs.PlaygroundProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback6, {}), children: /* @__PURE__ */ jsxRuntime.jsx(DocsLayout, {}) }) });
 }, "Playground");
 var OpenapiViewer_default = Playground;
 var CronSchedulerClient = React.lazy(() => import('./CronScheduler.client-WEJF4PWQ.cjs'));

package/dist/index.d.cts

@@ -436,10 +436,32 @@ interface ApiKey {
     created_at?: string;
     last_used_at?: string | null;
 }
+interface OpenApiSchema {
+    openapi: string;
+    info: {
+        title: string;
+        version: string;
+        description?: string;
+    };
+    servers?: Array<{
+        url: string;
+        description?: string;
+    }>;
+    paths: Record<string, Record<string, any>>;
+    components?: {
+        schemas?: Record<string, any>;
+    };
+}
 interface SchemaSource {
     id: string;
     name: string;
-    url: string;
+    /** URL to fetch the OpenAPI schema from. Required when ``data`` is not
+     *  provided; ignored when ``data`` is present. */
+    url?: string;
+    /** Pre-loaded OpenAPI schema object. When provided the viewer uses it
+     *  directly and never makes a network request — ideal for statically
+     *  imported JSON files. Either ``url`` or ``data`` must be set. */
+    data?: OpenApiSchema;
     /** Per-schema override for the request base URL. Wins over the
      *  global ``PlaygroundConfig.baseUrl`` and over ``schema.servers[0].url``
      *  from the OpenAPI document. Use when a single playground hosts

package/dist/index.d.ts

@@ -436,10 +436,32 @@ interface ApiKey {
     created_at?: string;
     last_used_at?: string | null;
 }
+interface OpenApiSchema {
+    openapi: string;
+    info: {
+        title: string;
+        version: string;
+        description?: string;
+    };
+    servers?: Array<{
+        url: string;
+        description?: string;
+    }>;
+    paths: Record<string, Record<string, any>>;
+    components?: {
+        schemas?: Record<string, any>;
+    };
+}
 interface SchemaSource {
     id: string;
     name: string;
-    url: string;
+    /** URL to fetch the OpenAPI schema from. Required when ``data`` is not
+     *  provided; ignored when ``data`` is present. */
+    url?: string;
+    /** Pre-loaded OpenAPI schema object. When provided the viewer uses it
+     *  directly and never makes a network request — ideal for statically
+     *  imported JSON files. Either ``url`` or ``data`` must be set. */
+    data?: OpenApiSchema;
     /** Per-schema override for the request base URL. Wins over the
      *  global ``PlaygroundConfig.baseUrl`` and over ``schema.servers[0].url``
      *  from the OpenAPI document. Use when a single playground hosts

package/dist/index.mjs

@@ -9,7 +9,7 @@ import { LIMITS, createId, useChatAudioPrefs, useChatContextOptional } from './c
 export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatHistory, useChatLayout, useChatScroll } from './chunk-WGU5BEZX.mjs';
 export { TreeError, TreeSkeleton, createDemoTree } from './chunk-B6IR5KSC.mjs';
 export { DEFAULT_TREE_APPEARANCE, DEFAULT_TREE_LABELS, TreeRoot as Tree, TreeChevron, TreeContent, TreeEmpty, TreeIcon, TreeIndentGuides, TreeLabel, TreeProvider, TreeRoot, TreeRow, TreeSearchInput, appearanceToStyle, clearTreeState, createChildCache, flattenTree, loadTreeState, resolveAppearance, resolveChildren, saveTreeState, useTreeActions, useTreeContext, useTreeExpansion, useTreeFocus, useTreeKeyboard, useTreeLabels, useTreeRows, useTreeSearch, useTreeSelection, useTreeTypeAhead } from './chunk-ZL7FH4NW.mjs';
-import { PlaygroundProvider } from './chunk-ZUFTH5IR.mjs';
+import { PlaygroundProvider } from './chunk-Y6UTOBF6.mjs';
 export { MarkdownMessage, Mermaid_default as Mermaid, PrettyCode_default as PrettyCode, extractTextFromChildren, useCollapsibleContent } from './chunk-NWUT327A.mjs';
 export { JsonTree_default as JsonTree } from './chunk-ECONRHIG.mjs';
 import './chunk-KNEQRUBA.mjs';
@@ -242,7 +242,7 @@ function OpenapiLoadingFallback() {
 }
 __name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyDocsLayout = createLazyComponent(
-  () => import('./DocsLayout-HGYIJTF3.mjs').then((mod) => ({ default: mod.DocsLayout })),
+  () => import('./DocsLayout-2YKPXZYO.mjs').then((mod) => ({ default: mod.DocsLayout })),
   {
     displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsx(OpenapiLoadingFallback, {})
@@ -741,7 +741,7 @@ function LottiePlayer(props) {
 }
 __name(LottiePlayer, "LottiePlayer");
 var DocsLayout = lazy(
-  () => import('./DocsLayout-HGYIJTF3.mjs').then((mod) => ({ default: mod.DocsLayout }))
+  () => import('./DocsLayout-2YKPXZYO.mjs').then((mod) => ({ default: mod.DocsLayout }))
 );
 var LoadingFallback6 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ __name(({ config }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.360",
+  "version": "2.1.362",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -101,8 +101,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.360",
-    "@djangocfg/ui-core": "^2.1.360",
+    "@djangocfg/i18n": "^2.1.362",
+    "@djangocfg/ui-core": "^2.1.362",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -155,10 +155,10 @@
     "material-file-icons": "^2.4.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.360",
+    "@djangocfg/i18n": "^2.1.362",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.360",
-    "@djangocfg/ui-core": "^2.1.360",
+    "@djangocfg/typescript-config": "^2.1.362",
+    "@djangocfg/ui-core": "^2.1.362",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",

package/src/tools/OpenapiViewer/hooks/useOpenApiSchema.ts

@@ -256,6 +256,19 @@ export default function useOpenApiSchema({
     setLoading(true);
     setError(null);
 
+    if (currentSchema.data) {
+      setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, currentSchema.data!));
+      consola.success(`Schema loaded (static): ${currentSchema.name}`);
+      setLoading(false);
+      return;
+    }
+
+    if (!currentSchema.url) {
+      setError('SchemaSource requires either url or data');
+      setLoading(false);
+      return;
+    }
+
     fetchSchema(currentSchema.url)
       .then((schema) => {
         setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));
@@ -294,7 +307,11 @@ export default function useOpenApiSchema({
 
     Promise.allSettled(
       pending.map((s) =>
-        fetchSchema(s.url).then((schema) => ({ id: s.id, name: s.name, schema })),
+        s.data
+          ? Promise.resolve({ id: s.id, name: s.name, schema: s.data })
+          : s.url
+            ? fetchSchema(s.url).then((schema) => ({ id: s.id, name: s.name, schema }))
+            : Promise.reject(new Error('SchemaSource requires either url or data')),
       ),
     ).then((results) => {
       if (cancelled) return;
@@ -372,6 +389,14 @@ export default function useOpenApiSchema({
   const refresh = useCallback(() => {
     if (!currentSchema) return;
 
+    if (currentSchema.data) {
+      // Static data — nothing to re-fetch, just re-trigger a render cycle.
+      setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, currentSchema.data!));
+      return;
+    }
+
+    if (!currentSchema.url) return;
+
     setLoading(true);
     setError(null);
 

package/src/tools/OpenapiViewer/types.ts

@@ -77,11 +77,17 @@ export interface OpenApiSchema {
   };
 }
 
-// Schema source configuration (URL-based only)
+// Schema source configuration
 export interface SchemaSource {
   id: string;
   name: string;
-  url: string; // URL to fetch OpenAPI schema from (full URL)
+  /** URL to fetch the OpenAPI schema from. Required when ``data`` is not
+   *  provided; ignored when ``data`` is present. */
+  url?: string;
+  /** Pre-loaded OpenAPI schema object. When provided the viewer uses it
+   *  directly and never makes a network request — ideal for statically
+   *  imported JSON files. Either ``url`` or ``data`` must be set. */
+  data?: OpenApiSchema;
   /** Per-schema override for the request base URL. Wins over the
    *  global ``PlaygroundConfig.baseUrl`` and over ``schema.servers[0].url``
    *  from the OpenAPI document. Use when a single playground hosts

package/src/tools/OpenapiViewer/utils/url.ts

@@ -137,11 +137,16 @@ export function relativePath(url: string): string {
  *   joinUrl('https://api.example.com/', '/v3', 'pet') → 'https://api.example.com/v3/pet'
  */
 export function joinUrl(...parts: string[]): string {
-    return parts
-        .filter((p) => p !== undefined && p !== null && p !== '')
+    const filtered = parts.filter((p) => p !== undefined && p !== null && p !== '');
+    return filtered
         .map((p, i) => {
-            if (i === 0) return String(p).replace(/\/+$/, '');
-            return String(p).replace(/^\/+|\/+$/g, '');
+            const s = String(p);
+            if (i === 0) return s.replace(/\/+$/, '');
+            // Strip leading slashes; preserve trailing slash on the last segment
+            // so Django path conventions (/apix/foo/) round-trip correctly.
+            const stripped = s.replace(/^\/+/, '');
+            if (i === filtered.length - 1) return stripped;
+            return stripped.replace(/\/+$/, '');
         })
         .filter((p) => p !== '')
         .join('/');