Register dependency serializers

src/AureliaDependenciesPlugin.ts

@@ -1,4 +1,5 @@
 import { IncludeDependency } from "./IncludeDependency";
+import { ClassSerializer } from "./ClassSerializer";
 import * as estree from 'estree';
 import * as webpack from 'webpack';
 
@@ -8,8 +9,8 @@ const BasicEvaluatedExpression: $BasicEvaluatedExpression = require("webpack/lib
 const TAP_NAME = "Aurelia:Dependencies";
 
 class AureliaDependency extends IncludeDependency {
-  constructor(request: string, 
-              public range: [number, number], 
+  constructor(public request: string,
+              public range: [number, number],
               options?: DependencyOptions) {
     super(request, options);
   }
@@ -21,8 +22,22 @@ class AureliaDependency extends IncludeDependency {
   get [dependencyImports]() {
     return webpack.Dependency.EXPORTS_OBJECT_REFERENCED as any;
   }
+
+  serialize(context: any) {
+    const { write } = context;
+    write(this.range);
+    super.serialize(context);
+  }
+
+  deserialize(context: any) {
+    const { read } = context;
+    this.range = read();
+    super.deserialize(context);
+  }
 }
 
+webpack.util.serialization.register(AureliaDependency, "AureliaDependency", null as any, new ClassSerializer(AureliaDependency));
+
 class Template {
   apply(dep: AureliaDependency, source: webpack.sources.ReplaceSource) {
     source.replace(dep.range[0], dep.range[1] - 1, "'" + dep.request.replace(/^async(?:\?[^!]*)?!/, "") + "'");
@@ -100,7 +115,7 @@ class ParserPlugin {
             let value = parser.evaluateExpression(prop.value as estree.Literal)!;
             switch (prop.key.name) {
               case "chunk":
-                if (value.isString()) 
+                if (value.isString())
                   options.chunk = value.string;
                 break;
               case "exports":

src/ClassSerializer.ts

@@ -0,0 +1,19 @@
+export class ClassSerializer<T extends ISerializable> {
+  constructor(private ctor: { new(...params: any[]): T }) {
+  }
+
+  serialize(obj: T, context: any) {
+    obj.serialize(context);
+  }
+
+  deserialize(context: any) {
+    const obj = new this.ctor();
+    obj.deserialize(context);
+    return obj;
+  }
+}
+
+interface ISerializable {
+  serialize(context: any): void;
+  deserialize(context: any): void
+}

src/IncludeDependency.ts

@@ -2,6 +2,7 @@ import { dependencyImports } from "./PreserveExportsPlugin";
 import { preserveModuleName } from "./PreserveModuleNamePlugin";
 import * as webpack from 'webpack';
 import { DependencyOptions, ReferencedExport } from "./interfaces";
+import { ClassSerializer } from "./ClassSerializer";
 
 export class IncludeDependency extends webpack.dependencies.ModuleDependency {
   protected options?: DependencyOptions;
@@ -30,7 +31,21 @@ export class IncludeDependency extends webpack.dependencies.ModuleDependency {
   get [dependencyImports]() {
     return this.options?.exports;
   }
+
+  serialize(context: any) {
+    const { write } = context;
+    write(this.options);
+    super.serialize(context);
+  }
+
+  deserialize(context: any) {
+    const { read } = context;
+    this.options = read();
+    super.deserialize(context);
+  }
 };
 
+webpack.util.serialization.register(IncludeDependency, "IncludeDependency", null as any, new ClassSerializer(IncludeDependency));
+
 export type NullDependencyTemplate = typeof webpack.dependencies.NullDependency.Template;
-export const Template: NullDependencyTemplate = webpack.dependencies.NullDependency.Template;
+export const Template: NullDependencyTemplate = webpack.dependencies.NullDependency.Template;