Merge pull request #1462 from opencomponents/imports-on-preview

pass imports on preview

Author: ricardo-devis-agullo

src/registry/domain/options-sanitiser.ts

@@ -164,6 +164,7 @@ export default function optionsSanitiser(input: RegistryOptions): Config {
     const gzip = zlib.gzipSync(minified, { level: 7 });
     options.compiledClient = {
       ...compiled,
+      imports: clientOptions.imports,
       code: {
         minified,
         gzip,

src/registry/routes/component-preview.ts

@@ -34,7 +34,9 @@ function componentPreview(
       previewView({
         robots: res.conf.discovery.robots,
         component,
-        importmap: getOcConfig(res.conf.path)?.development?.importmap,
+        imports:
+          getOcConfig(res.conf.path)?.development?.importmap?.imports ||
+          res.conf.compiledClient?.imports,
         fallbackClient: res.conf.fallbackClient
           ? `${res.conf.fallbackRegistryUrl.replace(/\/$/, '')}/oc-client/client.dev.js`
           : undefined,

src/registry/views/preview.ts

@@ -8,14 +8,12 @@ export default function preview(vm: {
   liveReload: string;
   templates: TemplateInfo[];
   robots: boolean;
-  importmap?: {
-    imports?: Record<string, string>;
-  };
+  imports?: Record<string, string>;
   preload?: string;
 }): string {
   const baseUrl = vm.href.replace('http://', '//').replace('https://', '//');
   const { name, version } = vm.component;
-  const imports = vm.importmap?.imports || vm.component.oc.files.imports;
+  const imports = vm.imports || vm.component.oc.files.imports;
   const componentHref = `${baseUrl}${name}/${version}/${vm.qs}`;
   const clientHref = vm.fallbackClient || `${baseUrl}oc-client/client.js`;
   const id = `oc-${name}@${version}`;

src/types.ts

@@ -174,6 +174,7 @@ export interface Config<T = any> {
    * @internal
    */
   compiledClient?: {
+    imports?: Record<string, string>;
     code: { gzip: Buffer; brotli: Buffer; minified: string };
     map: string;
     dev: string;