npm - @kyro-cms/admin - Versions diffs - 0.9.3 → 0.9.5 - Mend

@kyro-cms/admin 0.9.3 → 0.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/index.cjs +940 -568
package/dist/index.cjs.map +1 -1
package/dist/index.css +42 -23
package/dist/index.css.map +1 -1
package/dist/index.d.cts +3 -1
package/dist/index.d.ts +3 -1
package/dist/index.js +623 -251
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/src/components/ActionBar.tsx +254 -70
package/src/components/Admin.tsx +3 -16
package/src/components/ApiKeysManager.tsx +1 -0
package/src/components/AuditLogsPage.tsx +3 -3
package/src/components/AutoForm.tsx +51 -34
package/src/components/DetailView.tsx +37 -13
package/src/components/ListView.tsx +2 -2
package/src/components/LoginPage.tsx +5 -30
package/src/components/MediaGallery.tsx +120 -13
package/src/components/Sidebar.astro +6 -2
package/src/components/UserManagement.tsx +4 -4
package/src/components/WebhookManager.tsx +4 -4
package/src/components/fields/BlocksField.tsx +12 -14
package/src/components/ui/PageHeader.tsx +205 -83
package/src/components/ui/Pagination.tsx +2 -2
package/src/components/ui/SlidePanel.tsx +4 -4
package/src/components/ui/Toast.tsx +1 -2
package/src/integration.ts +0 -4
package/src/layouts/AdminLayout.astro +49 -4
package/src/lib/useResourceManager.ts +1 -0
package/src/pages/rest-playground.astro +0 -19
package/src/styles/main.css +34 -19
package/src/pages/api-explorer.astro +0 -173

package/src/pages/api-explorer.astro DELETED Viewed

@@ -1,173 +0,0 @@
----
-import AdminLayout from "../layouts/AdminLayout.astro";
-import { ApiExplorer } from "../components/ApiExplorer";
-import { adminPath, apiPath } from "../lib/paths";
-const collectionsResponse = await fetch(
-  `${Astro.url.origin}${apiPath}/collections`,
-);
-const collectionsData = await collectionsResponse.json();
-const collections = collectionsData.collections || [];
----
-<AdminLayout title="API Explorer">
-  <div class="flex-1 overflow-hidden">
-    <!-- Header -->
-    <div class="mb-6 surface-tile">
-      <div class="flex items-center justify-between mb-4">
-        <div>
-          <h1
-            class="text-xl font-bold tracking-tighter text-[var(--kyro-text-primary)]"
-          >
-            API Explorer
-          </h1>
-          <p
-            class="text-[var(--kyro-text-secondary)] font-bold mt-2 text-sm tracking-wider"
-          >
-            Test and explore REST API endpoints interactively
-          </p>
-        </div>
-        <div class="flex items-center gap-3">
-          <a
-            href={`${adminPath}/rest-playground`}
-            class="flex items-center gap-2 px-4 py-2 bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-primary)] rounded-lg font-bold text-sm hover:bg-[var(--kyro-surface)] transition-all border border-[var(--kyro-border)]"
-          >
-            <svg
-              class="w-4 h-4"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-              ></path>
-            </svg>
-            Playground
-          </a>
-          <a
-            href={`${apiPath}/collections`}
-            target="_blank"
-            class="flex items-center gap-2 px-4 py-2 bg-[var(--kyro-surface-accent)] text-[var(--kyro-text-primary)] rounded-lg font-bold text-sm hover:bg-[var(--kyro-surface)] transition-all border border-[var(--kyro-border)]"
-          >
-            <svg
-              class="w-4 h-4"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-              ></path>
-            </svg>
-            Collections JSON
-          </a>
-        </div>
-      </div>
-      <!-- HTTP Methods Legend -->
-      <div class="flex items-center gap-4 text-xs">
-        <span class="text-[var(--kyro-text-muted)]">Methods:</span>
-        <span class="px-2 py-1 bg-green-500/10 text-green-600 rounded font-bold"
-          >GET</span
-        >
-        <span class="px-2 py-1 bg-blue-500/10 text-blue-600 rounded font-bold"
-          >POST</span
-        >
-        <span
-          class="px-2 py-1 bg-yellow-500/10 text-yellow-600 rounded font-bold"
-          >PATCH</span
-        >
-        <span class="px-2 py-1 bg-red-500/10 text-red-600 rounded font-bold"
-          >DELETE</span
-        >
-      </div>
-    </div>
-    <!-- Explorer Component -->
-    <div class="surface-tile overflow-hidden p-6">
-      <ApiExplorer client:load collections={collections} />
-    </div>
-    <!-- Quick Reference -->
-    <div class="mt-6 surface-tile p-6">
-      <h2 class="text-xl font-bold text-[var(--kyro-text-primary)] mb-4">
-        Quick Reference
-      </h2>
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm">
-        <div class="bg-[var(--kyro-surface-accent)] rounded-lg p-4">
-          <h3 class="font-medium text-[var(--kyro-text-primary)] mb-2">
-            List All
-          </h3>
-          <code class="text-xs text-[var(--kyro-text-secondary)] block"
-            >GET {apiPath}/:collection</code
-          >
-          <p class="text-xs text-[var(--kyro-text-muted)] mt-2">
-            Returns all documents with pagination
-          </p>
-        </div>
-        <div class="bg-[var(--kyro-surface-accent)] rounded-lg p-4">
-          <h3 class="font-medium text-[var(--kyro-text-primary)] mb-2">
-            Get One
-          </h3>
-          <code class="text-xs text-[var(--kyro-text-secondary)] block"
-            >GET {apiPath}/:collection/:id</code
-          >
-          <p class="text-xs text-[var(--kyro-text-muted)] mt-2">
-            Returns a single document by ID
-          </p>
-        </div>
-        <div class="bg-[var(--kyro-surface-accent)] rounded-lg p-4">
-          <h3 class="font-medium text-[var(--kyro-text-primary)] mb-2">
-            Create
-          </h3>
-          <code class="text-xs text-[var(--kyro-text-secondary)] block"
-            >POST {apiPath}/:collection</code
-          >
-          <p class="text-xs text-[var(--kyro-text-muted)] mt-2">
-            Creates a new document
-          </p>
-        </div>
-        <div class="bg-[var(--kyro-surface-accent)] rounded-lg p-4">
-          <h3 class="font-medium text-[var(--kyro-text-primary)] mb-2">
-            Update
-          </h3>
-          <code class="text-xs text-[var(--kyro-text-secondary)] block"
-            >PATCH {apiPath}/:collection/:id</code
-          >
-          <p class="text-xs text-[var(--kyro-text-muted)] mt-2">
-            Updates an existing document
-          </p>
-        </div>
-        <div class="bg-[var(--kyro-surface-accent)] rounded-lg p-4">
-          <h3 class="font-medium text-[var(--kyro-text-primary)] mb-2">
-            Delete
-          </h3>
-          <code class="text-xs text-[var(--kyro-text-secondary)] block"
-            >DELETE {apiPath}/:collection/:id</code
-          >
-          <p class="text-xs text-[var(--kyro-text-muted)] mt-2">
-            Deletes a document
-          </p>
-        </div>
-        <div class="bg-[var(--kyro-surface-accent)] rounded-lg p-4">
-          <h3 class="font-medium text-[var(--kyro-text-primary)] mb-2">
-            Pagination
-          </h3>
-          <code class="text-xs text-[var(--kyro-text-secondary)] block"
-            >?page=1&amp;limit=10</code
-          >
-          <p class="text-xs text-[var(--kyro-text-muted)] mt-2">
-            Add query params for pagination
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</AdminLayout>