nuxt-files-sdk 0.0.3 → 0.0.5

package/dist/devtools/client/index.html

@@ -6,22 +6,127 @@
         <title>Files</title>
         <style>
             :root {
-                color-scheme: light dark;
-                font-family: system-ui, sans-serif;
+                color-scheme: light;
+                font-family:
+                    Inter,
+                    ui-sans-serif,
+                    system-ui,
+                    -apple-system,
+                    BlinkMacSystemFont,
+                    'Segoe UI',
+                    sans-serif;
+                --background: #fafafa;
+                --surface: #ffffff;
+                --surface-muted: #f4f4f5;
+                --border: #e4e4e7;
+                --text: #18181b;
+                --muted: #71717a;
+                --accent: #00a96e;
+                --accent-soft: #e6f8f1;
+                --warning: #b45309;
+                --warning-soft: #fff7ed;
+                --error: #dc2626;
+                --error-soft: #fef2f2;
+            }
+            @media (prefers-color-scheme: dark) {
+                :root {
+                    color-scheme: dark;
+                    --background: #09090b;
+                    --surface: #18181b;
+                    --surface-muted: #27272a;
+                    --border: #27272a;
+                    --text: #f4f4f5;
+                    --muted: #a1a1aa;
+                    --accent: #00dc82;
+                    --accent-soft: #0b3328;
+                    --warning: #fbbf24;
+                    --warning-soft: #3a2a12;
+                    --error: #f87171;
+                    --error-soft: #3b171c;
+                }
+            }
+            * {
+                box-sizing: border-box;
             }
             body {
                 margin: 0;
-                padding: 20px;
-                background: Canvas;
-                color: CanvasText;
+                min-width: 320px;
+                min-height: 100vh;
+                background: var(--background);
+                color: var(--text);
+                font-size: 14px;
+                line-height: 1.5;
+                -webkit-font-smoothing: antialiased;
+            }
+            .page-header {
+                display: flex;
+                align-items: center;
+                gap: 12px;
+                min-height: 64px;
+                padding: 12px 20px;
+                border-bottom: 1px solid var(--border);
+                background: color-mix(in srgb, var(--surface) 92%, transparent);
+            }
+            .app-icon {
+                display: grid;
+                flex: 0 0 auto;
+                width: 36px;
+                height: 36px;
+                place-items: center;
+                border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border));
+                border-radius: 9px;
+                background: var(--accent-soft);
+                color: var(--accent);
+            }
+            .app-icon svg {
+                width: 20px;
+                height: 20px;
             }
             h1 {
-                margin: 0 0 4px;
-                font-size: 20px;
+                margin: 0;
+                font-size: 15px;
+                font-weight: 600;
+                letter-spacing: -0.01em;
             }
             #summary {
-                margin: 0 0 20px;
-                color: GrayText;
+                margin: 2px 0 0;
+                color: var(--muted);
+                font-size: 12px;
+            }
+            .content {
+                display: grid;
+                gap: 16px;
+                padding: 20px;
+            }
+            .panel {
+                overflow: hidden;
+                border: 1px solid var(--border);
+                border-radius: 10px;
+                background: var(--surface);
+            }
+            .panel-header {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 12px;
+                padding: 12px 14px;
+                border-bottom: 1px solid var(--border);
+            }
+            .panel-title {
+                min-width: 0;
+            }
+            h2 {
+                margin: 0;
+                font-size: 13px;
+                font-weight: 600;
+            }
+            .panel-description {
+                margin: 2px 0 0;
+                color: var(--muted);
+                font-size: 12px;
+            }
+            .table-scroll {
+                overflow-x: auto;
             }
             table {
                 width: 100%;
@@ -29,85 +134,297 @@
             }
             th,
             td {
-                padding: 10px;
-                border-bottom: 1px solid color-mix(in srgb, CanvasText 18%, transparent);
+                padding: 10px 14px;
+                border-bottom: 1px solid var(--border);
                 text-align: left;
+                white-space: nowrap;
             }
             th {
+                background: var(--surface-muted);
+                color: var(--muted);
+                font-size: 11px;
+                font-weight: 500;
+            }
+            tbody tr:last-child td {
+                border-bottom: 0;
+            }
+            tbody tr:hover {
+                background: color-mix(in srgb, var(--surface-muted) 55%, transparent);
+            }
+            td:nth-child(2),
+            td:nth-child(3) {
+                font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace;
                 font-size: 12px;
-                color: GrayText;
-                text-transform: uppercase;
             }
-            code {
-                font-family: ui-monospace, monospace;
+            button,
+            select,
+            .upload-button {
+                min-height: 30px;
+                border: 1px solid var(--border);
+                border-radius: 7px;
+                background: var(--surface);
+                color: var(--text);
+                font: inherit;
+            }
+            button,
+            .upload-button {
+                padding: 5px 9px;
+                cursor: pointer;
+            }
+            button:hover,
+            .upload-button:hover {
+                background: var(--surface-muted);
+            }
+            button:focus-visible,
+            select:focus-visible,
+            .upload-button:focus-within {
+                outline: 2px solid var(--accent);
+                outline-offset: 2px;
+            }
+            select {
+                padding: 4px 28px 4px 9px;
+            }
+            .browser-actions,
+            .actions {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+            }
+            .upload-button {
+                display: inline-flex;
+                align-items: center;
+                background: var(--accent);
+                color: #fff;
+                border-color: var(--accent);
+            }
+            .upload-button:hover {
+                background: color-mix(in srgb, var(--accent) 85%, #000);
+            }
+            .upload-button[hidden] {
+                display: none;
+            }
+            .upload-button input {
+                position: absolute;
+                width: 1px;
+                height: 1px;
+                overflow: hidden;
+                clip: rect(0, 0, 0, 0);
+            }
+            .browser-toolbar {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 12px;
+                min-height: 44px;
+                padding: 6px 14px;
+                border-bottom: 1px solid var(--border);
+                background: var(--surface-muted);
+            }
+            #breadcrumbs {
+                display: flex;
+                align-items: center;
+                gap: 6px;
+                min-width: 0;
+                overflow-x: auto;
+                color: var(--muted);
+            }
+            .breadcrumb,
+            .folder,
+            .row-action {
+                min-height: auto;
+                padding: 2px 5px;
+                border: 0;
+                background: transparent;
+            }
+            .breadcrumb,
+            .folder {
+                color: var(--text);
+            }
+            .folder {
+                padding: 0;
+                font-weight: 500;
+            }
+            .row-action {
+                color: var(--accent);
+                font-size: 12px;
+            }
+            .file-name {
+                max-width: 360px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+            .folder-detail,
+            #browser-status {
+                color: var(--muted);
+                font-size: 12px;
+            }
+            #browser-status {
+                margin: 0;
+                padding: 8px 14px;
+                border-top: 1px solid var(--border);
+            }
+            .error-text {
+                color: var(--error) !important;
+            }
+            .access-badge {
+                padding: 2px 8px;
+                border-radius: 999px;
+                background: var(--surface-muted);
+                color: var(--muted);
+                font-size: 11px;
+                white-space: nowrap;
+            }
+            .access-badge.write {
+                background: var(--accent-soft);
+                color: var(--accent);
+            }
+            .status {
+                display: inline-flex;
+                align-items: center;
+                gap: 6px;
+                padding: 2px 8px;
+                border-radius: 999px;
+                font-size: 11px;
+                font-weight: 500;
+            }
+            .status::before {
+                width: 6px;
+                height: 6px;
+                border-radius: 999px;
+                background: currentColor;
+                content: '';
+            }
+            .status.success {
+                background: var(--accent-soft);
+                color: var(--accent);
+            }
+            .status.idle {
+                background: var(--surface-muted);
+                color: var(--muted);
+            }
+            #diagnostics {
+                padding: 14px;
+            }
+            .empty-state {
+                color: var(--muted);
+                font-size: 12px;
             }
             .warning,
             .error {
-                padding: 10px;
-                border-radius: 6px;
-                background: color-mix(in srgb, orange 16%, Canvas);
+                margin: 0 0 8px;
+                padding: 10px 12px;
+                border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
+                border-radius: 8px;
+                background: var(--warning-soft);
+                color: var(--warning);
             }
             .error {
-                background: color-mix(in srgb, red 16%, Canvas);
+                border-color: color-mix(in srgb, var(--error) 30%, transparent);
+                background: var(--error-soft);
+                color: var(--error);
+            }
+            .warning:last-child,
+            .error:last-child {
+                margin-bottom: 0;
+            }
+            @media (max-width: 640px) {
+                .page-header,
+                .content {
+                    padding-right: 14px;
+                    padding-left: 14px;
+                }
+                .panel-header,
+                .browser-toolbar {
+                    align-items: flex-start;
+                    flex-direction: column;
+                }
+                .browser-actions {
+                    width: 100%;
+                    flex-wrap: wrap;
+                }
             }
         </style>
     </head>
     <body>
-        <main>
-            <h1>Files</h1>
-            <p id="summary" aria-live="polite">Loading resolved configuration…</p>
-            <section aria-labelledby="storages-heading">
-                <h2 id="storages-heading">Storages</h2>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Name</th>
-                            <th>Adapter</th>
-                            <th>Plugins</th>
-                            <th>Source</th>
-                            <th>Status</th>
-                        </tr>
-                    </thead>
-                    <tbody id="storages"></tbody>
-                </table>
+        <header class="page-header">
+            <span class="app-icon" aria-hidden="true">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75">
+                    <path
+                        d="M3.75 6.75A1.75 1.75 0 0 1 5.5 5h4l2 2h7A1.75 1.75 0 0 1 20.25 8.75v8.75a1.75 1.75 0 0 1-1.75 1.75h-13a1.75 1.75 0 0 1-1.75-1.75V6.75Z"
+                    />
+                </svg>
+            </span>
+            <div>
+                <h1>Files</h1>
+                <p id="summary" aria-live="polite">Loading resolved configuration…</p>
+            </div>
+        </header>
+        <main class="content">
+            <section class="panel" aria-labelledby="browser-heading">
+                <header class="panel-header">
+                    <div class="panel-title">
+                        <h2 id="browser-heading">File browser</h2>
+                        <p class="panel-description">Browse and manage the selected development storage.</p>
+                    </div>
+                    <div class="browser-actions">
+                        <span id="access-badge" class="access-badge" hidden></span>
+                        <select id="storage-select" aria-label="Storage" hidden></select>
+                        <button id="refresh" type="button">Refresh</button>
+                        <label class="upload-button" hidden>
+                            Upload
+                            <input id="upload" type="file" />
+                        </label>
+                    </div>
+                </header>
+                <nav id="breadcrumbs" class="browser-toolbar" aria-label="Current folder"></nav>
+                <div class="table-scroll">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Name</th>
+                                <th>Size</th>
+                                <th>Type</th>
+                                <th>Modified</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody id="files"></tbody>
+                    </table>
+                </div>
+                <p id="browser-status" aria-live="polite">Loading…</p>
+            </section>
+            <section class="panel" aria-labelledby="storages-heading">
+                <header class="panel-header">
+                    <div class="panel-title">
+                        <h2 id="storages-heading">Storages</h2>
+                        <p class="panel-description">Resolved adapters and runtime initialization status.</p>
+                    </div>
+                </header>
+                <div class="table-scroll">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Name</th>
+                                <th>Adapter</th>
+                                <th>Plugins</th>
+                                <th>Source</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody id="storages"></tbody>
+                    </table>
+                </div>
             </section>
-            <section aria-labelledby="diagnostics-heading">
-                <h2 id="diagnostics-heading">Diagnostics</h2>
-                <div id="diagnostics"></div>
+            <section class="panel" aria-labelledby="diagnostics-heading">
+                <header class="panel-header">
+                    <div class="panel-title">
+                        <h2 id="diagnostics-heading">Diagnostics</h2>
+                        <p class="panel-description">Integration issues detected by the current development server.</p>
+                    </div>
+                </header>
+                <div id="diagnostics" class="empty-state"></div>
             </section>
         </main>
-        <script type="module">
-            const snapshot = await fetch('./snapshot').then((response) => response.json())
-            document.querySelector('#summary').textContent =
-                `${snapshot.storages.length} configured storage${snapshot.storages.length === 1 ? '' : 's'}`
-            document.querySelector('#storages').replaceChildren(
-                ...snapshot.storages.map((storage) => {
-                    const row = document.createElement('tr')
-                    for (const value of [
-                        storage.name ?? 'Single storage',
-                        storage.adapter,
-                        storage.plugins.join(', ') || '—',
-                        storage.source,
-                        storage.initialized ? 'Initialized' : 'Not initialized',
-                    ]) {
-                        const cell = document.createElement('td')
-                        cell.textContent = value
-                        row.append(cell)
-                    }
-                    return row
-                }),
-            )
-            const diagnostics = document.querySelector('#diagnostics')
-            if (!snapshot.diagnostics.length) diagnostics.textContent = 'No integration diagnostics.'
-            else
-                diagnostics.replaceChildren(
-                    ...snapshot.diagnostics.map((item) => {
-                        const message = document.createElement('p')
-                        message.className = item.level
-                        message.textContent = `${item.code}: ${item.message}`
-                        return message
-                    }),
-                )
-        </script>
+        <script type="module" src="./app.js"></script>
     </body>
 </html>

package/dist/devtools/devframe.js

@@ -1,9 +1,17 @@
+import { FILES_DEVTOOLS_DIAGNOSTICS, createFilesDevtoolsDiagnostic, isFilesDevtoolsDiagnostic, isFilesDevtoolsFailure } from "./diagnostics.js";
 import { FILES_DEVTOOLS_PATH } from "./snapshot.js";
 import { version } from "../package.js";
 import { fileURLToPath } from "node:url";
-import { defineDevframe } from "devframe";
+import { defineDevframe, defineRpcFunction } from "devframe";
 //#region src/devtools/devframe.ts
-var devframe_default = defineDevframe({
+const clientAssets = fileURLToPath(new URL("./client", import.meta.url));
+const messageTitles = {
+	upload: "Files upload failed",
+	delete: "Files delete failed",
+	initialization: "Files storage initialization failed",
+	gateway: "Files DevTools gateway failed"
+};
+const createFilesDevframe = ({ write, maxUploadSize, notifyFailure }) => defineDevframe({
 	id: "nuxt-files-sdk",
 	name: "Files",
 	version,
@@ -12,13 +20,58 @@ var devframe_default = defineDevframe({
 	homepage: "https://github.com/liria24/nuxt-files-sdk",
 	description: "Files SDK storage and integration diagnostics for Nuxt.",
 	icon: "ph:files-duotone",
-	basePath: FILES_DEVTOOLS_PATH,
-	cli: { distDir: fileURLToPath(new URL("./client", import.meta.url)) },
-	setup(context) {
-		context.views.hostStatic(FILES_DEVTOOLS_PATH, fileURLToPath(new URL("./client", import.meta.url)));
+	clientAssets,
+	async setup(context) {
+		await context.host.mountConnectionMeta?.(FILES_DEVTOOLS_PATH);
+		context.views.hostStatic(FILES_DEVTOOLS_PATH, clientAssets);
+		const definitions = Object.fromEntries(Object.entries(FILES_DEVTOOLS_DIAGNOSTICS).map(([code, diagnostic]) => [code, {
+			why: ({ message }) => message ?? diagnostic.message,
+			fix: diagnostic.hint,
+			docs: diagnostic.docs
+		}]));
+		const diagnostics = context.diagnostics.defineDiagnostics({ codes: definitions });
+		context.diagnostics.register(diagnostics);
+		const reported = /* @__PURE__ */ new Set();
+		const reportDiagnostic = (diagnostic, cause) => {
+			const key = `${diagnostic.code}:${diagnostic.message}`;
+			if (reported.has(key)) return;
+			reported.add(key);
+			diagnostics[diagnostic.code]?.({
+				message: diagnostic.message,
+				...cause === void 0 ? {} : { cause }
+			}, { method: diagnostic.level === "info" ? "log" : diagnostic.level === "warning" ? "warn" : "error" });
+		};
+		const scoped = context.scope("nuxt-files-sdk");
+		scoped.rpc.register(defineRpcFunction({
+			name: "report-diagnostics",
+			type: "event",
+			handler(value) {
+				if (Array.isArray(value)) value.filter(isFilesDevtoolsDiagnostic).forEach((item) => reportDiagnostic(item));
+			}
+		}));
+		scoped.rpc.register(defineRpcFunction({
+			name: "report-failure",
+			type: "event",
+			handler(value) {
+				if (!isFilesDevtoolsFailure(value)) return;
+				if (!write && (value.kind === "upload" || value.kind === "delete")) return;
+				const description = value.kind === "upload" ? `${value.message}\nMaximum upload size: ${maxUploadSize} bytes.` : value.message;
+				notifyFailure({
+					id: `nuxt-files-sdk:${value.kind}:${value.target ?? "default"}`,
+					message: messageTitles[value.kind],
+					level: "error",
+					description,
+					category: "nuxt-files-sdk",
+					labels: ["nuxt-files-sdk", value.kind],
+					notify: true
+				});
+				if (value.kind === "initialization") reportDiagnostic(createFilesDevtoolsDiagnostic("NUXT_FILES_ADAPTER_INIT_FAILED"), value.message);
+				else if (value.kind === "gateway") reportDiagnostic(createFilesDevtoolsDiagnostic("NUXT_FILES_GATEWAY_FAILED"), value.message);
+			}
+		}));
 	}
 });
 //#endregion
-export { devframe_default as default };
+export { createFilesDevframe };
 
 //# sourceMappingURL=devframe.js.map

package/dist/devtools/devframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"devframe.js","names":[],"sources":["../../src/devtools/devframe.ts"],"sourcesContent":["import { fileURLToPath } from 'node:url'\n\nimport { defineDevframe } from 'devframe'\n\nimport { version } from '../../package.json'\nimport { FILES_DEVTOOLS_PATH } from './snapshot'\n\nexport default defineDevframe({\n    id: 'nuxt-files-sdk',\n    name: 'Files',\n    version,\n    packageName: 'nuxt-files-sdk',\n    importMetaUrl: import.meta.url,\n    homepage: 'https://github.com/liria24/nuxt-files-sdk',\n    description: 'Files SDK storage and integration diagnostics for Nuxt.',\n    icon: 'ph:files-duotone',\n    basePath: FILES_DEVTOOLS_PATH,\n    cli: { distDir: fileURLToPath(new URL('./client', import.meta.url)) },\n    setup(context) {\n        context.views.hostStatic(FILES_DEVTOOLS_PATH, fileURLToPath(new URL('./client', import.meta.url)))\n    },\n})\n"],"mappings":";;;;;AAOA,IAAA,mBAAe,eAAe;CAC1B,IAAI;CACJ,MAAM;CACN;CACA,aAAa;CACb,eAAe,YAAY;CAC3B,UAAU;CACV,aAAa;CACb,MAAM;CACN,UAAU;CACV,KAAK,EAAE,SAAS,cAAc,IAAI,IAAI,YAAY,YAAY,GAAG,CAAC,EAAE;CACpE,MAAM,SAAS;EACX,QAAQ,MAAM,WAAW,qBAAqB,cAAc,IAAI,IAAI,YAAY,YAAY,GAAG,CAAC,CAAC;CACrG;AACJ,CAAC"}
+{"version":3,"file":"devframe.js","names":[],"sources":["../../src/devtools/devframe.ts"],"sourcesContent":["import { fileURLToPath } from 'node:url'\n\nimport { defineDevframe, defineRpcFunction } from 'devframe'\n\nimport { version } from '../../package.json'\nimport {\n    createFilesDevtoolsDiagnostic,\n    FILES_DEVTOOLS_DIAGNOSTICS,\n    isFilesDevtoolsDiagnostic,\n    isFilesDevtoolsFailure,\n    type FilesDevtoolsDiagnostic,\n} from './diagnostics'\nimport { FILES_DEVTOOLS_PATH } from './snapshot'\n\ninterface FilesDevframeMessage {\n    id: string\n    message: string\n    level: 'error'\n    description: string\n    category: string\n    labels: string[]\n    notify: true\n}\n\nexport interface FilesDevframeOptions {\n    write: boolean\n    maxUploadSize: number\n    notifyFailure: (message: FilesDevframeMessage) => unknown\n}\n\nconst clientAssets = fileURLToPath(new URL('./client', import.meta.url))\nconst messageTitles = {\n    upload: 'Files upload failed',\n    delete: 'Files delete failed',\n    initialization: 'Files storage initialization failed',\n    gateway: 'Files DevTools gateway failed',\n} as const\n\nexport const createFilesDevframe = ({ write, maxUploadSize, notifyFailure }: FilesDevframeOptions) =>\n    defineDevframe({\n        id: 'nuxt-files-sdk',\n        name: 'Files',\n        version,\n        packageName: 'nuxt-files-sdk',\n        importMetaUrl: import.meta.url,\n        homepage: 'https://github.com/liria24/nuxt-files-sdk',\n        description: 'Files SDK storage and integration diagnostics for Nuxt.',\n        icon: 'ph:files-duotone',\n        clientAssets,\n        async setup(context) {\n            await context.host.mountConnectionMeta?.(FILES_DEVTOOLS_PATH)\n            context.views.hostStatic(FILES_DEVTOOLS_PATH, clientAssets)\n\n            const definitions = Object.fromEntries(\n                Object.entries(FILES_DEVTOOLS_DIAGNOSTICS).map(([code, diagnostic]) => [\n                    code,\n                    {\n                        why: ({ message }: { message?: string }) => message ?? diagnostic.message,\n                        fix: diagnostic.hint,\n                        docs: diagnostic.docs,\n                    },\n                ]),\n            )\n            const diagnostics = context.diagnostics.defineDiagnostics({ codes: definitions })\n            context.diagnostics.register(diagnostics)\n            const reported = new Set<string>()\n            const reportDiagnostic = (diagnostic: FilesDevtoolsDiagnostic, cause?: unknown): void => {\n                const key = `${diagnostic.code}:${diagnostic.message}`\n                if (reported.has(key)) return\n                reported.add(key)\n                diagnostics[diagnostic.code]?.(\n                    { message: diagnostic.message, ...(cause === undefined ? {} : { cause }) },\n                    { method: diagnostic.level === 'info' ? 'log' : diagnostic.level === 'warning' ? 'warn' : 'error' },\n                )\n            }\n\n            const scoped = context.scope('nuxt-files-sdk')\n            scoped.rpc.register(\n                defineRpcFunction({\n                    name: 'report-diagnostics',\n                    type: 'event',\n                    handler(value: unknown) {\n                        if (Array.isArray(value))\n                            value.filter(isFilesDevtoolsDiagnostic).forEach((item) => reportDiagnostic(item))\n                    },\n                }),\n            )\n            scoped.rpc.register(\n                defineRpcFunction({\n                    name: 'report-failure',\n                    type: 'event',\n                    handler(value: unknown) {\n                        if (!isFilesDevtoolsFailure(value)) return\n                        if (!write && (value.kind === 'upload' || value.kind === 'delete')) return\n                        const description =\n                            value.kind === 'upload'\n                                ? `${value.message}\\nMaximum upload size: ${maxUploadSize} bytes.`\n                                : value.message\n                        void notifyFailure({\n                            id: `nuxt-files-sdk:${value.kind}:${value.target ?? 'default'}`,\n                            message: messageTitles[value.kind],\n                            level: 'error',\n                            description,\n                            category: 'nuxt-files-sdk',\n                            labels: ['nuxt-files-sdk', value.kind],\n                            notify: true,\n                        })\n                        if (value.kind === 'initialization') {\n                            reportDiagnostic(\n                                createFilesDevtoolsDiagnostic('NUXT_FILES_ADAPTER_INIT_FAILED'),\n                                value.message,\n                            )\n                        } else if (value.kind === 'gateway') {\n                            reportDiagnostic(createFilesDevtoolsDiagnostic('NUXT_FILES_GATEWAY_FAILED'), value.message)\n                        }\n                    },\n                }),\n            )\n        },\n    })\n"],"mappings":";;;;;;AA8BA,MAAM,eAAe,cAAc,IAAI,IAAI,YAAY,YAAY,GAAG,CAAC;AACvE,MAAM,gBAAgB;CAClB,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,SAAS;AACb;AAEA,MAAa,uBAAuB,EAAE,OAAO,eAAe,oBACxD,eAAe;CACX,IAAI;CACJ,MAAM;CACN;CACA,aAAa;CACb,eAAe,YAAY;CAC3B,UAAU;CACV,aAAa;CACb,MAAM;CACN;CACA,MAAM,MAAM,SAAS;EACjB,MAAM,QAAQ,KAAK,sBAAsB,mBAAmB;EAC5D,QAAQ,MAAM,WAAW,qBAAqB,YAAY;EAE1D,MAAM,cAAc,OAAO,YACvB,OAAO,QAAQ,0BAA0B,CAAC,CAAC,KAAK,CAAC,MAAM,gBAAgB,CACnE,MACA;GACI,MAAM,EAAE,cAAoC,WAAW,WAAW;GAClE,KAAK,WAAW;GAChB,MAAM,WAAW;EACrB,CACJ,CAAC,CACL;EACA,MAAM,cAAc,QAAQ,YAAY,kBAAkB,EAAE,OAAO,YAAY,CAAC;EAChF,QAAQ,YAAY,SAAS,WAAW;EACxC,MAAM,2BAAW,IAAI,IAAY;EACjC,MAAM,oBAAoB,YAAqC,UAA0B;GACrF,MAAM,MAAM,GAAG,WAAW,KAAK,GAAG,WAAW;GAC7C,IAAI,SAAS,IAAI,GAAG,GAAG;GACvB,SAAS,IAAI,GAAG;GAChB,YAAY,WAAW,KAAK,GACxB;IAAE,SAAS,WAAW;IAAS,GAAI,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,MAAM;GAAG,GACzE,EAAE,QAAQ,WAAW,UAAU,SAAS,QAAQ,WAAW,UAAU,YAAY,SAAS,QAAQ,CACtG;EACJ;EAEA,MAAM,SAAS,QAAQ,MAAM,gBAAgB;EAC7C,OAAO,IAAI,SACP,kBAAkB;GACd,MAAM;GACN,MAAM;GACN,QAAQ,OAAgB;IACpB,IAAI,MAAM,QAAQ,KAAK,GACnB,MAAM,OAAO,yBAAyB,CAAC,CAAC,SAAS,SAAS,iBAAiB,IAAI,CAAC;GACxF;EACJ,CAAC,CACL;EACA,OAAO,IAAI,SACP,kBAAkB;GACd,MAAM;GACN,MAAM;GACN,QAAQ,OAAgB;IACpB,IAAI,CAAC,uBAAuB,KAAK,GAAG;IACpC,IAAI,CAAC,UAAU,MAAM,SAAS,YAAY,MAAM,SAAS,WAAW;IACpE,MAAM,cACF,MAAM,SAAS,WACT,GAAG,MAAM,QAAQ,yBAAyB,cAAc,WACxD,MAAM;IAChB,cAAmB;KACf,IAAI,kBAAkB,MAAM,KAAK,GAAG,MAAM,UAAU;KACpD,SAAS,cAAc,MAAM;KAC7B,OAAO;KACP;KACA,UAAU;KACV,QAAQ,CAAC,kBAAkB,MAAM,IAAI;KACrC,QAAQ;IACZ,CAAC;IACD,IAAI,MAAM,SAAS,kBACf,iBACI,8BAA8B,gCAAgC,GAC9D,MAAM,OACV;SACG,IAAI,MAAM,SAAS,WACtB,iBAAiB,8BAA8B,2BAA2B,GAAG,MAAM,OAAO;GAElG;EACJ,CAAC,CACL;CACJ;AACJ,CAAC"}

package/dist/devtools/diagnostics.d.ts

@@ -0,0 +1,37 @@
+//#region src/devtools/diagnostics.d.ts
+export interface FilesDevtoolsDiagnostic {
+  code: FilesDevtoolsDiagnosticCode;
+  level: 'info' | 'warning' | 'error';
+  message: string;
+  hint?: string;
+  docs?: string;
+}
+export declare const FILES_DEVTOOLS_DIAGNOSTICS: {
+  readonly NUXT_FILES_NOT_CONFIGURED: {
+    readonly level: 'warning';
+    readonly message: 'The Files registry has not been configured.';
+    readonly hint: 'Check that files.config.ts is loaded by the Nuxt or Nitro integration.';
+    readonly docs: "https://github.com/liria24/nuxt-files-sdk/blob/main/docs/content/4.reference/4.troubleshooting.md";
+  };
+  readonly NUXT_FILES_INVALID_CONFIG: {
+    readonly level: 'error';
+    readonly message: 'The Files registry rejected the storage configuration.';
+    readonly hint: 'Check the storage and devStorage shapes in files.config.ts.';
+    readonly docs: "https://github.com/liria24/nuxt-files-sdk/blob/main/docs/content/4.reference/4.troubleshooting.md";
+  };
+  readonly NUXT_FILES_ADAPTER_INIT_FAILED: {
+    readonly level: 'error';
+    readonly message: 'A configured storage adapter could not be initialized.';
+    readonly hint: 'Check the provider package, runtime support, and required configuration.';
+    readonly docs: "https://github.com/liria24/nuxt-files-sdk/blob/main/docs/content/4.reference/4.troubleshooting.md";
+  };
+  readonly NUXT_FILES_GATEWAY_FAILED: {
+    readonly level: 'error';
+    readonly message: 'The Files DevTools gateway could not complete a request.';
+    readonly hint: 'Check the Nitro development server and the Files registry diagnostics.';
+    readonly docs: "https://github.com/liria24/nuxt-files-sdk/blob/main/docs/content/4.reference/4.troubleshooting.md";
+  };
+};
+export type FilesDevtoolsDiagnosticCode = keyof typeof FILES_DEVTOOLS_DIAGNOSTICS;
+//#endregion
+//# sourceMappingURL=diagnostics.d.ts.map