@sonicjs-cms/core 2.0.0 → 2.0.2

package/dist/chunk-P2PTTBO5.js

@@ -0,0 +1,74 @@
+import { init_admin_layout_catalyst_template, init_logo_template } from './chunk-O46XKBFM.js';
+
+// src/templates/filter-bar.template.ts
+function renderFilterBar(data) {
+  return `
+    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-6 mb-6">
+      <form id="filter-form" class="flex flex-wrap gap-4 items-center">
+        ${data.filters.map((filter) => `
+          <div class="flex items-center space-x-2">
+            <label class="text-sm font-medium text-zinc-500 dark:text-zinc-400">${filter.label}:</label>
+            <select
+              name="${filter.name}"
+              class="rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 focus:ring-2 focus:ring-blue-600 dark:focus:ring-blue-500 focus:outline-none transition-colors"
+              onchange="updateFilters()"
+            >
+              ${filter.options.map((option) => `
+                <option value="${option.value}" ${option.selected ? "selected" : ""}>
+                  ${option.label}
+                </option>
+              `).join("")}
+            </select>
+          </div>
+        `).join("")}
+
+        ${data.actions && data.actions.length > 0 ? `
+          <div class="flex items-center space-x-2 ml-auto">
+            ${data.actions.map((action) => `
+              <button
+                type="button"
+                class="inline-flex items-center rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors"
+                ${action.onclick ? `onclick="${action.onclick}"` : ""}
+                ${action.hxGet ? `hx-get="${action.hxGet}"` : ""}
+                ${action.hxTarget ? `hx-target="${action.hxTarget}"` : ""}
+              >
+                ${action.label}
+              </button>
+            `).join("")}
+          </div>
+        ` : ""}
+      </form>
+
+      <script>
+        function updateFilters() {
+          const form = document.getElementById('filter-form');
+          const formData = new FormData(form);
+          const params = new URLSearchParams(window.location.search);
+
+          // Update params with form values
+          for (const [key, value] of formData.entries()) {
+            if (value) {
+              params.set(key, value);
+            } else {
+              params.delete(key);
+            }
+          }
+
+          // Reset to page 1 when filters change
+          params.set('page', '1');
+
+          // Update URL and reload
+          window.location.href = window.location.pathname + '?' + params.toString();
+        }
+      </script>
+    </div>
+  `;
+}
+
+// src/templates/index.ts
+init_admin_layout_catalyst_template();
+init_logo_template();
+
+export { renderFilterBar };
+//# sourceMappingURL=chunk-P2PTTBO5.js.map
+//# sourceMappingURL=chunk-P2PTTBO5.js.map

package/dist/chunk-P2PTTBO5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/templates/filter-bar.template.ts","../src/templates/index.ts"],"names":[],"mappings":";;;AA8BO,SAAS,gBAAgB,IAAA,EAA6B;AAC3D,EAAA,OAAO;AAAA;AAAA;AAAA,QAAA,EAGC,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,KAAU;AAAA;AAAA,gFAAA,EAE6C,OAAO,KAAK,CAAA;AAAA;AAAA,oBAAA,EAExE,OAAO,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjB,MAAA,CAAO,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,KAAU;AAAA,+BAAA,EACZ,OAAO,KAAK,CAAA,EAAA,EAAK,MAAA,CAAO,QAAA,GAAW,aAAa,EAAE,CAAA;AAAA,kBAAA,EAC/D,OAAO,KAAK;AAAA;AAAA,cAAA,CAEjB,CAAA,CAAE,IAAA,CAAK,EAAE,CAAC;AAAA;AAAA;AAAA,QAAA,CAGhB,CAAA,CAAE,IAAA,CAAK,EAAE,CAAC;;AAAA,QAAA,EAET,IAAA,CAAK,OAAA,IAAW,IAAA,CAAK,OAAA,CAAQ,SAAS,CAAA,GAAI;AAAA;AAAA,YAAA,EAEtC,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,KAAU;AAAA;AAAA;AAAA;AAAA,gBAAA,EAIvB,OAAO,OAAA,GAAU,CAAA,SAAA,EAAY,MAAA,CAAO,OAAO,MAAM,EAAE;AAAA,gBAAA,EACnD,OAAO,KAAA,GAAQ,CAAA,QAAA,EAAW,MAAA,CAAO,KAAK,MAAM,EAAE;AAAA,gBAAA,EAC9C,OAAO,QAAA,GAAW,CAAA,WAAA,EAAc,MAAA,CAAO,QAAQ,MAAM,EAAE;AAAA;AAAA,gBAAA,EAEvD,OAAO,KAAK;AAAA;AAAA,YAAA,CAEjB,CAAA,CAAE,IAAA,CAAK,EAAE,CAAC;AAAA;AAAA,QAAA,CAAA,GAEX,EAAE;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AA2Bd;;;AC5DA,mCAAA,EAAA;AAKA,kBAAA,EAAA","file":"chunk-P2PTTBO5.js","sourcesContent":["export interface FilterOption {\n  value: string\n  label: string\n  selected?: boolean\n  color?: string\n}\n\nexport interface Filter {\n  name: string\n  label: string\n  options: FilterOption[]\n}\n\nexport interface FilterBarData {\n  filters: Filter[]\n  actions?: Array<{\n    label: string\n    className?: string\n    onclick?: string\n    hxGet?: string\n    hxTarget?: string\n  }>\n  bulkActions?: Array<{\n    label: string\n    value: string\n    icon?: string\n    className?: string\n  }>\n}\n\nexport function renderFilterBar(data: FilterBarData): string {\n  return `\n    <div class=\"rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-6 mb-6\">\n      <form id=\"filter-form\" class=\"flex flex-wrap gap-4 items-center\">\n        ${data.filters.map(filter => `\n          <div class=\"flex items-center space-x-2\">\n            <label class=\"text-sm font-medium text-zinc-500 dark:text-zinc-400\">${filter.label}:</label>\n            <select\n              name=\"${filter.name}\"\n              class=\"rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 focus:ring-2 focus:ring-blue-600 dark:focus:ring-blue-500 focus:outline-none transition-colors\"\n              onchange=\"updateFilters()\"\n            >\n              ${filter.options.map(option => `\n                <option value=\"${option.value}\" ${option.selected ? 'selected' : ''}>\n                  ${option.label}\n                </option>\n              `).join('')}\n            </select>\n          </div>\n        `).join('')}\n\n        ${data.actions && data.actions.length > 0 ? `\n          <div class=\"flex items-center space-x-2 ml-auto\">\n            ${data.actions.map(action => `\n              <button\n                type=\"button\"\n                class=\"inline-flex items-center rounded-lg bg-white dark:bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors\"\n                ${action.onclick ? `onclick=\"${action.onclick}\"` : ''}\n                ${action.hxGet ? `hx-get=\"${action.hxGet}\"` : ''}\n                ${action.hxTarget ? `hx-target=\"${action.hxTarget}\"` : ''}\n              >\n                ${action.label}\n              </button>\n            `).join('')}\n          </div>\n        ` : ''}\n      </form>\n\n      <script>\n        function updateFilters() {\n          const form = document.getElementById('filter-form');\n          const formData = new FormData(form);\n          const params = new URLSearchParams(window.location.search);\n\n          // Update params with form values\n          for (const [key, value] of formData.entries()) {\n            if (value) {\n              params.set(key, value);\n            } else {\n              params.delete(key);\n            }\n          }\n\n          // Reset to page 1 when filters change\n          params.set('page', '1');\n\n          // Update URL and reload\n          window.location.href = window.location.pathname + '?' + params.toString();\n        }\n      </script>\n    </div>\n  `\n}","/**\n * Templates Module Exports\n *\n * Reusable HTML template components for SonicJS\n */\n\n// Form templates\nexport { renderForm, renderFormField } from './form.template'\nexport type { FormField, FormData } from './form.template'\n\n// Table templates\nexport { renderTable } from './table.template'\nexport type { TableColumn, TableData } from './table.template'\n\n// Pagination templates\nexport { renderPagination } from './pagination.template'\nexport type { PaginationData } from './pagination.template'\n\n// Alert templates\nexport { renderAlert } from './alert.template'\nexport type { AlertData } from './alert.template'\n\n// Confirmation dialog templates\nexport { renderConfirmationDialog, getConfirmationDialogScript } from './confirmation-dialog.template'\nexport type { ConfirmationDialogOptions } from './confirmation-dialog.template'\n\n// Filter bar templates\nexport { renderFilterBar } from './filter-bar.template'\nexport type { FilterBarData, Filter, FilterOption } from './filter-bar.template'\n\n// Layout templates\nexport { renderAdminLayout } from './layouts/admin-layout-v2.template'\nexport { renderAdminLayoutCatalyst } from './layouts/admin-layout-catalyst.template'\nexport type { AdminLayoutData } from './layouts/admin-layout-v2.template'\nexport type { AdminLayoutCatalystData } from './layouts/admin-layout-catalyst.template'\n\n// Component templates\nexport { renderLogo } from './components/logo.template'\n\n// Page templates - Admin\nexport { renderDesignPage } from './pages/admin-design.template'\nexport type { DesignPageData } from './pages/admin-design.template'\nexport { renderCheckboxPage } from './pages/admin-checkboxes.template'\nexport type { CheckboxPageData } from './pages/admin-checkboxes.template'\nexport { renderFAQList } from './pages/admin-faq-list.template'\nexport { renderTestimonialsList } from './pages/admin-testimonials-list.template'\nexport { renderCodeExamplesList } from './pages/admin-code-examples-list.template'\n"]}

package/dist/chunk-RCQ2HIQD.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+// src/utils/metrics.ts
+var MetricsTracker = class {
+  requests = [];
+  windowSize = 1e4;
+  // 10 seconds window
+  /**
+   * Record a new request
+   */
+  recordRequest() {
+    const now = Date.now();
+    this.requests.push({ timestamp: now });
+    this.cleanup(now);
+  }
+  /**
+   * Clean up old requests outside the window
+   */
+  cleanup(now) {
+    const cutoff = now - this.windowSize;
+    this.requests = this.requests.filter((req) => req.timestamp > cutoff);
+  }
+  /**
+   * Get current requests per second
+   */
+  getRequestsPerSecond() {
+    const now = Date.now();
+    this.cleanup(now);
+    if (this.requests.length === 0) {
+      return 0;
+    }
+    const oneSecondAgo = now - 1e3;
+    const recentRequests = this.requests.filter((req) => req.timestamp > oneSecondAgo);
+    return recentRequests.length;
+  }
+  /**
+   * Get total requests in the current window
+   */
+  getTotalRequests() {
+    const now = Date.now();
+    this.cleanup(now);
+    return this.requests.length;
+  }
+  /**
+   * Get average requests per second over the window
+   */
+  getAverageRPS() {
+    const now = Date.now();
+    this.cleanup(now);
+    if (this.requests.length === 0) {
+      return 0;
+    }
+    const windowSeconds = this.windowSize / 1e3;
+    return this.requests.length / windowSeconds;
+  }
+};
+var metricsTracker = new MetricsTracker();
+
+exports.metricsTracker = metricsTracker;
+//# sourceMappingURL=chunk-RCQ2HIQD.cjs.map
+//# sourceMappingURL=chunk-RCQ2HIQD.cjs.map

package/dist/chunk-RCQ2HIQD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/metrics.ts"],"names":[],"mappings":";;;AASA,IAAM,iBAAN,MAAqB;AAAA,EACX,WAA6B,EAAC;AAAA,EACrB,UAAA,GAAa,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9B,aAAA,GAAsB;AACpB,IAAA,MAAM,GAAA,GAAM,KAAK,GAAA,EAAI;AACrB,IAAA,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,EAAE,SAAA,EAAW,KAAK,CAAA;AACrC,IAAA,IAAA,CAAK,QAAQ,GAAG,CAAA;AAAA;AAClB;AAAA;AAAA;AAAA,EAKQ,QAAQ,GAAA,EAAmB;AACjC,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,CAAK,UAAA;AAC1B,IAAA,IAAA,CAAK,WAAW,IAAA,CAAK,QAAA,CAAS,OAAO,CAAA,GAAA,KAAO,GAAA,CAAI,YAAY,MAAM,CAAA;AAAA;AACpE;AAAA;AAAA;AAAA,EAKA,oBAAA,GAA+B;AAC7B,IAAA,MAAM,GAAA,GAAM,KAAK,GAAA,EAAI;AACrB,IAAA,IAAA,CAAK,QAAQ,GAAG,CAAA;AAEhB,IAAA,IAAI,IAAA,CAAK,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AAC9B,MAAA,OAAO,CAAA;AAAA;AAIT,IAAA,MAAM,eAAe,GAAA,GAAM,GAAA;AAC3B,IAAA,MAAM,iBAAiB,IAAA,CAAK,QAAA,CAAS,OAAO,CAAA,GAAA,KAAO,GAAA,CAAI,YAAY,YAAY,CAAA;AAE/E,IAAA,OAAO,cAAA,CAAe,MAAA;AAAA;AACxB;AAAA;AAAA;AAAA,EAKA,gBAAA,GAA2B;AACzB,IAAA,MAAM,GAAA,GAAM,KAAK,GAAA,EAAI;AACrB,IAAA,IAAA,CAAK,QAAQ,GAAG,CAAA;AAChB,IAAA,OAAO,KAAK,QAAA,CAAS,MAAA;AAAA;AACvB;AAAA;AAAA;AAAA,EAKA,aAAA,GAAwB;AACtB,IAAA,MAAM,GAAA,GAAM,KAAK,GAAA,EAAI;AACrB,IAAA,IAAA,CAAK,QAAQ,GAAG,CAAA;AAEhB,IAAA,IAAI,IAAA,CAAK,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AAC9B,MAAA,OAAO,CAAA;AAAA;AAGT,IAAA,MAAM,aAAA,GAAgB,KAAK,UAAA,GAAa,GAAA;AACxC,IAAA,OAAO,IAAA,CAAK,SAAS,MAAA,GAAS,aAAA;AAAA;AAElC,CAAA;AAGO,IAAM,cAAA,GAAiB,IAAI,cAAA","file":"chunk-RCQ2HIQD.cjs","sourcesContent":["/**\n * Simple in-memory metrics tracker for real-time analytics\n * Tracks requests per second using a sliding window\n */\n\ninterface RequestMetrics {\n  timestamp: number\n}\n\nclass MetricsTracker {\n  private requests: RequestMetrics[] = []\n  private readonly windowSize = 10000 // 10 seconds window\n\n  /**\n   * Record a new request\n   */\n  recordRequest(): void {\n    const now = Date.now()\n    this.requests.push({ timestamp: now })\n    this.cleanup(now)\n  }\n\n  /**\n   * Clean up old requests outside the window\n   */\n  private cleanup(now: number): void {\n    const cutoff = now - this.windowSize\n    this.requests = this.requests.filter(req => req.timestamp > cutoff)\n  }\n\n  /**\n   * Get current requests per second\n   */\n  getRequestsPerSecond(): number {\n    const now = Date.now()\n    this.cleanup(now)\n\n    if (this.requests.length === 0) {\n      return 0\n    }\n\n    // Calculate RPS over the last second\n    const oneSecondAgo = now - 1000\n    const recentRequests = this.requests.filter(req => req.timestamp > oneSecondAgo)\n\n    return recentRequests.length\n  }\n\n  /**\n   * Get total requests in the current window\n   */\n  getTotalRequests(): number {\n    const now = Date.now()\n    this.cleanup(now)\n    return this.requests.length\n  }\n\n  /**\n   * Get average requests per second over the window\n   */\n  getAverageRPS(): number {\n    const now = Date.now()\n    this.cleanup(now)\n\n    if (this.requests.length === 0) {\n      return 0\n    }\n\n    const windowSeconds = this.windowSize / 1000\n    return this.requests.length / windowSeconds\n  }\n}\n\n// Global singleton instance\nexport const metricsTracker = new MetricsTracker()\n"]}