@inizioevoke/veeva-astroclm-core 1.1.6 → 1.2.0

package/build.ts

@@ -28,6 +28,7 @@ switch (argv.cmd) {
     const dirsToCopy = [
       'apps/page-manager/templates',
       'apps/veeva-config-manager/templates',
+      'components',
       'types'
     ];
     for (const dir of dirsToCopy) {

package/dist/components/scripts/PlatformScript/PlatformScript.astro

@@ -0,0 +1,25 @@
+---
+import esbuild from 'esbuild';
+import { BuildTarget } from '../../../types/env';
+
+import script from './platform.ts?raw';
+
+export interface Props {
+  buildTarget: BuildTarget;
+}
+
+const { 
+  buildTarget
+} = Astro.props;
+
+let js: string | undefined;
+if (buildTarget === 'veeva') {
+  const { code } = await esbuild.transform(script, {
+    loader: 'ts',
+    target: 'es2020',
+    minify: true
+  });
+  js = code;
+}
+---
+{js && <script is:inline set:html={js} />}

package/dist/components/scripts/PlatformScript/index.ts

@@ -0,0 +1,4 @@
+export {
+  default,
+  type Props as PlatformScriptProps
+} from "./PlatformScript.astro";

package/dist/components/scripts/PlatformScript/platform.ts

@@ -0,0 +1,16 @@
+(() => {
+  const veevaPlatform: 'windows' | 'mac' | 'ipad' | 'unknown' = (() => {
+    const ua = navigator.userAgent;
+    const platform = navigator.platform;
+    if (/windows/i.test(ua)) {
+      return 'windows';
+    } else if (/ipad/i.test(ua) || (platform === 'MacIntel' && navigator.maxTouchPoints > 1) || (/macintosh/i.test(ua) && 'ontouchstart' in window)) {
+      return 'ipad';
+    } else if (/macintosh/i.test(ua) || platform === 'MacIntel') {
+      return 'mac';
+    } else {
+      return 'unknown';
+    }
+  })();
+  document.documentElement.classList.add(`platform-${veevaPlatform}`);
+})();

package/dist/components/scripts/ResizeScript/ResizeScript.astro

@@ -0,0 +1,35 @@
+---
+import esbuild from 'esbuild';
+import { BuildTarget } from '../../../types/env';
+import script from './resize.ts?raw';
+
+export interface Props {
+  buildTarget: BuildTarget,
+  webScaling: boolean,
+  ivaDimensions: {
+    width: number,
+    height: number
+  }
+}
+
+const {
+  buildTarget,
+  webScaling,
+  ivaDimensions
+} = Astro.props;
+
+let js: string | undefined;
+if (buildTarget === 'veeva' || webScaling) {
+  const { code } = await esbuild.transform(script, {
+    loader: 'ts',
+    target: 'es2020',
+    minify: true,
+    define: {
+      IVA_WIDTH: ivaDimensions.width.toString(),
+      IVA_HEIGHT: ivaDimensions.height.toString()
+    }
+  });
+  js = code;
+}
+---
+{js && <script is:inline set:html={js} />}

package/dist/components/scripts/ResizeScript/index.ts

@@ -0,0 +1,4 @@
+export {
+  default,
+  type Props as ResizeScriptProps
+} from "./ResizeScript.astro";

package/dist/components/scripts/ResizeScript/resize.ts

@@ -0,0 +1,50 @@
+(() => {
+  // Backup for CSS scaling for Veeva builds when the current screen size is not configured
+
+  // ----------------------------------------------------------------------------------------------------
+  // These values will be replaced during the build
+  // @ts-ignore
+  const width: number = IVA_WIDTH;
+  // @ts-ignore
+  const height: number = IVA_HEIGHT;
+  // ----------------------------------------------------------------------------------------------------
+
+  const scalingWrapper = document.querySelector('.scaling-wrapper') as HTMLElement;
+
+  function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number = 100) {
+    let timer: ReturnType<typeof setTimeout>;
+    return (...args: Parameters<T>) => {
+      clearTimeout(timer);
+      timer = setTimeout(() => fn(...args), delay);
+    };
+  }
+
+  let lastScale = 0;
+  const resize = () => {
+    const vw = Math.round(visualViewport?.width ?? window.innerWidth);
+    const vh = Math.round(visualViewport?.height ?? window.innerHeight);
+    let transform: string | undefined;
+    const shouldScaleDown = vw < width - 1 || vh < height - 1;
+    if (shouldScaleDown) {
+      const scale = Math.min(vw / width, vh / height);
+      if (scale !== 1 && lastScale !== scale) {
+        lastScale = scale;
+        const offsetX = (vw - width * scale) / 2 / scale;
+        const offsetY = (vh - height * scale) / 2 / scale;
+        transform = `scale(${scale}) translate(${offsetX}px, ${offsetY}px)`;
+      }
+    } else {
+      transform = 'none';
+    }
+    
+    if (transform) {
+      document.body.classList[transform === 'none' ? 'remove' : 'add']('scaled');
+      scalingWrapper.style.transform = transform;
+    }
+  }
+  
+  resize();
+  window.addEventListener('DOMContentLoaded', () => {
+    window.addEventListener('resize', debounce(resize), { passive: true });
+  }, { passive: true });
+})();

package/dist/tasks/deploy.js

@@ -41,6 +41,7 @@ export default async function ({ root, config, env, csvOnly = false, serverPort
             server: { host: server.host ?? 'localhost', port: server.port },
             config,
             deployDir,
+            root
         });
         await server.stop();
         await createZips({ deployDir });

package/dist/tasks/generate-thumbs.d.ts

@@ -1,6 +1,7 @@
 import type { IVeevaConfig } from "../types";
 interface Params {
     config: IVeevaConfig;
+    root: string;
     deployDir: string;
     server: {
         protocol?: 'http' | 'https';
@@ -8,5 +9,5 @@ interface Params {
         port: number;
     };
 }
-export default function ({ config, deployDir, server }: Params): Promise<void>;
+export default function ({ config, root, deployDir, server }: Params): Promise<void>;
 export {};

package/dist/tasks/generate-thumbs.js

@@ -3,7 +3,7 @@ import { join } from "node:path";
 import puppeteer from "puppeteer";
 import sharp from 'sharp';
 import logger from '../lib/logger.js';
-export default async function ({ config, deployDir, server }) {
+export default async function ({ config, root, deployDir, server }) {
     logger.info('Generating thumbnails');
     initThumbSettings(config);
     await generateSharedThumb(config, deployDir);
@@ -17,8 +17,13 @@ export default async function ({ config, deployDir, server }) {
         isMobile: true
     });
     for (const slide of config.presentation.slides) {
+        if (slide.thumbnails?.thumbFile?.filepath) {
+            const filepath = join(root, slide.thumbnails.thumbFile.filepath);
+        }
+        if (slide.thumbnails?.posterFile?.filepath) {
+        }
         for (const settings of slide.thumbnails.settings) {
-            logger.info(`Generating /${slide.path}/`);
+            logger.info(`Generating /${settings.path ?? slide.path}/`);
             const url = `${server.protocol ?? 'http'}://${server.host}:${server.port}/${settings.path ?? slide.path}/${settings.queryStringParams ? `?${objToQS(settings.queryStringParams)}` : ''}`;
             try {
                 await page.goto(url, {
@@ -44,7 +49,7 @@ export default async function ({ config, deployDir, server }) {
                 quality: 80,
                 effort: 10
             })).toBuffer();
-            const fileName = typeof settings.filename == 'function' ? settings.filename(config, slide, settings) : settings.filename ?? 'thumb.png';
+            const fileName = typeof settings.outFile == 'function' ? settings.outFile(config, slide, settings) : settings.outFile ?? 'thumb.png';
             await writeFile(join(deployDir, slide.path, fileName), thumb);
         }
     }
@@ -52,7 +57,7 @@ export default async function ({ config, deployDir, server }) {
     await browser.close();
 }
 async function generateSharedThumb(config, deployDir) {
-    let settings = config.thumbnails?.settings?.find(s => s.filename === 'thumb.png');
+    let settings = config.thumbnails?.settings?.find(s => s.outFile === 'thumb.png');
     const width = settings?.width ?? 600;
     const height = settings?.height ?? width / 4 * 3;
     const svgImage = `
@@ -101,8 +106,8 @@ function initThumbSettings(config) {
     if (!config.thumbnails.default.height) {
         config.thumbnails.default.height = config.thumbnails.default.width / 4 * 3;
     }
-    if (!config.thumbnails.default.filename) {
-        config.thumbnails.default.filename = 'thumb.png';
+    if (!config.thumbnails.default.outFile) {
+        config.thumbnails.default.outFile = 'thumb.png';
     }
     if (!config.thumbnails.settings) {
         config.thumbnails.settings = [];
@@ -126,7 +131,7 @@ function initThumbSettings(config) {
             switch (slide.thumbnails.strategy) {
                 case 'append':
                     slide.thumbnails.settings = config.thumbnails.settings.concat(slide.thumbnails.settings.map((sets) => {
-                        return { ...config.thumbnails.default, ...slide.thumbnails?.default ?? {}, ...sets };
+                        return { ...config.thumbnails.default, ...sets }; // {...config.thumbnails!.default, ...slide.thumbnails?.default ?? {}, ...sets}
                     }));
                     break;
                 case 'replace':
@@ -136,7 +141,7 @@ function initThumbSettings(config) {
                     for (let i = 0; i < slide.thumbnails.settings.length; i++) {
                         slide.thumbnails.settings[i] = {
                             ...(config.thumbnails.settings[i] ?? config.thumbnails.default),
-                            ...(slide.thumbnails.default ?? {}),
+                            // ...(slide.thumbnails.default ?? {}),
                             ...slide.thumbnails.settings[i]
                         };
                     }

package/dist/types/config.d.ts

@@ -8,22 +8,31 @@ export interface IDimensions {
 }
 
 export interface IScreenshotSettings extends IDimensions {
-  filename?: string | ThumbnailNameHandler;
   path?: string;
   queryStringParams?: Record<string, boolean | number | string>;
   delay?: number;
+  outFile?: string | ThumbnailNameHandler;
   outDir?: string | string[] | ThumbnailNameHandler;
 }
 export interface IThumbnailSettings {
-  strategy?: 'append' | 'merge' | 'replace',
   default?: IScreenshotSettings;
   settings?: IScreenshotSettings[];
 }
+export interface ISlideThumbnailSettings {
+  strategy?: 'append' | 'merge' | 'replace';
+  thumbFile?: IDimensions & {
+    filepath: string;
+  };
+  posterFile?: IDimensions & {
+    filepath: string;
+  };
+  settings?: IScreenshotSettings[];
+}
 
 export interface IVeevaConfigSlide extends IVeevaClmSlide {
   path: string;
   enableActions?: Actions[];
-  thumbnails?: IThumbnailSettings;
+  thumbnails?: ISlideThumbnailSettings;
 }
 
 export interface IVeevaConfigPresentation extends IVeevaClmPresentation {
@@ -38,7 +47,7 @@ export interface IVeevaConfigPresentation extends IVeevaClmPresentation {
 export interface IVeevaConfig {
   dimensions: { width: number, height: number };
   slideSettings?: IVeevaClmSlideSettings; // legacy support
-  thumbnails?: Omit<IThumbnailSettings, 'strategy'>;
+  thumbnails?: IThumbnailSettings;
   
   presentation: IVeevaConfigPresentation & {
     name: string;

package/dist/types/veeva.d.ts

@@ -3,8 +3,8 @@ export type iOSResolution = "Default For Device" | "Scale To 1024x768" | "Scale
 export type Actions = "Swipe" | "Pinch to Exit" | "Zoom" | "Rotation Lock" | "History Buttons" | "Navigation Bar" | "Reactions";
 export type CrmTarget = 'Salesforce' | 'Vault';
 
-export interface VeevaIdField {
-  id: string;
+export interface VeevaIdField<T = string> {
+  id: T;
 }
 export interface VeevaCrmIdField<T = string> {
   crmId: T;
@@ -16,9 +16,9 @@ export interface VeevaExternalIdField {
 export interface IVeevaClmBinderFields {
   language?: 'English' & (string & {});
   crmTarget?: CrmTarget;
-  crmOrg?: VeevaCrmIdField<string[]>;
+  crmOrg?: VeevaCrmIdField<string | string[]>;
   crmProduct?: VeevaIdField;
-  crmContentGroup?: VeevaIdField | VeevaIdField[];
+  crmContentGroup?: VeevaIdField<string | string[]>;
   crmDetailGroup?: VeevaIdField;
   detailGroup?: string;
   expirationDate?: `${string}/${string}/${string}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inizioevoke/veeva-astroclm-core",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "",
   "license": "ISC",
   "author": "",
@@ -12,6 +12,8 @@
   },
   "exports": {
     "./apps": "./dist/apps/index.js",
+    "./PlatformScript": "./dist/components/PlatformScript/index.ts",
+    "./ResizeScript": "./dist/components/ResizeScript/index.ts",
     "./env": "./dist/env/index.js",
     "./integrations": "./dist/integrations/index.js",
     "./lib": {

package/src/components/scripts/PlatformScript/PlatformScript.astro

@@ -0,0 +1,25 @@
+---
+import esbuild from 'esbuild';
+import { BuildTarget } from '../../../types/env';
+
+import script from './platform.ts?raw';
+
+export interface Props {
+  buildTarget: BuildTarget;
+}
+
+const { 
+  buildTarget
+} = Astro.props;
+
+let js: string | undefined;
+if (buildTarget === 'veeva') {
+  const { code } = await esbuild.transform(script, {
+    loader: 'ts',
+    target: 'es2020',
+    minify: true
+  });
+  js = code;
+}
+---
+{js && <script is:inline set:html={js} />}

package/src/components/scripts/PlatformScript/index.ts

@@ -0,0 +1,4 @@
+export {
+  default,
+  type Props as PlatformScriptProps
+} from "./PlatformScript.astro";

package/src/components/scripts/PlatformScript/platform.ts

@@ -0,0 +1,16 @@
+(() => {
+  const veevaPlatform: 'windows' | 'mac' | 'ipad' | 'unknown' = (() => {
+    const ua = navigator.userAgent;
+    const platform = navigator.platform;
+    if (/windows/i.test(ua)) {
+      return 'windows';
+    } else if (/ipad/i.test(ua) || (platform === 'MacIntel' && navigator.maxTouchPoints > 1) || (/macintosh/i.test(ua) && 'ontouchstart' in window)) {
+      return 'ipad';
+    } else if (/macintosh/i.test(ua) || platform === 'MacIntel') {
+      return 'mac';
+    } else {
+      return 'unknown';
+    }
+  })();
+  document.documentElement.classList.add(`platform-${veevaPlatform}`);
+})();

package/src/components/scripts/ResizeScript/ResizeScript.astro

@@ -0,0 +1,35 @@
+---
+import esbuild from 'esbuild';
+import { BuildTarget } from '../../../types/env';
+import script from './resize.ts?raw';
+
+export interface Props {
+  buildTarget: BuildTarget,
+  webScaling: boolean,
+  ivaDimensions: {
+    width: number,
+    height: number
+  }
+}
+
+const {
+  buildTarget,
+  webScaling,
+  ivaDimensions
+} = Astro.props;
+
+let js: string | undefined;
+if (buildTarget === 'veeva' || webScaling) {
+  const { code } = await esbuild.transform(script, {
+    loader: 'ts',
+    target: 'es2020',
+    minify: true,
+    define: {
+      IVA_WIDTH: ivaDimensions.width.toString(),
+      IVA_HEIGHT: ivaDimensions.height.toString()
+    }
+  });
+  js = code;
+}
+---
+{js && <script is:inline set:html={js} />}

package/src/components/scripts/ResizeScript/index.ts

@@ -0,0 +1,4 @@
+export {
+  default,
+  type Props as ResizeScriptProps
+} from "./ResizeScript.astro";

package/src/components/scripts/ResizeScript/resize.ts

@@ -0,0 +1,50 @@
+(() => {
+  // Backup for CSS scaling for Veeva builds when the current screen size is not configured
+
+  // ----------------------------------------------------------------------------------------------------
+  // These values will be replaced during the build
+  // @ts-ignore
+  const width: number = IVA_WIDTH;
+  // @ts-ignore
+  const height: number = IVA_HEIGHT;
+  // ----------------------------------------------------------------------------------------------------
+
+  const scalingWrapper = document.querySelector('.scaling-wrapper') as HTMLElement;
+
+  function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number = 100) {
+    let timer: ReturnType<typeof setTimeout>;
+    return (...args: Parameters<T>) => {
+      clearTimeout(timer);
+      timer = setTimeout(() => fn(...args), delay);
+    };
+  }
+
+  let lastScale = 0;
+  const resize = () => {
+    const vw = Math.round(visualViewport?.width ?? window.innerWidth);
+    const vh = Math.round(visualViewport?.height ?? window.innerHeight);
+    let transform: string | undefined;
+    const shouldScaleDown = vw < width - 1 || vh < height - 1;
+    if (shouldScaleDown) {
+      const scale = Math.min(vw / width, vh / height);
+      if (scale !== 1 && lastScale !== scale) {
+        lastScale = scale;
+        const offsetX = (vw - width * scale) / 2 / scale;
+        const offsetY = (vh - height * scale) / 2 / scale;
+        transform = `scale(${scale}) translate(${offsetX}px, ${offsetY}px)`;
+      }
+    } else {
+      transform = 'none';
+    }
+    
+    if (transform) {
+      document.body.classList[transform === 'none' ? 'remove' : 'add']('scaled');
+      scalingWrapper.style.transform = transform;
+    }
+  }
+  
+  resize();
+  window.addEventListener('DOMContentLoaded', () => {
+    window.addEventListener('resize', debounce(resize), { passive: true });
+  }, { passive: true });
+})();

package/src/tasks/deploy.ts

@@ -58,6 +58,7 @@ export default async function({ root, config, env, csvOnly = false, serverPort =
       server: { host: server.host ?? 'localhost', port: server.port },
       config,
       deployDir,
+      root
     });
 
     await server.stop();

package/src/tasks/generate-thumbs.ts

@@ -8,6 +8,7 @@ import type { IVeevaConfig } from "../types";
 
 interface Params {
   config: IVeevaConfig;
+  root: string;
   deployDir: string;
   server: {
     protocol?: 'http' | 'https';
@@ -16,7 +17,7 @@ interface Params {
   };
 }
 
-export default async function({ config, deployDir, server }: Params) {
+export default async function({ config, root, deployDir, server }: Params) {
   logger.info('Generating thumbnails');
   initThumbSettings(config);
   await generateSharedThumb(config, deployDir);
@@ -32,8 +33,14 @@ export default async function({ config, deployDir, server }: Params) {
   });
 
   for (const slide of config.presentation.slides) {
+    if (slide.thumbnails?.thumbFile?.filepath) {
+      const filepath = join(root, slide.thumbnails.thumbFile.filepath);
+    }
+    if (slide.thumbnails?.posterFile?.filepath) {
+
+    }
     for (const settings of slide.thumbnails!.settings!) {
-      logger.info(`Generating /${slide.path}/`);
+      logger.info(`Generating /${settings.path ?? slide.path}/`);
       const url = `${server.protocol ?? 'http'}://${server.host}:${server.port}/${settings.path ?? slide.path}/${settings.queryStringParams ? `?${objToQS(settings.queryStringParams)}` : ''}`
 
       try {
@@ -62,7 +69,7 @@ export default async function({ config, deployDir, server }: Params) {
           })
       ).toBuffer();
 
-      const fileName = typeof settings.filename == 'function' ? settings.filename(config, slide, settings) : settings.filename ?? 'thumb.png';
+      const fileName = typeof settings.outFile == 'function' ? settings.outFile(config, slide, settings) : settings.outFile ?? 'thumb.png';
       await writeFile(join(deployDir, slide.path, fileName), thumb);
     }
   }
@@ -72,7 +79,7 @@ export default async function({ config, deployDir, server }: Params) {
 }
 
 async function generateSharedThumb(config: IVeevaConfig, deployDir: string) {
-  let settings = config.thumbnails?.settings?.find(s => s.filename === 'thumb.png');
+  let settings = config.thumbnails?.settings?.find(s => s.outFile === 'thumb.png');
   const width = settings?.width ?? 600;
   const height = settings?.height ?? width / 4 * 3;
   const svgImage = `
@@ -125,8 +132,8 @@ function initThumbSettings(config: IVeevaConfig) {
   if (!config.thumbnails.default.height) {
     config.thumbnails.default.height = config.thumbnails.default.width / 4 * 3;
   }
-  if (!config.thumbnails.default.filename) {
-    config.thumbnails.default.filename = 'thumb.png';
+  if (!config.thumbnails.default.outFile) {
+    config.thumbnails.default.outFile = 'thumb.png';
   }
   if (!config.thumbnails.settings) {
     config.thumbnails.settings = [];
@@ -150,7 +157,7 @@ function initThumbSettings(config: IVeevaConfig) {
         case 'append':
           slide.thumbnails.settings = config.thumbnails.settings.concat(
             slide.thumbnails.settings.map((sets) => {
-              return {...config.thumbnails!.default, ...slide.thumbnails?.default ?? {}, ...sets}
+              return {...config.thumbnails!.default, ...sets}; // {...config.thumbnails!.default, ...slide.thumbnails?.default ?? {}, ...sets}
             })
           );
           break;
@@ -161,7 +168,7 @@ function initThumbSettings(config: IVeevaConfig) {
           for (let i=0; i<slide.thumbnails.settings.length; i++) {
             slide.thumbnails.settings[i] = {
               ...(config.thumbnails.settings[i] ?? config.thumbnails.default),
-              ...(slide.thumbnails.default ?? {}),
+              // ...(slide.thumbnails.default ?? {}),
               ...slide.thumbnails.settings[i]
             };
           }

package/src/types/config.d.ts

@@ -8,22 +8,31 @@ export interface IDimensions {
 }
 
 export interface IScreenshotSettings extends IDimensions {
-  filename?: string | ThumbnailNameHandler;
   path?: string;
   queryStringParams?: Record<string, boolean | number | string>;
   delay?: number;
+  outFile?: string | ThumbnailNameHandler;
   outDir?: string | string[] | ThumbnailNameHandler;
 }
 export interface IThumbnailSettings {
-  strategy?: 'append' | 'merge' | 'replace',
   default?: IScreenshotSettings;
   settings?: IScreenshotSettings[];
 }
+export interface ISlideThumbnailSettings {
+  strategy?: 'append' | 'merge' | 'replace';
+  thumbFile?: IDimensions & {
+    filepath: string;
+  };
+  posterFile?: IDimensions & {
+    filepath: string;
+  };
+  settings?: IScreenshotSettings[];
+}
 
 export interface IVeevaConfigSlide extends IVeevaClmSlide {
   path: string;
   enableActions?: Actions[];
-  thumbnails?: IThumbnailSettings;
+  thumbnails?: ISlideThumbnailSettings;
 }
 
 export interface IVeevaConfigPresentation extends IVeevaClmPresentation {
@@ -38,7 +47,7 @@ export interface IVeevaConfigPresentation extends IVeevaClmPresentation {
 export interface IVeevaConfig {
   dimensions: { width: number, height: number };
   slideSettings?: IVeevaClmSlideSettings; // legacy support
-  thumbnails?: Omit<IThumbnailSettings, 'strategy'>;
+  thumbnails?: IThumbnailSettings;
   
   presentation: IVeevaConfigPresentation & {
     name: string;

package/src/types/veeva.d.ts

@@ -3,8 +3,8 @@ export type iOSResolution = "Default For Device" | "Scale To 1024x768" | "Scale
 export type Actions = "Swipe" | "Pinch to Exit" | "Zoom" | "Rotation Lock" | "History Buttons" | "Navigation Bar" | "Reactions";
 export type CrmTarget = 'Salesforce' | 'Vault';
 
-export interface VeevaIdField {
-  id: string;
+export interface VeevaIdField<T = string> {
+  id: T;
 }
 export interface VeevaCrmIdField<T = string> {
   crmId: T;
@@ -16,9 +16,9 @@ export interface VeevaExternalIdField {
 export interface IVeevaClmBinderFields {
   language?: 'English' & (string & {});
   crmTarget?: CrmTarget;
-  crmOrg?: VeevaCrmIdField<string[]>;
+  crmOrg?: VeevaCrmIdField<string | string[]>;
   crmProduct?: VeevaIdField;
-  crmContentGroup?: VeevaIdField | VeevaIdField[];
+  crmContentGroup?: VeevaIdField<string | string[]>;
   crmDetailGroup?: VeevaIdField;
   detailGroup?: string;
   expirationDate?: `${string}/${string}/${string}`;

package/tsconfig.json

@@ -22,6 +22,7 @@
   ],
   "exclude": [
     "./dist",
-    "./node_modules"
+    "./node_modules",
+    "./src/components"
   ]
 }