oc 0.50.54 → 0.50.56

package/dist/registry/domain/metadata-index.js

@@ -0,0 +1,132 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMetadataIndex = exports.getComponentRow = exports.getComponentsDetailsFromRows = exports.getComponentsListFromRows = void 0;
+const semver_1 = __importDefault(require("semver"));
+// Derive `lastEdit` from the data itself (the most recent publish) rather than
+// the wall-clock time the snapshot happened to be built. This keeps the value
+// semantically meaningful (it only advances when something is actually
+// published) so the poll's `data.lastEdit > cached.lastEdit` guard works and
+// the exported legacy `components.json` reflects the real last edit.
+const getLastEditFromRows = (rows) => rows.reduce((max, row) => (row.publishDate > max ? row.publishDate : max), 0);
+const getComponentsListFromRows = (rows) => {
+    const components = {};
+    for (const row of rows) {
+        const versions = components[row.name] || [];
+        versions.push(row.version);
+        components[row.name] = versions;
+    }
+    for (const versions of Object.values(components)) {
+        versions.sort(semver_1.default.compare);
+    }
+    return {
+        lastEdit: getLastEditFromRows(rows),
+        components
+    };
+};
+exports.getComponentsListFromRows = getComponentsListFromRows;
+const getComponentsDetailsFromRows = (rows) => {
+    const components = {};
+    for (const row of rows) {
+        const componentDetails = components[row.name] || {};
+        componentDetails[row.version] = { publishDate: row.publishDate };
+        if (row.templateSize !== undefined) {
+            componentDetails[row.version].templateSize = row.templateSize;
+        }
+        components[row.name] = componentDetails;
+    }
+    return {
+        lastEdit: getLastEditFromRows(rows),
+        components
+    };
+};
+exports.getComponentsDetailsFromRows = getComponentsDetailsFromRows;
+const getComponentRow = (name, version, component) => ({
+    name,
+    version,
+    publishDate: component.oc.date || 0,
+    templateSize: component.oc.files.template.size
+});
+exports.getComponentRow = getComponentRow;
+const FORCED_REFRESH_INTERVAL_MS = 5 * 60 * 1000;
+const buildSnapshot = (rows) => ({
+    componentsList: (0, exports.getComponentsListFromRows)(rows),
+    componentsDetails: (0, exports.getComponentsDetailsFromRows)(rows)
+});
+const createMetadataIndex = (metadataStore) => {
+    let snapshot;
+    let lastChangeToken;
+    let lastForcedRefreshAt = 0;
+    let localAddGeneration = 0;
+    const refresh = async () => {
+        const refreshGeneration = localAddGeneration;
+        const changeToken = metadataStore.getChangeToken
+            ? await metadataStore.getChangeToken()
+            : undefined;
+        const now = Date.now();
+        if (snapshot &&
+            changeToken !== undefined &&
+            changeToken === lastChangeToken &&
+            now - lastForcedRefreshAt < FORCED_REFRESH_INTERVAL_MS) {
+            return snapshot;
+        }
+        const rows = await metadataStore.getAllComponents();
+        if (snapshot && refreshGeneration !== localAddGeneration) {
+            return snapshot;
+        }
+        snapshot = buildSnapshot(rows);
+        lastChangeToken = changeToken;
+        lastForcedRefreshAt = now;
+        return snapshot;
+    };
+    const add = (row) => {
+        // No snapshot yet: build one from the single row.
+        if (!snapshot) {
+            snapshot = buildSnapshot([row]);
+            localAddGeneration += 1;
+            return snapshot;
+        }
+        const { name, version } = row;
+        const prevList = snapshot.componentsList.components;
+        const prevDetails = snapshot.componentsDetails.components;
+        // Already present: keep the snapshot unchanged (mirrors the unique-constraint
+        // guarantee, so a duplicate publish doesn't disturb the cache).
+        if (prevDetails[name]?.[version]) {
+            return snapshot;
+        }
+        // Only the published component is rebuilt; every other component entry is
+        // shared by reference, so the cost is O(versions-of-this-component) rather
+        // than O(registry). New container objects are produced (rather than mutating
+        // in place) so in-flight readers keep a consistent view of the old snapshot.
+        const versions = [...(prevList[name] ?? []), version].sort(semver_1.default.compare);
+        const detail = {
+            ...(prevDetails[name] ?? {}),
+            [version]: { publishDate: row.publishDate }
+        };
+        if (row.templateSize !== undefined) {
+            detail[version].templateSize = row.templateSize;
+        }
+        const lastEdit = Math.max(snapshot.componentsList.lastEdit, row.publishDate);
+        snapshot = {
+            componentsList: {
+                lastEdit,
+                components: { ...prevList, [name]: versions }
+            },
+            componentsDetails: {
+                lastEdit,
+                components: { ...prevDetails, [name]: detail }
+            }
+        };
+        localAddGeneration += 1;
+        return snapshot;
+    };
+    return {
+        get: () => snapshot,
+        add,
+        refresh,
+        getOrRefresh: () => (snapshot ? Promise.resolve(snapshot) : refresh())
+    };
+};
+exports.createMetadataIndex = createMetadataIndex;

package/dist/registry/domain/metadata-migration.d.ts

@@ -0,0 +1,38 @@
+import type { StorageAdapter } from 'oc-storage-adapters-utils';
+import type { ComponentRow, ComponentsDetails, MetadataStore } from '../../types';
+export interface MetadataMigrationResult {
+    scanned: number;
+    inserted: number;
+    skipped: number;
+}
+export interface MetadataExportResult {
+    exported: number;
+    files: string[];
+}
+export declare const getComponentRowsFromComponentsDetails: (componentsDetails: ComponentsDetails) => ComponentRow[];
+export declare const backfillMetadataRows: (metadataStore: MetadataStore, rows: ComponentRow[]) => Promise<MetadataMigrationResult>;
+export declare const backfillMetadataFromComponentsDetails: (metadataStore: MetadataStore, componentsDetails: ComponentsDetails) => Promise<MetadataMigrationResult>;
+export declare const getComponentRowsFromStorageDirectories: (options: {
+    cdn: StorageAdapter;
+    componentsDir: string;
+}) => Promise<ComponentRow[]>;
+export declare const backfillMetadataFromStorageDirectories: (options: {
+    metadataStore: MetadataStore;
+    cdn: StorageAdapter;
+    componentsDir: string;
+}) => Promise<MetadataMigrationResult>;
+export declare const reconcileMetadataFromStorage: (options: {
+    metadataStore: MetadataStore;
+    cdn: StorageAdapter;
+    componentsDir: string;
+}) => Promise<MetadataMigrationResult>;
+export declare const exportLegacyMetadataFiles: (options: {
+    metadataStore: MetadataStore;
+    cdn: StorageAdapter;
+    componentsDir: string;
+}) => Promise<MetadataExportResult>;
+export declare const backfillMetadataFromStorageDetails: (options: {
+    metadataStore: MetadataStore;
+    cdn: StorageAdapter;
+    componentsDir: string;
+}) => Promise<MetadataMigrationResult>;

package/dist/registry/domain/metadata-migration.js

@@ -0,0 +1,128 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backfillMetadataFromStorageDetails = exports.exportLegacyMetadataFiles = exports.reconcileMetadataFromStorage = exports.backfillMetadataFromStorageDirectories = exports.getComponentRowsFromStorageDirectories = exports.backfillMetadataFromComponentsDetails = exports.backfillMetadataRows = exports.getComponentRowsFromComponentsDetails = void 0;
+const oc_metadata_adapters_utils_1 = require("oc-metadata-adapters-utils");
+const pLimit_1 = __importDefault(require("../../utils/pLimit"));
+const metadata_index_1 = require("./metadata-index");
+const isNotFoundError = (err, code) => err === code || err?.code === code;
+const getTemplateSize = (component) => component.oc.files.template.size;
+const getComponentRowsFromComponentsDetails = (componentsDetails) => {
+    const rows = [];
+    for (const [name, versions] of Object.entries(componentsDetails.components || {})) {
+        for (const [version, details] of Object.entries(versions)) {
+            const row = {
+                name,
+                version,
+                publishDate: details.publishDate
+            };
+            if (details.templateSize !== undefined) {
+                row.templateSize = details.templateSize;
+            }
+            rows.push(row);
+        }
+    }
+    return rows;
+};
+exports.getComponentRowsFromComponentsDetails = getComponentRowsFromComponentsDetails;
+const backfillMetadataRows = async (metadataStore, rows) => {
+    const result = {
+        scanned: rows.length,
+        inserted: 0,
+        skipped: 0
+    };
+    const limit = (0, pLimit_1.default)(10);
+    await Promise.all(rows.map((row) => limit(async () => {
+        try {
+            await metadataStore.addVersion(row);
+            result.inserted += 1;
+        }
+        catch (err) {
+            if (err?.code === oc_metadata_adapters_utils_1.VERSION_ALREADY_EXISTS ||
+                err?.code === oc_metadata_adapters_utils_1.VERSION_PUBLISH_IN_PROGRESS) {
+                result.skipped += 1;
+            }
+            else {
+                throw err;
+            }
+        }
+    })));
+    return result;
+};
+exports.backfillMetadataRows = backfillMetadataRows;
+const backfillMetadataFromComponentsDetails = async (metadataStore, componentsDetails) => (0, exports.backfillMetadataRows)(metadataStore, (0, exports.getComponentRowsFromComponentsDetails)(componentsDetails));
+exports.backfillMetadataFromComponentsDetails = backfillMetadataFromComponentsDetails;
+const getComponentRowsFromStorageDirectories = async (options) => {
+    let components;
+    try {
+        components = await options.cdn.listSubDirectories(options.componentsDir);
+    }
+    catch (err) {
+        if (isNotFoundError(err, 'dir_not_found')) {
+            return [];
+        }
+        throw err;
+    }
+    const maxConcurrentRequests = options.cdn.maxConcurrentRequests || 10;
+    const componentLimit = (0, pLimit_1.default)(maxConcurrentRequests);
+    const packageLimit = (0, pLimit_1.default)(maxConcurrentRequests);
+    const rowsByComponent = await Promise.all(components.map((name) => componentLimit(async () => {
+        const versions = await options.cdn.listSubDirectories(`${options.componentsDir}/${name}`);
+        const rows = await Promise.all(versions.map((version) => packageLimit(async () => {
+            try {
+                const component = await options.cdn.getJson(`${options.componentsDir}/${name}/${version}/package.json`, true);
+                const row = {
+                    name,
+                    version,
+                    publishDate: component.oc.date || 0
+                };
+                const templateSize = getTemplateSize(component);
+                if (templateSize !== undefined) {
+                    row.templateSize = templateSize;
+                }
+                return row;
+            }
+            catch (err) {
+                if (isNotFoundError(err, 'file_not_found')) {
+                    return null;
+                }
+                throw err;
+            }
+        })));
+        return rows.filter((row) => row !== null);
+    })));
+    return rowsByComponent.flat();
+};
+exports.getComponentRowsFromStorageDirectories = getComponentRowsFromStorageDirectories;
+const backfillMetadataFromStorageDirectories = async (options) => (0, exports.backfillMetadataRows)(options.metadataStore, await (0, exports.getComponentRowsFromStorageDirectories)(options));
+exports.backfillMetadataFromStorageDirectories = backfillMetadataFromStorageDirectories;
+exports.reconcileMetadataFromStorage = exports.backfillMetadataFromStorageDirectories;
+const exportLegacyMetadataFiles = async (options) => {
+    const rows = await options.metadataStore.getAllComponents();
+    const componentsListPath = `${options.componentsDir}/components.json`;
+    const componentsDetailsPath = `${options.componentsDir}/components-details.json`;
+    await Promise.all([
+        options.cdn.putFileContent(JSON.stringify((0, metadata_index_1.getComponentsListFromRows)(rows)), componentsListPath, true),
+        options.cdn.putFileContent(JSON.stringify((0, metadata_index_1.getComponentsDetailsFromRows)(rows)), componentsDetailsPath, true)
+    ]);
+    return {
+        exported: rows.length,
+        files: [componentsListPath, componentsDetailsPath]
+    };
+};
+exports.exportLegacyMetadataFiles = exportLegacyMetadataFiles;
+const backfillMetadataFromStorageDetails = async (options) => {
+    try {
+        const componentsDetails = await options.cdn.getJson(`${options.componentsDir}/components-details.json`, true);
+        return (0, exports.backfillMetadataFromComponentsDetails)(options.metadataStore, componentsDetails);
+    }
+    catch (err) {
+        if (isNotFoundError(err, 'file_not_found')) {
+            return (0, exports.backfillMetadataFromStorageDirectories)(options);
+        }
+        throw err;
+    }
+};
+exports.backfillMetadataFromStorageDetails = backfillMetadataFromStorageDetails;

package/dist/registry/domain/repository.d.ts

@@ -28,5 +28,6 @@ export default function repository(conf: Config): {
         dryRun?: boolean;
         user?: string;
     }): Promise<void>;
+    close(): Promise<void>;
 };
 export type Repository = ReturnType<typeof repository>;

package/dist/registry/domain/repository.js

@@ -41,11 +41,16 @@ const node_path_1 = __importDefault(require("node:path"));
 const dotenv_1 = __importDefault(require("dotenv"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const oc_get_unix_utc_timestamp_1 = __importDefault(require("oc-get-unix-utc-timestamp"));
+const oc_metadata_adapters_utils_1 = require("oc-metadata-adapters-utils");
 const resources_1 = __importDefault(require("../../resources"));
 const settings_1 = __importDefault(require("../../resources/settings"));
 const error_to_string_1 = __importDefault(require("../../utils/error-to-string"));
 const components_cache_1 = __importDefault(require("./components-cache"));
 const components_details_1 = __importDefault(require("./components-details"));
+const events_handler_1 = __importDefault(require("./events-handler"));
+const metadata_adapter_options_1 = __importDefault(require("./metadata-adapter-options"));
+const metadata_index_1 = require("./metadata-index");
+const metadata_migration_1 = require("./metadata-migration");
 const register_templates_1 = __importDefault(require("./register-templates"));
 const storage_adapter_1 = __importDefault(require("./storage-adapter"));
 const validator = __importStar(require("./validators"));
@@ -58,10 +63,56 @@ function repository(conf) {
     const repositorySource = conf.local
         ? 'local repository'
         : cdn.adapterType + ' cdn';
-    const componentsCache = (0, components_cache_1.default)(conf, cdn);
-    const componentsDetails = (0, components_details_1.default)(conf, cdn);
+    const metadataStore = !conf.local && conf.metadata
+        ? conf.metadata.adapter((0, metadata_adapter_options_1.default)(conf))
+        : undefined;
+    const metadataIndex = metadataStore
+        ? (0, metadata_index_1.createMetadataIndex)(metadataStore)
+        : undefined;
+    const componentsCache = (0, components_cache_1.default)(conf, cdn, metadataIndex);
+    const componentsDetails = (0, components_details_1.default)(conf, cdn, metadataIndex);
+    let exportLegacyFilesLoop;
+    let closed = false;
     const getFilePath = (component, version, filePath) => `${options.componentsDir}/${component}/${version}/${filePath}`;
+    const exportLegacyFiles = () => {
+        if (!metadataStore || !conf.metadata?.exportLegacyFiles) {
+            return;
+        }
+        return (0, metadata_migration_1.exportLegacyMetadataFiles)({
+            metadataStore,
+            cdn,
+            componentsDir: options.componentsDir
+        }).catch((err) => events_handler_1.default.fire('error', {
+            code: 'metadata_legacy_files_export',
+            message: err?.message || String(err)
+        }));
+    };
+    // Run the DB→components.json export on a non-overlapping background timer
+    // instead of on the publish path, so a publish stays an O(1) append rather
+    // than triggering a full-registry scan + blob rewrite. The timer only runs
+    // when an interval is explicitly configured.
+    const scheduleLegacyFilesExport = () => {
+        const intervalSeconds = conf.metadata?.exportLegacyFilesInterval;
+        if (closed ||
+            !metadataStore ||
+            !conf.metadata?.exportLegacyFiles ||
+            !intervalSeconds) {
+            return;
+        }
+        exportLegacyFilesLoop = setTimeout(async () => {
+            await exportLegacyFiles();
+            if (!closed) {
+                scheduleLegacyFilesExport();
+            }
+        }, intervalSeconds * 1000);
+    };
     const { templatesHash, templatesInfo } = (0, register_templates_1.default)(conf.templates, conf.local);
+    const throwVersionAlreadyFound = (componentName, componentVersion) => {
+        throw {
+            code: resources_1.default.errors.registry.COMPONENT_VERSION_ALREADY_FOUND_CODE,
+            msg: resources_1.default.errors.registry.COMPONENT_VERSION_ALREADY_FOUND(componentName, componentVersion, repositorySource)
+        };
+    };
     const local = {
         components: undefined,
         getCompiledView(componentName) {
@@ -222,8 +273,21 @@ function repository(conf) {
                 // when in local this won't get called
                 return;
             }
+            if (metadataStore) {
+                await metadataStore.initialise();
+                if (conf.metadata?.reconcileFromStorage) {
+                    await (0, metadata_migration_1.reconcileMetadataFromStorage)({
+                        metadataStore,
+                        cdn,
+                        componentsDir: options.componentsDir
+                    });
+                }
+            }
             const componentsList = await componentsCache.load();
-            return componentsDetails.refresh(componentsList);
+            const details = await componentsDetails.refresh(componentsList);
+            void exportLegacyFiles();
+            scheduleLegacyFilesExport();
+            return details;
         },
         async publishComponent({ componentName, componentVersion, pkgDetails, user, dryRun = false }) {
             if (conf.local) {
@@ -257,21 +321,56 @@ function repository(conf) {
             }
             const componentVersions = await repository.getComponentVersions(componentName);
             if (!versionHandler.validateNewVersion(componentVersion, componentVersions)) {
-                throw {
-                    code: resources_1.default.errors.registry.COMPONENT_VERSION_ALREADY_FOUND_CODE,
-                    msg: resources_1.default.errors.registry.COMPONENT_VERSION_ALREADY_FOUND(componentName, componentVersion, repositorySource)
-                };
+                throwVersionAlreadyFound(componentName, componentVersion);
             }
             pkgDetails.packageJson.oc.date = (0, oc_get_unix_utc_timestamp_1.default)();
             pkgDetails.packageJson.oc.publisher = user;
             if (dryRun)
                 return;
             await fs_extra_1.default.writeJson(node_path_1.default.join(pkgDetails.outputFolder, 'package.json'), pkgDetails.packageJson);
+            if (metadataStore) {
+                const componentRow = (0, metadata_index_1.getComponentRow)(componentName, componentVersion, pkgDetails.packageJson);
+                const { token } = await metadataStore
+                    .reserveVersion(componentRow)
+                    .catch((err) => {
+                    if (err?.code === oc_metadata_adapters_utils_1.VERSION_ALREADY_EXISTS ||
+                        err?.code === oc_metadata_adapters_utils_1.VERSION_PUBLISH_IN_PROGRESS ||
+                        err?.code ===
+                            resources_1.default.errors.registry.COMPONENT_VERSION_ALREADY_FOUND_CODE) {
+                        throwVersionAlreadyFound(componentName, componentVersion);
+                    }
+                    throw err;
+                });
+                try {
+                    await cdn.putDir(pkgDetails.outputFolder, `${options.componentsDir}/${componentName}/${componentVersion}`);
+                    await metadataStore.commitVersion(componentName, componentVersion, token);
+                    metadataIndex.add(componentRow);
+                }
+                catch (err) {
+                    await metadataStore
+                        .abortVersion(componentName, componentVersion, token)
+                        .catch(() => undefined);
+                    throw err;
+                }
+                return;
+            }
             await cdn.putDir(pkgDetails.outputFolder, `${options.componentsDir}/${componentName}/${componentVersion}`);
             void componentsCache
                 .refresh()
                 .then((componentsList) => componentsDetails.refresh(componentsList))
                 .catch(() => undefined);
+        },
+        async close() {
+            closed = true;
+            componentsCache.close?.();
+            componentsDetails.close?.();
+            if (exportLegacyFilesLoop) {
+                clearTimeout(exportLegacyFilesLoop);
+                exportLegacyFilesLoop = undefined;
+            }
+            if (metadataStore?.close) {
+                await metadataStore.close();
+            }
         }
     };
     return repository;

package/dist/registry/domain/validators/registry-configuration.js

@@ -39,6 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = registryConfiguration;
 const resources_1 = __importDefault(require("../../../resources"));
 const auth = __importStar(require("../authentication"));
+const metadata_adapter_options_1 = __importDefault(require("../metadata-adapter-options"));
 function registryConfiguration(conf) {
     const returnError = (message) => {
         return {
@@ -111,6 +112,26 @@ function registryConfiguration(conf) {
             }
         }
     }
+    if (!conf.local && conf.metadata) {
+        if (!conf.metadata.adapter) {
+            return returnError(resources_1.default.errors.registry.CONFIGURATION_METADATA_NOT_VALID('metadata'));
+        }
+        if (typeof conf.metadata.exportLegacyFilesInterval !== 'undefined') {
+            if (!Number.isFinite(conf.metadata.exportLegacyFilesInterval) ||
+                conf.metadata.exportLegacyFilesInterval <= 0) {
+                return returnError(resources_1.default.errors.registry
+                    .CONFIGURATION_METADATA_EXPORT_INTERVAL_NOT_VALID);
+            }
+            if (conf.metadata.exportLegacyFiles !== true) {
+                return returnError(resources_1.default.errors.registry
+                    .CONFIGURATION_METADATA_EXPORT_INTERVAL_WITHOUT_EXPORT_NOT_VALID);
+            }
+        }
+        const metadataStore = conf.metadata.adapter((0, metadata_adapter_options_1.default)(conf));
+        if (!metadataStore.isValid()) {
+            return returnError(resources_1.default.errors.registry.CONFIGURATION_METADATA_NOT_VALID(metadataStore.adapterType));
+        }
+    }
     if (conf.customHeadersToSkipOnWeakVersion) {
         if (!Array.isArray(conf.customHeadersToSkipOnWeakVersion)) {
             return returnError(resources_1.default.errors.registry

package/dist/registry/index.d.ts

@@ -4,7 +4,7 @@ import type { Plugin } from '../types';
 import { RegistryOptions } from './domain/options-sanitiser';
 export { RegistryOptions };
 export default function registry<T = any>(inputOptions: RegistryOptions<T>): {
-    close: (callback: (err?: Error | undefined | string) => void) => void | http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>;
+    close: (callback: (err?: Error | undefined | string) => void) => void;
     on: <T_1 extends keyof {
         error: {
             code: string;

package/dist/registry/index.js

@@ -59,10 +59,14 @@ function registry(inputOptions) {
     let server;
     const repository = (0, repository_1.default)(options);
     const close = (callback) => {
+        const closeMetadataStore = () => Promise.resolve(repository.close?.()).catch(() => undefined);
         if (server?.listening) {
-            return server.close(callback);
+            server.close((err) => {
+                void closeMetadataStore().finally(() => callback(err));
+            });
+            return;
         }
-        return callback('not opened');
+        void closeMetadataStore().finally(() => callback('not opened'));
     };
     const register = (plugin, callback) => {
         plugins.push(Object.assign(plugin, { callback }));

package/dist/registry/views/partials/components-list.js

@@ -17,6 +17,6 @@ const ComponentsList = (props) => {
                                         ? `${Math.round(component.oc.files.template.size / 1024)} kb`
                                         : '? Kb' }))] }) })] }) }));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { id: "components-list", class: "box", children: [(0, jsx_runtime_1.jsxs)("form", { id: "filter-components", children: [(0, jsx_runtime_1.jsxs)("div", { class: "filters", children: [(0, jsx_runtime_1.jsx)("input", { id: "search-filter", type: "text", "aria-label": "Filter by component name", placeholder: "Filter by name\u2026  ( press / )" }), (0, jsx_runtime_1.jsx)("input", { id: "author-filter", type: "text", "aria-label": "Filter by component author", placeholder: "Filter by component author" })] }), (0, jsx_runtime_1.jsxs)("div", { class: "states", children: [(0, jsx_runtime_1.jsx)("span", { children: "Hide:" }), (0, jsx_runtime_1.jsx)(selected_checkbox_1.default, { name: "deprecated", stateCounts: props.stateCounts }), (0, jsx_runtime_1.jsx)(selected_checkbox_1.default, { name: "experimental", stateCounts: props.stateCounts })] })] }), (0, jsx_runtime_1.jsx)("div", { class: "list-meta", children: (0, jsx_runtime_1.jsxs)("span", { id: "results-count", children: [props.components.length, " components"] }) }), (0, jsx_runtime_1.jsxs)("div", { class: "row header componentRow table", children: [(0, jsx_runtime_1.jsx)("div", { class: "title", children: "Component" }), (0, jsx_runtime_1.jsx)("div", { class: "author", children: "Author" }), (0, jsx_runtime_1.jsx)("div", { children: "Latest version" }), isRemote && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { class: "date", children: "Updated" }), (0, jsx_runtime_1.jsx)("div", { class: "activity", children: "Activity" })] })), sizeAvailable && (0, jsx_runtime_1.jsx)("div", { children: "Size" })] }), props.components.map(componentRow), (0, jsx_runtime_1.jsx)("div", { id: "components-empty", class: "empty-state hide", children: "No components match your filters." })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { id: "components-list", class: "box", children: [(0, jsx_runtime_1.jsxs)("form", { id: "filter-components", children: [(0, jsx_runtime_1.jsxs)("div", { class: "filters", children: [(0, jsx_runtime_1.jsx)("input", { id: "search-filter", type: "text", "aria-label": "Filter by component name", placeholder: "Filter by name\u2026  ( press / )" }), (0, jsx_runtime_1.jsx)("input", { id: "author-filter", type: "text", "aria-label": "Filter by component author", placeholder: "Filter by component author" })] }), (0, jsx_runtime_1.jsxs)("div", { class: "states", children: [(0, jsx_runtime_1.jsx)("span", { children: "Hide:" }), (0, jsx_runtime_1.jsx)(selected_checkbox_1.default, { name: "deprecated", stateCounts: props.stateCounts }), (0, jsx_runtime_1.jsx)(selected_checkbox_1.default, { name: "experimental", stateCounts: props.stateCounts })] })] }), (0, jsx_runtime_1.jsx)("div", { class: "list-meta", children: (0, jsx_runtime_1.jsxs)("span", { id: "results-count", children: [props.components.length, " components"] }) }), (0, jsx_runtime_1.jsx)("nav", { id: "components-pagination-top", class: "pagination components-pagination pagination-top hide", "aria-label": "Components pagination" }), (0, jsx_runtime_1.jsxs)("div", { class: "row header componentRow table", children: [(0, jsx_runtime_1.jsx)("div", { class: "title", children: "Component" }), (0, jsx_runtime_1.jsx)("div", { class: "author", children: "Author" }), (0, jsx_runtime_1.jsx)("div", { children: "Latest version" }), isRemote && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { class: "date", children: "Updated" }), (0, jsx_runtime_1.jsx)("div", { class: "activity", children: "Activity" })] })), sizeAvailable && (0, jsx_runtime_1.jsx)("div", { children: "Size" })] }), props.components.map(componentRow), (0, jsx_runtime_1.jsx)("div", { id: "components-empty", class: "empty-state hide", children: "No components match your filters." }), (0, jsx_runtime_1.jsx)("nav", { id: "components-pagination-bottom", class: "pagination components-pagination hide", "aria-label": "Components pagination" })] }));
 };
 exports.default = ComponentsList;

package/dist/registry/views/static/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "'use strict';\n\nvar oc = oc || {};\noc.cmd = oc.cmd || [];\n\noc.cmd.push(function() {\n  var escapeRegExp = function(s) {\n    return String(s).replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  };\n\n  var safeRegExp = function(pattern, flags) {\n    try {\n      return new RegExp(pattern, flags);\n    } catch (e) {\n      return new RegExp(escapeRegExp(pattern), flags);\n    }\n  };\n\n  var componentsListChanged = function() {\n    $('.componentRow').removeClass('hide');\n    var s = $('#search-filter').val(),\n      a = $('#author-filter').val(),\n      r = safeRegExp(s, ''),\n      ar = safeRegExp(a, 'i'),\n      selectedCheckboxes = $('input[type=checkbox]:checked'),\n      hiddenStates = [],\n      hidden = 0,\n      i;\n\n    for (i = 0; i < selectedCheckboxes.length; i++) {\n      hiddenStates.push($(selectedCheckboxes[i]).attr('name'));\n    }\n\n    for (i = 0; i < componentsList.length; i++) {\n      var matches = !s || !!componentsList[i].name.match(r),\n        matchesAuthor =\n          !a ||\n          (componentsList[i].author.name &&\n            !!componentsList[i].author.name.match(ar)),\n        selector = $('#component-' + componentsList[i].name),\n        isHidden = false;\n\n      for (var j = 0; j < hiddenStates.length; j++) {\n        if (componentsList[i].state.toLowerCase() === hiddenStates[j]) {\n          isHidden = true;\n        }\n      }\n\n      var show = matches && matchesAuthor && !isHidden;\n      selector[show ? 'removeClass' : 'addClass']('hide');\n      if (!show) {\n        hidden += 1;\n      }\n    }\n\n    var totalShowing = componentsList.length - hidden,\n      result = totalShowing + (totalShowing === 1 ? ' component' : ' components');\n\n    if (s) {\n      result += ' matching \"' + s + '\"';\n      if (a) {\n        result += ' and';\n      }\n    }\n    if (a) {\n      result += ' by author \"' + a + '\"';\n    }\n\n    $('#results-count').text(result);\n    $('#components-empty')[totalShowing === 0 ? 'removeClass' : 'addClass']('hide');\n\n    return false;\n  };\n\n  var historyData = [];\n  var historyRenderedCount = 0;\n  var historyBatchSize = 50; // Number of items to render per batch\n  var isLoadingMore = false;\n\n  var renderHistoryBatch = function() {\n    if (historyRenderedCount >= historyData.length || isLoadingMore) {\n      return;\n    }\n\n    isLoadingMore = true;\n    var historyContent = $('#history-content');\n    var batchEnd = Math.min(historyRenderedCount + historyBatchSize, historyData.length);\n    var batchHtml = '';\n\n    for (var i = historyRenderedCount; i < batchEnd; i++) {\n      var item = historyData[i];\n      var templateSizeText = item.templateSize ? \n        ' [' + Math.round(item.templateSize / 1024) + ' kb]' : '';\n      \n      batchHtml += '<a href=\"' + item.name + '/' + item.version + '/~info\">' +\n                  '<div class=\"componentRow row table\">' +\n                  '<p class=\"release\">' +\n                  item.publishDate + ' - Published ' + item.name + '@' + item.version +\n                  templateSizeText +\n                  '</p>' +\n                  '</div>' +\n                  '</a>';\n    }\n\n    // Append new batch to existing content\n    historyContent.append(batchHtml);\n    historyRenderedCount = batchEnd;\n    \n    // Add loading indicator if there are more items\n    if (historyRenderedCount < historyData.length) {\n      historyContent.append('<div id=\"history-loading-more\" class=\"loading-more\">Loading more...</div>');\n    }\n    \n    isLoadingMore = false;\n  };\n\n  var setupHistoryScrollListener = function() {\n    var historyContainer = $('#components-history');\n    var checkScroll = function() {\n      if (historyRenderedCount >= historyData.length) {\n        return;\n      }\n\n      var containerTop = historyContainer.offset().top;\n      var containerHeight = historyContainer.outerHeight();\n      var scrollTop = $(window).scrollTop();\n      var windowHeight = $(window).height();\n      \n      // Check if user scrolled close to the bottom of the history container\n      var distanceFromBottom = (containerTop + containerHeight) - (scrollTop + windowHeight);\n      \n      if (distanceFromBottom < 200) { // Load more when 200px from bottom\n        $('#history-loading-more').remove();\n        renderHistoryBatch();\n      }\n    };\n\n    $(window).on('scroll.history', checkScroll);\n    \n    // Also check on resize\n    $(window).on('resize.history', checkScroll);\n  };\n\n  var loadComponentsHistory = function() {\n    var historyLoader = $('#history-loader');\n    var historyContent = $('#history-content');\n    var historyError = $('#history-error');\n\n    // Show loader\n    historyLoader.show();\n    historyContent.hide();\n    historyError.hide();\n\n    // Reset state\n    historyData = [];\n    historyRenderedCount = 0;\n    isLoadingMore = false;\n\n    // Remove any existing scroll listeners\n    $(window).off('scroll.history resize.history');\n\n    // Fetch history data\n    fetch('~registry/history')\n      .then(function(response) {\n        if (!response.ok) {\n          throw new Error('Failed to fetch history');\n        }\n        return response.json();\n      })\n      .then(function(data) {\n        historyData = data.componentsHistory || [];\n        \n        // Clear content and show container\n        historyContent.empty();\n        historyLoader.hide();\n        historyContent.show();\n        \n        if (historyData.length === 0) {\n          historyContent.html('<p class=\"empty-state\">No components history available.</p>');\n          return;\n        }\n\n        // Render first batch\n        renderHistoryBatch();\n        \n        // Setup scroll listener for infinite loading\n        setupHistoryScrollListener();\n      })\n      .catch(function(error) {\n        console.error('Error loading components history:', error);\n        historyLoader.hide();\n        historyError.show();\n      });\n  };\n\n  var isHistoryLoaded = false;\n\n  var initialiseTabs = function() {\n    var selectItem = function(target) {\n      var $target = $(target);\n      $('.box').hide();\n      $target.show();\n      $('#menuList a').removeClass('selected');\n      $('#menuList a[href=\"' + target + '\"]').addClass('selected');\n\n      // Keep URL in sync so tab survives refresh and back/forward\n      try {\n        if (history && history.replaceState && location.hash !== target) {\n          history.replaceState(null, '', target);\n        }\n      } catch (e) {}\n\n      // Clean up scroll listeners when leaving history tab\n      if (target !== '#components-history') {\n        $(window).off('scroll.history resize.history');\n      }\n      \n      // Load history data when history tab is selected for the first time\n      if (target === '#components-history' && !isHistoryLoaded) {\n        loadComponentsHistory();\n        isHistoryLoaded = true;\n      }\n      // Re-enable scroll listeners when returning to history tab\n      else if (target === '#components-history' && isHistoryLoaded && historyRenderedCount < historyData.length) {\n        setupHistoryScrollListener();\n      }\n    };\n\n    var hash = location.href.split('#')[1] || '';\n    var isHashValid = hash && $('#' + hash);\n    var target = isHashValid ? '#' + hash : $($('#menuList a')[0]).attr('href');\n    selectItem(target);\n\n    $('#menuList a').click(function() {\n      selectItem($(this).attr('href'));\n    });\n  };\n\n  var debounce = function(fn, wait) {\n    var t;\n    return function() {\n      var ctx = this, args = arguments;\n      clearTimeout(t);\n      t = setTimeout(function(){ fn.apply(ctx, args); }, wait);\n    };\n  };\n\n  $('#filter-components')\n    .submit(componentsListChanged)\n    .keyup(debounce(componentsListChanged, 80));\n  $('#filter-components input[type=checkbox]').change(componentsListChanged);\n\n  if (q) {\n    $('.search').val(q);\n  }\n\n  // Keyboard shortcuts: \"/\" focuses search, \"Esc\" clears the focused filter\n  $(document).on('keydown', function(e) {\n    var tag = (e.target && e.target.tagName) ? e.target.tagName.toLowerCase() : '';\n    var typing = tag === 'input' || tag === 'textarea' || tag === 'select';\n\n    if (e.key === '/' && !typing) {\n      var $s = $('#search-filter');\n      if ($s.length) {\n        e.preventDefault();\n        $s.focus();\n      }\n    } else if (e.key === 'Escape' && typing && $(e.target).closest('#filter-components').length) {\n      $(e.target).val('');\n      componentsListChanged();\n    }\n  });\n\n  // Focus the search input only on a fresh load (no tab hash, no in-page nav)\n  if (!location.hash) {\n    var $searchInput = $('#search-filter');\n    if ($searchInput.length) { $searchInput.focus(); }\n  }\n\n  componentsListChanged();\n  initialiseTabs();\n});";
+declare const _default: "'use strict';\n\nvar oc = oc || {};\noc.cmd = oc.cmd || [];\n\noc.cmd.push(function() {\n  var escapeRegExp = function(s) {\n    return String(s).replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  };\n\n  var safeRegExp = function(pattern, flags) {\n    try {\n      return new RegExp(pattern, flags);\n    } catch (e) {\n      return new RegExp(escapeRegExp(pattern), flags);\n    }\n  };\n\n  // Client-side pagination for the components list. Enabled only once the\n  // registry has more components than a single page so smaller registries keep\n  // the simple single-page view.\n  var COMPONENTS_PAGE_SIZE = 50;\n  var paginationEnabled = componentsList.length > COMPONENTS_PAGE_SIZE;\n  var currentPage = 1;\n\n  var renderComponentsPagination = function(totalMatching, totalPages) {\n    // Rendered into both the top and bottom containers so they stay in sync.\n    var containers = $('.components-pagination');\n    if (!paginationEnabled || totalMatching <= COMPONENTS_PAGE_SIZE) {\n      containers.addClass('hide').empty();\n      return;\n    }\n\n    // Build a compact list of page numbers: first, last, and a window around\n    // the current page, with ellipses for the gaps.\n    var pages = [];\n    var windowSize = 1;\n    var start = Math.max(2, currentPage - windowSize);\n    var end = Math.min(totalPages - 1, currentPage + windowSize);\n    pages.push(1);\n    if (start > 2) {\n      pages.push('...');\n    }\n    for (var p = start; p <= end; p++) {\n      pages.push(p);\n    }\n    if (end < totalPages - 1) {\n      pages.push('...');\n    }\n    if (totalPages > 1) {\n      pages.push(totalPages);\n    }\n\n    var html =\n      '<button type=\"button\" class=\"pagination-btn pagination-prev\" data-page=\"' +\n      (currentPage - 1) +\n      '\"' +\n      (currentPage <= 1 ? ' disabled' : '') +\n      '>Prev</button>';\n    for (var k = 0; k < pages.length; k++) {\n      if (pages[k] === '...') {\n        html += '<span class=\"pagination-ellipsis\">\u2026</span>';\n      } else {\n        html +=\n          '<button type=\"button\" class=\"pagination-btn pagination-page' +\n          (pages[k] === currentPage ? ' active' : '') +\n          '\" data-page=\"' +\n          pages[k] +\n          '\">' +\n          pages[k] +\n          '</button>';\n      }\n    }\n    html +=\n      '<button type=\"button\" class=\"pagination-btn pagination-next\" data-page=\"' +\n      (currentPage + 1) +\n      '\"' +\n      (currentPage >= totalPages ? ' disabled' : '') +\n      '>Next</button>';\n\n    containers.html(html).removeClass('hide');\n  };\n\n  var applyComponentsView = function() {\n    var s = $('#search-filter').val(),\n      a = $('#author-filter').val(),\n      r = safeRegExp(s, ''),\n      ar = safeRegExp(a, 'i'),\n      selectedCheckboxes = $('input[type=checkbox]:checked'),\n      hiddenStates = [],\n      matchingNames = [],\n      i;\n\n    for (i = 0; i < selectedCheckboxes.length; i++) {\n      hiddenStates.push($(selectedCheckboxes[i]).attr('name'));\n    }\n\n    // First pass: figure out which components match the current filters.\n    for (i = 0; i < componentsList.length; i++) {\n      var matches = !s || !!componentsList[i].name.match(r),\n        matchesAuthor =\n          !a ||\n          (componentsList[i].author.name &&\n            !!componentsList[i].author.name.match(ar)),\n        isHidden = false;\n\n      for (var j = 0; j < hiddenStates.length; j++) {\n        if (componentsList[i].state.toLowerCase() === hiddenStates[j]) {\n          isHidden = true;\n        }\n      }\n\n      if (matches && matchesAuthor && !isHidden) {\n        matchingNames.push(componentsList[i].name);\n      }\n    }\n\n    var totalMatching = matchingNames.length;\n    var totalPages = paginationEnabled\n      ? Math.max(1, Math.ceil(totalMatching / COMPONENTS_PAGE_SIZE))\n      : 1;\n    if (currentPage > totalPages) {\n      currentPage = totalPages;\n    }\n    if (currentPage < 1) {\n      currentPage = 1;\n    }\n\n    var startIdx = paginationEnabled\n      ? (currentPage - 1) * COMPONENTS_PAGE_SIZE\n      : 0;\n    var endIdx = paginationEnabled ? startIdx + COMPONENTS_PAGE_SIZE : totalMatching;\n    var visibleNames = {};\n    for (i = startIdx; i < endIdx && i < totalMatching; i++) {\n      visibleNames[matchingNames[i]] = true;\n    }\n\n    // Second pass: only rows that match the filters AND fall on the current\n    // page are shown.\n    for (i = 0; i < componentsList.length; i++) {\n      var name = componentsList[i].name,\n        show = visibleNames[name] === true;\n      $('#component-' + name)[show ? 'removeClass' : 'addClass']('hide');\n    }\n\n    var result =\n      totalMatching + (totalMatching === 1 ? ' component' : ' components');\n\n    if (s) {\n      result += ' matching \"' + s + '\"';\n      if (a) {\n        result += ' and';\n      }\n    }\n    if (a) {\n      result += ' by author \"' + a + '\"';\n    }\n    if (paginationEnabled && totalMatching > COMPONENTS_PAGE_SIZE) {\n      result +=\n        ' (showing ' +\n        (startIdx + 1) +\n        '\u2013' +\n        Math.min(endIdx, totalMatching) +\n        ')';\n    }\n\n    $('#results-count').text(result);\n    $('#components-empty')[totalMatching === 0 ? 'removeClass' : 'addClass'](\n      'hide'\n    );\n\n    renderComponentsPagination(totalMatching, totalPages);\n\n    return false;\n  };\n\n  var componentsListChanged = function() {\n    // Any filter change resets back to the first page.\n    currentPage = 1;\n    return applyComponentsView();\n  };\n\n  var historyData = [];\n  var historyRenderedCount = 0;\n  var historyBatchSize = 50; // Number of items to render per batch\n  var isLoadingMore = false;\n\n  var renderHistoryBatch = function() {\n    if (historyRenderedCount >= historyData.length || isLoadingMore) {\n      return;\n    }\n\n    isLoadingMore = true;\n    var historyContent = $('#history-content');\n    var batchEnd = Math.min(historyRenderedCount + historyBatchSize, historyData.length);\n    var batchHtml = '';\n\n    for (var i = historyRenderedCount; i < batchEnd; i++) {\n      var item = historyData[i];\n      var templateSizeText = item.templateSize ? \n        ' [' + Math.round(item.templateSize / 1024) + ' kb]' : '';\n      \n      batchHtml += '<a href=\"' + item.name + '/' + item.version + '/~info\">' +\n                  '<div class=\"componentRow row table\">' +\n                  '<p class=\"release\">' +\n                  item.publishDate + ' - Published ' + item.name + '@' + item.version +\n                  templateSizeText +\n                  '</p>' +\n                  '</div>' +\n                  '</a>';\n    }\n\n    // Append new batch to existing content\n    historyContent.append(batchHtml);\n    historyRenderedCount = batchEnd;\n    \n    // Add loading indicator if there are more items\n    if (historyRenderedCount < historyData.length) {\n      historyContent.append('<div id=\"history-loading-more\" class=\"loading-more\">Loading more...</div>');\n    }\n    \n    isLoadingMore = false;\n  };\n\n  var setupHistoryScrollListener = function() {\n    var historyContainer = $('#components-history');\n    var checkScroll = function() {\n      if (historyRenderedCount >= historyData.length) {\n        return;\n      }\n\n      var containerTop = historyContainer.offset().top;\n      var containerHeight = historyContainer.outerHeight();\n      var scrollTop = $(window).scrollTop();\n      var windowHeight = $(window).height();\n      \n      // Check if user scrolled close to the bottom of the history container\n      var distanceFromBottom = (containerTop + containerHeight) - (scrollTop + windowHeight);\n      \n      if (distanceFromBottom < 200) { // Load more when 200px from bottom\n        $('#history-loading-more').remove();\n        renderHistoryBatch();\n      }\n    };\n\n    $(window).on('scroll.history', checkScroll);\n    \n    // Also check on resize\n    $(window).on('resize.history', checkScroll);\n  };\n\n  var loadComponentsHistory = function() {\n    var historyLoader = $('#history-loader');\n    var historyContent = $('#history-content');\n    var historyError = $('#history-error');\n\n    // Show loader\n    historyLoader.show();\n    historyContent.hide();\n    historyError.hide();\n\n    // Reset state\n    historyData = [];\n    historyRenderedCount = 0;\n    isLoadingMore = false;\n\n    // Remove any existing scroll listeners\n    $(window).off('scroll.history resize.history');\n\n    // Fetch history data\n    fetch('~registry/history')\n      .then(function(response) {\n        if (!response.ok) {\n          throw new Error('Failed to fetch history');\n        }\n        return response.json();\n      })\n      .then(function(data) {\n        historyData = data.componentsHistory || [];\n        \n        // Clear content and show container\n        historyContent.empty();\n        historyLoader.hide();\n        historyContent.show();\n        \n        if (historyData.length === 0) {\n          historyContent.html('<p class=\"empty-state\">No components history available.</p>');\n          return;\n        }\n\n        // Render first batch\n        renderHistoryBatch();\n        \n        // Setup scroll listener for infinite loading\n        setupHistoryScrollListener();\n      })\n      .catch(function(error) {\n        console.error('Error loading components history:', error);\n        historyLoader.hide();\n        historyError.show();\n      });\n  };\n\n  var isHistoryLoaded = false;\n\n  var initialiseTabs = function() {\n    var selectItem = function(target) {\n      var $target = $(target);\n      $('.box').hide();\n      $target.show();\n      $('#menuList a').removeClass('selected');\n      $('#menuList a[href=\"' + target + '\"]').addClass('selected');\n\n      // Keep URL in sync so tab survives refresh and back/forward\n      try {\n        if (history && history.replaceState && location.hash !== target) {\n          history.replaceState(null, '', target);\n        }\n      } catch (e) {}\n\n      // Clean up scroll listeners when leaving history tab\n      if (target !== '#components-history') {\n        $(window).off('scroll.history resize.history');\n      }\n      \n      // Load history data when history tab is selected for the first time\n      if (target === '#components-history' && !isHistoryLoaded) {\n        loadComponentsHistory();\n        isHistoryLoaded = true;\n      }\n      // Re-enable scroll listeners when returning to history tab\n      else if (target === '#components-history' && isHistoryLoaded && historyRenderedCount < historyData.length) {\n        setupHistoryScrollListener();\n      }\n    };\n\n    var hash = location.href.split('#')[1] || '';\n    var isHashValid = hash && $('#' + hash);\n    var target = isHashValid ? '#' + hash : $($('#menuList a')[0]).attr('href');\n    selectItem(target);\n\n    $('#menuList a').click(function() {\n      selectItem($(this).attr('href'));\n    });\n  };\n\n  var debounce = function(fn, wait) {\n    var t;\n    return function() {\n      var ctx = this, args = arguments;\n      clearTimeout(t);\n      t = setTimeout(function(){ fn.apply(ctx, args); }, wait);\n    };\n  };\n\n  $('#filter-components')\n    .submit(componentsListChanged)\n    .keyup(debounce(componentsListChanged, 80));\n  $('#filter-components input[type=checkbox]').change(componentsListChanged);\n\n  // Delegated from the stable list container so both the top and bottom\n  // pagination bars work. No auto-scroll, so repeated clicks stay put.\n  $('#components-list').on('click', '.pagination-btn', function() {\n    var $btn = $(this);\n    if ($btn.is('[disabled]')) {\n      return;\n    }\n    var page = parseInt($btn.attr('data-page'), 10);\n    if (isNaN(page)) {\n      return;\n    }\n    currentPage = page;\n    applyComponentsView();\n  });\n\n  if (q) {\n    $('.search').val(q);\n  }\n\n  // Keyboard shortcuts: \"/\" focuses search, \"Esc\" clears the focused filter\n  $(document).on('keydown', function(e) {\n    var tag = (e.target && e.target.tagName) ? e.target.tagName.toLowerCase() : '';\n    var typing = tag === 'input' || tag === 'textarea' || tag === 'select';\n\n    if (e.key === '/' && !typing) {\n      var $s = $('#search-filter');\n      if ($s.length) {\n        e.preventDefault();\n        $s.focus();\n      }\n    } else if (e.key === 'Escape' && typing && $(e.target).closest('#filter-components').length) {\n      $(e.target).val('');\n      componentsListChanged();\n    }\n  });\n\n  // Focus the search input only on a fresh load (no tab hash, no in-page nav)\n  if (!location.hash) {\n    var $searchInput = $('#search-filter');\n    if ($searchInput.length) { $searchInput.focus(); }\n  }\n\n  componentsListChanged();\n  initialiseTabs();\n});";
 export default _default;