oc 0.50.32 → 0.50.33

package/AGENTS.md

@@ -0,0 +1,58 @@
+## Rules
+
+### 1. File & Folder Organization
+- **Domain-driven structure**: Organize code by business domains (`cli/`, `registry/`, `components/`, `utils/`)
+- **Subfolder patterns**: Use consistent patterns (`domain/`, `routes/`, `views/`, `middleware/`)
+- **File naming**: Use kebab-case for all files and folders (`components-cache`, `package-json-validator`)
+- **Module exports**: Use `index.ts` files for clean public APIs and re-exports
+- **Centralized types**: Place shared TypeScript interfaces in `src/types.ts`
+
+### 2. TypeScript Coding Standards
+- **Strict compilation**: All code must pass TypeScript strict mode checks
+- **Interface design**: Use comprehensive interfaces with optional properties (`?` syntax)
+- **Type imports**: Use `import type` for type-only dependencies
+- **Union types**: Use union types for constrained values (`'oc-registry' | 'oc-registry-local'`)
+- **Generic interfaces**: Extend base types like `PackageJson` for specialized interfaces
+- **Naming conventions**:
+  - camelCase for variables/functions (`componentName`, `getComponent`)
+  - PascalCase for interfaces/types (`Component`, `RegistryOptions`)
+  - UPPER_CASE for constants (`DEFAULT_PORT`)
+
+### 3. Code Style & Patterns
+- **Import organization**: Group imports (Node.js with `node:` prefix, external libraries, local modules)
+- **Function style**: Use arrow functions for simple operations, function declarations for main functions
+- **Async patterns**: Prefer async/await over Promise chains
+- **Object destructuring**: Use destructuring in function parameters
+- **Descriptive naming**: Use clear, descriptive function names (`getComponentRetrievingInfo` vs `getComp`)
+
+---
+
+## File Structure Enforcement
+
+### Required Directory Structure
+```
+src/
+├── cli/
+│   ├── commands.ts
+│   ├── domain/           # Business logic
+│   ├── facade/           # Public APIs
+│   └── programmatic-api.ts
+├── registry/
+│   ├── routes/           # Express routes
+│   ├── domain/           # Business logic
+│   │   └── validators/   # Input validation
+│   ├── views/            # JSX components
+│   │   └── partials/     # Reusable components
+│   └── middleware/       # Express middleware
+├── components/           # Component implementations
+├── utils/               # Shared utilities
+├── types.ts            # Centralized type definitions
+└── resources/          # Static resources
+```
+
+### File Extension Rules
+- `.ts` for TypeScript modules and business logic
+- `.tsx` for React/JSX components and views
+- `index.ts` for module exports and public APIs
+
+---

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 ## Change Log
 
+### v0.50.33
+- [#1449](https://github.com/opencomponents/oc/pull/1449) allow token pass
+- [#1448](https://github.com/opencomponents/oc/pull/1448) add ability for custom meta query
+- [#1447](https://github.com/opencomponents/oc/pull/1447) Revamp UI + Preview server
+
 ### v0.50.32
 - [#1446](https://github.com/opencomponents/oc/pull/1446) update oc-client-browser
 
@@ -309,7 +314,7 @@
 ### v0.49.2
 - [#1259](https://github.com/opencomponents/oc/pull/1259) [BUGFIX] remove prefix command on npm
 - [#1248](https://github.com/opencomponents/oc/pull/1248) Type better baseUrlFunc and discoveryFunc
-- [#1249](https://github.com/opencomponents/oc/pull/1249) use internal body-parser from express >=4.16
+- [#1249](https://github.com/opencomponents/oc/pull/1249) use internal body-parser from express >=4.16 
 - [#1250](https://github.com/opencomponents/oc/pull/1250) reduce lodash functions where they are easy replaceable
 - [#1251](https://github.com/opencomponents/oc/pull/1251) [INTERNAL] remove cjs export from facade, deal with it on cli/index
 - [#1252](https://github.com/opencomponents/oc/pull/1252) [INTERNAL] reduce usage of null assertions
@@ -808,12 +813,12 @@
 
 ### v0.41.16
 - [#733](https://github.com/opencomponents/oc/pull/733) Repackage all components when file is outside component dir
-- [#732](https://github.com/opencomponents/oc/pull/732) Prettify all the things
+- [#732](https://github.com/opencomponents/oc/pull/732) Prettify all the things 
 - [#731](https://github.com/opencomponents/oc/pull/731) this-less cleanup
 - [#729](https://github.com/opencomponents/oc/pull/729) Update aws-sdk to the latest version 🚀
 
 ### v0.41.15
-- [#710](https://github.com/opencomponents/oc/pull/710) [DX-185] install compiler inside each components' dir
+- [#710](https://github.com/opencomponents/oc/pull/710) [DX-185] install compiler inside each components' dir 
 
 ### v0.41.14
 - [#728](https://github.com/opencomponents/oc/pull/728) [DX-226] ]Minimal css for the preview view
@@ -1073,7 +1078,7 @@
 ### v0.37.11
 - [#488](https://github.com/opencomponents/oc/pull/488) yarn-support
 
-closes #487
+closes #487 
 
 ### v0.37.10
 - [#516](https://github.com/opencomponents/oc/pull/516) Improve AWS upload mechanism and allow to override registry timeout settings
@@ -1590,7 +1595,7 @@ tested
 - [#159](https://github.com/opencomponents/oc/pull/159) should have an explicit dep on phantom
 
 ### v0.22.0
-- [#157](https://github.com/opencomponents/oc/pull/157) Server/Client-side render info
+- [#157](https://github.com/opencomponents/oc/pull/157) Server/Client-side render info 
 - [#156](https://github.com/opencomponents/oc/pull/156) House keeping
 
 ### v0.21.0

package/biome.json

@@ -1,55 +1,52 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.1.2/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": false
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "includes": [
-      "src/**/*",
-      "!src/components/oc-client/**/*"
-    ]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "tab"
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true,
-      "correctness": {
-        "useJsxKeyInIterable": "off"
-      },
-      "complexity": {
-        "useLiteralKeys": "off",
-        "noExcessiveNestedTestSuites": "off"
-      },
-      "style": {
-        "noParameterAssign": "off",
-        "noNonNullAssertion": "off",
-        "useTemplate": "off"
-      },
-      "suspicious": {
-        "noExplicitAny": "off"
-      }
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "trailingCommas": "none",
-      "indentStyle": "space",
-      "quoteStyle": "single"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}
+	"$schema": "https://biomejs.dev/schemas/2.1.2/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"ignoreUnknown": false,
+		"includes": ["preview/**/*", "src/**/*", "!src/components/oc-client/**/*"]
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "tab"
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+			"correctness": {
+				"useJsxKeyInIterable": "off"
+			},
+			"complexity": {
+				"useLiteralKeys": "off",
+				"noExcessiveNestedTestSuites": "off"
+			},
+			"style": {
+				"noParameterAssign": "off",
+				"noNonNullAssertion": "off",
+				"useTemplate": "off"
+			},
+			"suspicious": {
+				"noExplicitAny": "off"
+			}
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"trailingCommas": "none",
+			"indentStyle": "space",
+			"quoteStyle": "single"
+		}
+	},
+	"assist": {
+		"enabled": true,
+		"actions": {
+			"source": {
+				"organizeImports": "on"
+			}
+		}
+	}
+}

package/dist/cli/commands.d.ts

@@ -114,6 +114,9 @@ declare const _default: {
                 username: {
                     description: string;
                 };
+                token: {
+                    description: string;
+                };
                 skipPackage: {
                     boolean: boolean;
                     description: string;

package/dist/cli/commands.js

@@ -114,6 +114,9 @@ exports.default = {
                 username: {
                     description: 'username used to authenticate when publishing to registry'
                 },
+                token: {
+                    description: 'token used to authenticate when publishing to registry'
+                },
                 skipPackage: {
                     boolean: true,
                     description: 'Skip packaging step',

package/dist/cli/domain/get-mocked-plugins.js

@@ -37,12 +37,12 @@ const registerDynamicMocks = (ocJsonLocation, mocks, logger) => Object.entries(m
     }
     catch (er) {
         logger.err(String(er));
-        return;
+        return undefined;
     }
     if (!isMockValid(pluginMock)) {
         logger.err(`├── ${pluginName} () => Error (skipping)`);
         logger.err(resources_1.default.errors.cli.MOCK_PLUGIN_IS_NOT_VALID);
-        return;
+        return undefined;
     }
     const register = pluginMock.register || defaultRegister;
     const execute = pluginMock.execute || pluginMock;

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

@@ -10,6 +10,7 @@ export default function registry(opts?: RegistryOptions): {
     putComponent(options: {
         username?: string;
         password?: string;
+        token?: string;
         route: string;
         path: string;
     }): Promise<void>;

package/dist/cli/domain/registry.js

@@ -105,7 +105,12 @@ function registry(opts = {}) {
             return urlBuilder.componentPreview(parsed, parsed.registryUrl);
         },
         async putComponent(options) {
-            if (!!options.username && !!options.password) {
+            if (options.token) {
+                requestsHeaders = Object.assign(requestsHeaders, {
+                    Authorization: `Bearer ${options.token}`
+                });
+            }
+            else if (!!options.username && !!options.password) {
                 requestsHeaders = Object.assign(requestsHeaders, {
                     Authorization: 'Basic ' +
                         Buffer.from(options.username + ':' + options.password).toString('base64')

package/dist/cli/domain/watch.js

@@ -22,7 +22,9 @@ function watch(dirs, baseDir, changed) {
         .on('add', onChange)
         .on('change', onChange)
         .on('unlink', onChange)
-        .on('error', changed);
+        .on('error', (err) => {
+        changed(err instanceof Error ? err : new Error(String(err)), '', undefined);
+    });
 }
 function escapeRegularExpression(text) {
     return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');

package/dist/cli/facade/publish.d.ts

@@ -12,6 +12,7 @@ declare const publish: ({ logger, registry, local }: {
         dryRun?: boolean;
         username?: string;
         password?: string;
+        token?: string;
         registries?: string[];
     }): Promise<void>;
     (opts: {
@@ -20,6 +21,7 @@ declare const publish: ({ logger, registry, local }: {
         dryRun?: boolean;
         username?: string;
         password?: string;
+        token?: string;
         registries?: string[];
     }, arguments__1: (error: unknown, value: void) => void): void;
 };

package/dist/cli/facade/publish.js

@@ -21,6 +21,10 @@ const publish = ({ logger, registry, local }) => (0, universalify_1.fromPromise)
     let errorMessage;
     const readPackageJson = () => fs_extra_1.default.readJson(node_path_1.default.join(packageDir, 'package.json'));
     const getCredentials = async () => {
+        if (opts.token) {
+            logger.ok(index_1.default.messages.cli.USING_CREDS);
+            return { token: opts.token };
+        }
         if (opts.username && opts.password) {
             logger.ok(index_1.default.messages.cli.USING_CREDS);
             const { username, password } = opts;
@@ -52,7 +56,7 @@ const publish = ({ logger, registry, local }) => (0, universalify_1.fromPromise)
         }
         catch (err) {
             if (err === 'Unauthorized' || err.message === 'Unauthorized') {
-                if (!!options.username || !!options.password) {
+                if (!!options.username || !!options.password || !!options.token) {
                     logger.err(index_1.default.errors.cli.PUBLISHING_FAIL(index_1.default.errors.cli.INVALID_CREDENTIALS));
                     throw err;
                 }

package/dist/cli/index.js

@@ -69,7 +69,7 @@ function processCommand(command, commandName, cli, lvl, prefix = '') {
         }
         return yargs;
     }, (options) => {
-        // @ts-ignore not callable
+        // @ts-expect-error not callable
         facade(options).catch(() => {
             process.exit(1);
         });

package/dist/components/oc-client/_package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "oc-client",
   "description": "The OpenComponents client-side javascript client",
-  "version": "0.50.32",
+  "version": "0.50.33",
   "repository": "https://github.com/opencomponents/oc/tree/master/components/oc-client",
   "author": "Matteo Figus <matteofigus@gmail.com>",
   "oc": {
@@ -12,24 +12,25 @@
     "files": {
       "template": {
         "type": "oc-template-es6",
-        "hashKey": "8b7545cba94f7c029b9d46108bfe8e4e6040ea09",
+        "hashKey": "c4abb6bf4dc6657fb718a45b64bd6b2cb92e874a",
         "src": "template.js",
-        "version": "1.0.7",
-        "size": 2893
+        "version": "2.0.0",
+        "minOcVersion": "0.50.18",
+        "size": 2752
       },
       "static": [
         "src"
       ],
       "dataProvider": {
         "type": "node.js",
-        "hashKey": "a4657e22e148c418ba97304f0d5b10e563b812b4",
+        "hashKey": "d2f71238331bd1a7e524786fc801fe454b7dcbcc",
         "src": "server.js",
-        "size": 613
+        "size": 644
       }
     },
-    "version": "0.50.32",
+    "version": "0.50.33",
     "packaged": true,
-    "date": 1757347552839
+    "date": 1758176564534
   },
   "devDependencies": {
     "oc-template-es6-compiler": "^1.0.1"

package/dist/components/oc-client/_package/server.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(t,s)=>{const{staticPath:e,templates:a}=t;return s(null,{staticPath:e,templates:a})},o=(t,s)=>{r(t,(e,a)=>{if(e)return s(e);if(a==null)return s(null,{__oc_emptyResponse:!0});const n=t.action?a:Object.assign({},a,{_staticPath:t.staticPath,_baseUrl:t.baseUrl,_componentName:"oc-client",_componentVersion:"0.50.32"}),c=t.staticPath.indexOf("http")===0?t.staticPath:"https:"+t.staticPath;return s(null,Object.assign({},{component:{key:"8b7545cba94f7c029b9d46108bfe8e4e6040ea09",src:c+"template.js",props:n}}))})};exports.data=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(t,s)=>{const{staticPath:e,templates:a}=t;return s(null,{staticPath:e,templates:a})},r=(t,s)=>{o(t,(e,a,i={})=>{if(e)return s(e);if(a==null)return s(null,{__oc_emptyResponse:!0});const n=t.action?a:Object.assign({},a,{_staticPath:t.staticPath,_baseUrl:t.baseUrl,_componentName:"oc-client",_componentVersion:"0.50.33"}),c=t.staticPath.indexOf("http")===0?t.staticPath:"https:"+t.staticPath;return s(null,Object.assign({},{component:{key:"c4abb6bf4dc6657fb718a45b64bd6b2cb92e874a",src:c+"template.js",props:n,esm:!1,development:void 0}}))})};exports.data=r;

package/dist/components/oc-client/_package/template.js

@@ -1,16 +1,17 @@
-var oc=oc||{};oc.components=oc.components||{};oc.components['8b7545cba94f7c029b9d46108bfe8e4e6040ea09']=function(model) {
+var oc=oc||{};oc.components=oc.components||{};oc.components['c4abb6bf4dc6657fb718a45b64bd6b2cb92e874a']=function(model) {
            var __toOcStaticPathUrl = function(args) {
              return model.component.props._staticPath + 'src/' + args;
            } 
            const { _staticPath, _baseUrl, _componentName, _componentVersion, ...rest } = model.component.props;
            var __$$oc_initialData__ = rest;
-           var element = model.element || document.querySelector(window.oc.conf.tag || 'oc-component' + '[data-id="'+ model.id +'"]');
+           
+           var element = model.element || typeof document !== 'undefined' ? document.querySelector(window.oc.conf.tag || 'oc-component' + '[data-id="'+ model.id +'"]') : null;
            var __$$oc_Settings__ = {id: model.id, element: element, staticPath: _staticPath, baseUrl: _baseUrl, name: _componentName, version: _componentVersion};
            var innerFn = function(model){
   oc.es6Components = oc.es6Components || {};
-  oc.es6Components['8b7545cba94f7c029b9d46108bfe8e4e6040ea09'] = (
+  oc.es6Components['c4abb6bf4dc6657fb718a45b64bd6b2cb92e874a'] = (
            (function() {
-            var clientBundle=function(){"use strict";const n=({templates:c,staticPath:t})=>`<script>window.oc=window.oc||{};oc.conf=oc.conf||{};oc.conf.templates=(oc.conf.templates||[]).concat(${JSON.stringify(c)});<\/script><script src="${t}src/oc-client.min.js" type="text/javascript"><\/script>`;function e(c,t){const{_staticPath:o,_baseUrl:i,_componentName:r,_componentVersion:s,...a}=c;t.innerHTML=n(c)}return e}();
+            var clientBundle=(function(){"use strict";const n=({templates:c,staticPath:t})=>`<script>window.oc=window.oc||{};oc.conf=oc.conf||{};oc.conf.templates=(oc.conf.templates||[]).concat(${JSON.stringify(c)});<\/script><script src="${t}src/oc-client.min.js" type="text/javascript"><\/script>`;function e(c,t){const{_staticPath:o,_baseUrl:i,_componentName:r,_componentVersion:s,...a}=c;t.innerHTML=n(c)}return e})();
 
             return clientBundle;
            })());
@@ -19,37 +20,31 @@ var oc=oc||{};oc.components=oc.components||{};oc.components['8b7545cba94f7c029b9
   var ssr = !!modelHTML;
   var externals = [];
   var staticPath = model.component.props._staticPath;
-  if (ssr) {
-    externals.push({
-      global: ['oc', 'components', '8b7545cba94f7c029b9d46108bfe8e4e6040ea09'],
-      url: staticPath + 'template.js',
-      name: "template"
-    });
-  }
   var props = JSON.stringify(model.component.props);
   oc = oc || {};
   oc.__es6Template = oc.__es6Template || { count: 0 };
+  oc.__data = oc.__data || {};
+  oc.__data[model.id] = model.component.props;
   var count = oc.__es6Template.count;
   var templateId = "oc-es6Root-oc-client-" + count;
   oc.__es6Template.count++;
-  var ssrCall = 'oc.components["8b7545cba94f7c029b9d46108bfe8e4e6040ea09"]({ component: { props:' + props + ' } });';
-
-  return '<div id="' + templateId + '" class="oc-es6Root-oc-client">' + modelHTML + '</div>' +
-    '' +
-    '<script>' +
+  var renderScript = '<script>' +
     'oc = oc || {};' +
     'oc.cmd = oc.cmd || [];' +
     'oc.cmd.push(function(oc){' +
     '' +
       'oc.requireSeries(' + JSON.stringify(externals) + ', function(){' +
-        'var targetNode = document.getElementById("' + templateId + '");' +
-        'targetNode.setAttribute("id","");' +
-        (ssr ? ssrCall : '') +
-        'oc.components["8b7545cba94f7c029b9d46108bfe8e4e6040ea09"]({ id: "' + model.id + '", component: { props:' + props + ' } });' +
-        'oc.es6Components["8b7545cba94f7c029b9d46108bfe8e4e6040ea09"](' + props + ', targetNode, ' + !!modelHTML  + ');' +
+        'var targetNode = document.getElementById("' + model.id + '");' +
+        'oc.components["c4abb6bf4dc6657fb718a45b64bd6b2cb92e874a"]({ id: "' + model.id + '", component: { props: oc.__data["' + model.id + '"]} });' +
+        'oc.es6Components["c4abb6bf4dc6657fb718a45b64bd6b2cb92e874a"](oc.__data["' + model.id + '"], targetNode, ' + !!modelHTML  + ');' +
       '});' +
     '});' +
-  '</script>'
+  '</script>';
+  var wrappedHtml = '<div id="' + templateId + '" class="oc-es6Root-oc-client">' + modelHTML + '</div>';
+
+  return modelHTML +
+    '' +
+    (ssr ? '' : renderScript)
 };
            return innerFn(model);
          }

package/dist/components/oc-client/package.json

@@ -1,7 +1,7 @@
 {
   "name": "oc-client",
   "description": "The OpenComponents client-side javascript client",
-  "version": "0.50.32",
+  "version": "0.50.33",
   "repository": "https://github.com/opencomponents/oc/tree/master/components/oc-client",
   "author": "Matteo Figus <matteofigus@gmail.com>",
   "oc": {

package/dist/registry/domain/register-templates.js

@@ -1,15 +1,48 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = registerTemplates;
-const oc_template_es6_1 = __importDefault(require("oc-template-es6"));
+const es6Template = __importStar(require("oc-template-es6"));
 const oc_template_handlebars_1 = __importDefault(require("oc-template-handlebars"));
 const oc_template_jade_1 = __importDefault(require("oc-template-jade"));
 function registerTemplates(extraTemplates, dev = false) {
     const coreTemplates = [
-        oc_template_es6_1.default,
+        es6Template,
         oc_template_jade_1.default,
         oc_template_handlebars_1.default
     ];

package/dist/registry/middleware/index.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bind = void 0;
+const cookie_parser_1 = __importDefault(require("cookie-parser"));
 const errorhandler_1 = __importDefault(require("errorhandler"));
 const express_1 = __importDefault(require("express"));
 const morgan_1 = __importDefault(require("morgan"));
@@ -27,6 +28,7 @@ const bind = (app, options) => {
         next();
     });
     app.use((0, request_handler_1.default)());
+    app.use((0, cookie_parser_1.default)());
     if (options.postRequestPayloadSize) {
         // Type is incorrect since limit can be a string like '50mb'
         bodyParserJsonArgument.limit = options.postRequestPayloadSize;

package/dist/registry/middleware/request-handler.js

@@ -10,7 +10,7 @@ function requestHandler() {
     return (0, response_time_1.default)((req, res, time) => {
         const data = {
             body: req.body,
-            duration: Number.parseInt(String(time * 1000)),
+            duration: Number.parseInt(String(time * 1000), 10),
             headers: req.headers,
             method: req.method,
             path: req.path,

package/dist/registry/routes/component-info.js

@@ -55,7 +55,7 @@ function getParams(component) {
             // Prefer default value over example
             const value = param.default !== undefined
                 ? String(param.default)
-                : param.example;
+                : String(param.example);
             return [paramName, value];
         }));
     }
@@ -83,6 +83,8 @@ function componentInfo(err, req, res, component, componentDetail) {
             if (!result.isDiscoverable) {
                 href = `//${req.headers.host}${res.conf.prefix}`;
             }
+            // Get theme from cookie or default to dark
+            const theme = req.cookies?.['oc-theme'] || 'dark';
             res.send((0, info_1.default)({
                 component,
                 componentDetail,
@@ -91,7 +93,8 @@ function componentInfo(err, req, res, component, componentDetail) {
                 parsedAuthor,
                 repositoryUrl,
                 sandBoxDefaultQs: urlBuilder.queryString(params),
-                title: 'Component Info'
+                title: 'Component Info',
+                theme
             }));
         });
     }

package/dist/registry/routes/components.js

@@ -67,7 +67,7 @@ function components(conf, repository) {
                 version: component.version
             }, (result) => callback(null, result));
         }, 
-        // @ts-ignore
+        // @ts-expect-error
         (_err, results) => {
             try {
                 setHeaders(results, res);
@@ -75,9 +75,9 @@ function components(conf, repository) {
                 res.status(200).json(results);
             }
             catch (e) {
-                // @ts-ignore I think this will never reach (how can setHeaders throw?)
+                // @ts-expect-error I think this will never reach (how can setHeaders throw?)
                 if (results.code && results.error) {
-                    // @ts-ignore
+                    // @ts-expect-error
                     res.status(500).json({ code: results.code, error: results.error });
                 }
                 else {

package/dist/registry/routes/helpers/get-component.js

@@ -190,9 +190,7 @@ function getComponent(conf, repository) {
             // sanitise and check params
             const appliedParams = (0, apply_default_values_1.default)(requestedComponent.parameters, component.oc.parameters);
             const params = sanitiser.sanitiseComponentParameters(appliedParams, component.oc.parameters);
-            const validationResult = validator.validateComponentParameters(
-            // @ts-ignore
-            params, component.oc.parameters);
+            const validationResult = validator.validateComponentParameters(params, component.oc.parameters);
             if (!options.action && !validationResult.isValid) {
                 return callback({
                     status: 400,
@@ -245,7 +243,6 @@ function getComponent(conf, repository) {
                 const componentHref = urlBuilder.component({
                     name: component.name,
                     version: requestedComponent.version,
-                    // @ts-ignore
                     parameters: params
                 }, conf.baseUrl);
                 const isUnrendered = options.headers.accept === settings_1.default.registry.acceptUnrenderedHeader;

package/dist/registry/routes/helpers/get-components-history.d.ts

@@ -1,9 +1,8 @@
 import type { ComponentsDetails } from '../../../types';
-interface ComponentHistory {
+export interface ComponentHistory {
     name: string;
     version: string;
     publishDate: string;
     templateSize?: number;
 }
 export default function getComponentsHistory(history: ComponentsDetails): ComponentHistory[];
-export {};