pass imports directly

Author: ricardo-devis-agullo

src/registry/routes/component-preview.ts

@@ -34,8 +34,8 @@ 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`

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}`;