import * as myModule from "./assembly/myModule";
import { instantiate } from "@assemblyscript/loader";
async function loadAndRun() {
 const { exports } = await instantiate<typeof myModule>(
 // workaround for TypeScript
 fetch((myModule as unknown) as string)
 );
 exports.myFunction(100);
}
loadAndRun();

// ./src/assembly/sayHello.ts
export function sayHello(firstName: string, lastName: string): string {
 return `Hello ${firstName} ${lastName}!`;
}
// ./src/sayHello.ts
import * as sayHelloModule from "./assembly/sayHello";
import { instantiate } from "as-loader/runtime";
export async function loadModule(): Promise<typeof sayHelloModule> {
 const { exports } = await instantiate(sayHelloModule, fetch);
 const { __pin, __unpin, __newString, __getString } = exports;
 function sayHello(firstName: string, lastName: string): string {
 const firstNamePtr = __pin(__newString(firstName));
 const lastNamePtr = __pin(__newString(lastName));
 const result = __getString(
 exports.sayHello(firstNamePtr, lastNamePtr)
 );
 __unpin(firstNamePtr);
 __unpin(lastNamePtr);
 return result;
 }
 return { sayHello };
}

// ./src/assembly/sayHello.ts
export function sayHello(firstName: string, lastName: string): string {
 return `Hello ${firstName} ${lastName}!`;
}
// ./src/sayHello.ts
import * as sayHelloModule from "./assembly/sayHello";
import { instantiate } from "as-loader/runtime/bind";
export async function loadModule(): Promise<typeof sayHelloModule> {
 const module = await instantiate(sayHelloModule, fetch);
 return { sayHello: module.exports.sayHello };
}

// webpack.config.js
module.exports = {
 entry: "src/index.ts",
 resolve: {
 extensions: [".ts", ".js"],
 },
 module: {
 rules: [
 {
 test: /\.ts$/,
 include: path.resolve(__dirname, "src/assembly"),
 use: [
 // fallback loader (must be before as-loader)
 {
 loader: "ts-loader",
 options: {
 transpileOnly: true
 } 
 }, 
 // as-loader, apart from building .wasm file,
 // will forward assembly script files to the fallback loader above
 // to build a .js file
 {
 loader: "as-loader",
 options: {
 fallback: true
 }
 }
 ]
 },
 {
 test: /\.ts$/,
 exclude: path.resolve(__dirname, "src/assembly"),
 loader: "ts-loader",
 },
 ],
 },
};

// ./src/assembly/sayHello.ts
export function sayHello(firstName: string, lastName: string): string {
 return `Hello ${firstName} ${lastName}!`;
}
// ./src/sayHello.ts
import * as sayHelloModule from "./assembly/sayHello";
import { instantiate } from "as-loader/runtime";
export async function loadModule(): Promise<typeof sayHelloModule> {
 // set fallback option to true (opt-in)
 const module = await instantiate(sayHelloModule, fetch, undefined, true);
 if (module.type === 'wasm') {
 const { __pin, __unpin, __newString, __getString } = exports;
 
 function sayHello(firstName: string, lastName: string): string {
 const firstNamePtr = __pin(__newString(firstName));
 const lastNamePtr = __pin(__newString(lastName));
 const result = __getString(
 exports.sayHello(firstNamePtr, lastNamePtr)
 );
 
 __unpin(firstNamePtr);
 __unpin(lastNamePtr);
 
 return result;
 }
 
 return { sayHello };
 } else {
 return { sayHello: module.exports.sayHello }
 }
}