Load wasm files as inline base64 data urls

Will make the `vips.worker.js` file quite big (~17MB)

packages/upload-media/src/store/utils/vips.ts

@@ -15,8 +15,6 @@ const createVipsWorker = createWorkerFactory(
 );
 const vipsWorker = createVipsWorker();
 
-void vipsWorker.setLocation( __webpack_public_path__ );
-
 export async function vipsConvertImageFormat(
 	id: QueueItemId,
 	file: File,

packages/vips/README.md

@@ -77,15 +77,5 @@ _Returns_
 
 -   `Promise< { buffer: ArrayBuffer; width: number; height: number; originalWidth: number; originalHeight: number; } >`: Processed file data plus the old and new dimensions.
 
-### setLocation
-
-Dynamically sets the location / public path to use for loading the WASM files.
-
-This is required when loading this module in an inline worker, where globals such as **webpack_public_path** are not available.
-
-_Parameters_
-
--   _newLocation_ `string`: Location, typically a base URL such as "<https://example.com/path/to/js/...">.
-
 
 <!-- END TOKEN(Autogenerated API docs) -->

packages/vips/src/index.ts

@@ -32,20 +32,6 @@ interface EmscriptenModule {
 	setDelayFunction: ( fn: ( fn: () => void ) => void ) => void;
 }
 
-let location = '';
-
-/**
- * Dynamically sets the location / public path to use for loading the WASM files.
- *
- * This is required when loading this module in an inline worker,
- * where globals such as __webpack_public_path__ are not available.
- *
- * @param newLocation Location, typically a base URL such as "https://example.com/path/to/js/...".
- */
-export function setLocation( newLocation: string ) {
-	location = newLocation;
-}
-
 let cleanup: () => void;
 
 let vipsInstance: typeof Vips;
@@ -70,7 +56,7 @@ async function getVips(): Promise< typeof Vips > {
 				fileName = VipsJxlModule;
 			}
 
-			return location + fileName;
+			return fileName;
 		},
 		preRun: ( module: EmscriptenModule ) => {
 			// https://github.com/kleisauke/wasm-vips/issues/13#issuecomment-1073246828

webpack.config.js

@@ -107,12 +107,7 @@ module.exports = {
 			},
 			{
 				test: /\.wasm$/,
-				type: 'asset/resource',
-				generator: {
-					// Use [contenthash:8] to help with cache busting.
-					filename: '[name].[contenthash:8].wasm',
-					publicPath: '',
-				},
+				type: 'asset/inline',
 			},
 			...defaultConfig.module.rules.slice( 1 ),
 		],