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,
+        importmap:
+          getOcConfig(res.conf.path)?.development?.importmap ||
+          res.conf.compiledClient?.imports,
         fallbackClient: res.conf.fallbackClient
           ? `${res.conf.fallbackRegistryUrl.replace(/\/$/, '')}/oc-client/client.dev.js`
           : undefined,

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;