adding shims in the correct place

Author: cblanquera

packages/ink/src/document/Builder.ts

@@ -55,7 +55,12 @@ export default class Builder {
   protected _extname = '.ink';
   //whether to minify the code
   protected _minify: boolean;
-  //transpiler
+  //shims need to be passed down to esbuild...
+  protected _shims: [ string|RegExp, string ][];
+  //transpiler 
+  // TODO: document transpiler is not being used here
+  // so we need to figure out whether if it's okay to
+  // remove this or not (it can be externally used...)
   protected _transpiler: Transpiler;
   //the file loader
   //the location of the tsconfig file
@@ -109,8 +114,9 @@ export default class Builder {
     } = options;
 
     this._emitter = emitter;
-    this._minify = minify;
     this._extname = extname;
+    this._minify = minify;
+    this._shims = shims;
 
     //generated values
     this._tsconfig = tsconfig;
@@ -170,7 +176,8 @@ export default class Builder {
             cwd: this._document.cwd,
             fs: this._document.fs,
             tsconfig: this._tsconfig,
-            extname: this._extname
+            extname: this._extname,
+            shims: this._shims
           })
         ]
       }
@@ -259,7 +266,8 @@ export default class Builder {
             cwd: this._document.cwd,
             fs: this._document.fs,
             tsconfig: this._tsconfig,
-            extname: this._extname
+            extname: this._extname,
+            shims: this._shims
           })
         ]
       }

packages/ink/src/plugins.ts

@@ -112,6 +112,7 @@ export function esDocumentPlugin(options: DocumentPluginOptions = {}) {
     extname = '.ink',
     cwd = process.cwd(),
     fs = new NodeFS(),
+    shims = [],
     ...config
   } = options;
   const name = {
@@ -139,6 +140,10 @@ export function esDocumentPlugin(options: DocumentPluginOptions = {}) {
             { ...config, fs, cwd, type: 'document' }
           );
           const transpiler = new DocumentTranspiler(document, tsconfig);
+          //add shims to transpiler
+          for (const [ key, value ] of shims) {
+            transpiler.shim(key, value);
+          }
           return {
             contents: toTS(transpiler.transpile()),
             loader: 'ts'
@@ -164,6 +169,10 @@ export function esDocumentPlugin(options: DocumentPluginOptions = {}) {
             { ...config, fs, cwd, type: 'document' }
           );
           const transpiler = new DocumentTranspiler(document, tsconfig);
+          //add shims to transpiler
+          for (const [ key, value ] of shims) {
+            transpiler.shim(key, value);
+          }
           return {
             contents: toTS(transpiler.client()),
             loader: 'ts'
@@ -204,6 +213,7 @@ export function esInkPlugin(options: InkPluginOptions = {}) {
     fs = new NodeFS(),
     mode = 'server',
     extname = '.ink',
+    shims = [],
     ...config
   } = options;
   const loader = new FileLoader(fs, cwd);
@@ -252,6 +262,10 @@ export function esInkPlugin(options: InkPluginOptions = {}) {
           type: 'document' 
         });
         const transpiler = new DocumentTranspiler(document, tsconfig);
+        //add shims to transpiler
+        for (const [ key, value ] of shims) {
+          transpiler.shim(key, value);
+        }
         return {
           contents: toTS(transpiler.transpile()),
           resolveDir: path.dirname(args.path),
@@ -270,6 +284,10 @@ export function esInkPlugin(options: InkPluginOptions = {}) {
           type: 'document' 
         });
         const transpiler = new DocumentTranspiler(document, tsconfig);
+        //add shims to transpiler
+        for (const [ key, value ] of shims) {
+          transpiler.shim(key, value);
+        }
         return {
           contents: toTS(transpiler.client()),
           resolveDir: path.dirname(args.path),

packages/ink/src/types.ts

@@ -526,7 +526,8 @@ export type AliasPluginOptions = FileOptions;
 export type ComponentPluginOptions = FileOptions & {
   brand?: string,
   tsconfig?: string,
-  extname?: string
+  extname?: string,
+  shims?: [ string|RegExp, string ][]
 };
 //options for esbuild plugin
 export type DocumentPluginOptions = ComponentPluginOptions;
@@ -537,7 +538,8 @@ export type InkPluginOptions = FileOptions & {
   brand?: string,
   mode?: 'client'|'server',
   tsconfig?: string,
-  extname?: string
+  extname?: string,
+  shims?: [ string|RegExp, string ][]
 };
 
 //options for the component class