add a compilePackages config option

seek-oss · Oct 13, 2022 · 5b1d96c · 5b1d96c
1 parent c893cf5
commit 5b1d96c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/packages/core/src/build.ts b/packages/core/src/build.ts
@@ -31,10 +31,10 @@ export const build = async (inlineConfig?: PartialConfig) => {
       vanillaExtractPlugin({ identifiers: 'short' }),
       addPageRoots(config),
     ],
-    logLevel: 'silent',
+    logLevel: 'warn',
     ssr: {
-      external: ['serialize-javascript', 'used-styles', ...builtinModules],
-      noExternal: ['braid-design-system'],
+      external: [...builtinModules, 'serialize-javascript', 'used-styles'],
+      noExternal: config.compilePackages,
     },
   };
 

diff --git a/packages/core/src/config.ts b/packages/core/src/config.ts
@@ -39,16 +39,22 @@ export interface Config {
   pageRoots: string[];
 
   /**
-   * Path to the App shell component
+   * Path to the App shell component.
    * @default 'src/App.tsx'
    */
   appShell: `${string}.tsx`;
 
   /**
-   * Override TypeScript `compilerOptions` for when generating `.d.ts` files
-   * @default '{ incremental: false, noEmitOnError: false }'
+   * Override TypeScript `compilerOptions` when generating `.d.ts` files.
+   * @default { incremental: false, noEmitOnError: false }
    */
   dtsOptions: Record<string, unknown>;
+
+  /**
+   * An array of `node_modules` to be compiled as if they were part of your source code.
+   * @default ['braid-design-system']
+   */
+  compilePackages: Array<string>;
 }
 
 export interface EnhancedConfig extends Config {
@@ -69,6 +75,7 @@ export const defaultConfig: Config = {
     incremental: false,
     noEmitOnError: false,
   },
+  compilePackages: ['braid-design-system'],
 };
 
 const determineAppShell = (
@@ -90,13 +97,17 @@ const determineAppShell = (
 };
 
 export const getConfig = (inlineConfig?: PartialConfig): EnhancedConfig => {
-  const config = {
+  const config: Config = {
     ...defaultConfig,
     ...inlineConfig,
     dtsOptions: {
       ...defaultConfig.dtsOptions,
       ...inlineConfig?.dtsOptions,
     },
+    compilePackages: [
+      ...defaultConfig.compilePackages,
+      ...(inlineConfig?.compilePackages ?? []),
+    ],
   };
 
   const resolveFromRoot = (filePath: string) =>

diff --git a/packages/core/src/start.ts b/packages/core/src/start.ts
@@ -64,12 +64,12 @@ export const start = async (
     },
     ssr: {
       external: [
+        ...builtinModules,
         '@crackle/router',
         'serialize-javascript',
         'used-styles',
-        ...builtinModules,
       ],
-      noExternal: ['braid-design-system'],
+      noExternal: config.compilePackages,
     },
   });
   // use vite's connect instance as middleware