add support for paint worklets

Author: hughrawlinson

src/helper/auto/createBase64PaintWorkletFactory.js

@@ -0,0 +1,9 @@
+import {createBase64PaintWorkletFactory as browserCreateBase64PaintWorkletFactory} from '\0rollup-plugin-web-worker-loader::helper::browser::createBase64AudioWorkletFactory';
+import {isNodeJS} from '\0rollup-plugin-web-worker-loader::helper::auto::isNodeJS';
+
+export function createBase64PaintWorkletFactory(base64, sourcemapArg, enableUnicodeArg) {
+    if (isNodeJS()) {
+        throw new Error('rollup-plugin-web-worker-loader does not support Paint Worklet in Node.JS');
+    }
+    return browserCreateBase64PaintWorkletFactory(base64, sourcemapArg, enableUnicodeArg);
+}

src/helper/auto/createInlinePaintWorkletFactory.js

@@ -0,0 +1,10 @@
+import {createInlinePaintWorkletFactory as browserCreateInlinePaintWorkletFactory} from '\0rollup-plugin-web-worker-loader::helper::browser::createInlinePaintWorkletFactory';
+import {isNodeJS} from '\0rollup-plugin-web-worker-loader::helper::auto::isNodeJS';
+
+export function createInlinePaintWorkletFactory(fn, sourcemapArg) {
+    if (isNodeJS()) {
+        throw new Error('rollup-plugin-web-worker-loader does not support Paint Worklet in Node.JS');
+    }
+    return browserCreateInlinePaintWorkletFactory(fn, sourcemapArg);
+}
+

src/helper/auto/createURLPaintWorkletFactory.js

@@ -0,0 +1,10 @@
+import {createURLPaintWorkletFactory as browserCreateURLPaintWorkletFactory} from '\0rollup-plugin-web-worker-loader::helper::browser::createURLPaintWorkletFactory';
+import {isNodeJS} from '\0rollup-plugin-web-worker-loader::helper::auto::isNodeJS';
+
+export function createURLPaintWorkletFactory(url) {
+    if (isNodeJS()) {
+        throw new Error('rollup-plugin-web-worker-loader does not support Paint Worklet in Node.JS');
+    }
+    return browserCreateURLPaintWorkletFactory(url);
+}
+

src/helper/browser/createBase64PaintWorkletFactory.js

@@ -0,0 +1,30 @@
+function decodeBase64(base64, enableUnicode) {
+    var binaryString = atob(base64);
+    if (enableUnicode) {
+        var binaryView = new Uint8Array(binaryString.length);
+        for (var i = 0, n = binaryString.length; i < n; ++i) {
+            binaryView[i] = binaryString.charCodeAt(i);
+        }
+        return String.fromCharCode.apply(null, new Uint16Array(binaryView.buffer));
+    }
+    return binaryString;
+}
+
+function createURL(base64, sourcemapArg, enableUnicodeArg) {
+    var sourcemap = sourcemapArg === undefined ? null : sourcemapArg;
+    var enableUnicode = enableUnicodeArg === undefined ? false : enableUnicodeArg;
+    var source = decodeBase64(base64, enableUnicode);
+    var start = source.indexOf('\n', 10) + 1;
+    var body = source.substring(start) + (sourcemap ? '\/\/# sourceMappingURL=' + sourcemap : '');
+    var blob = new Blob([body], { type: 'application/javascript' });
+    return URL.createObjectURL(blob);
+}
+
+export function createBase64PaintWorkletFactory(base64, sourcemapArg, enableUnicodeArg) {
+    var url;
+    return async function PaintWorkletFactory(options) {
+        url = url || createURL(base64, sourcemapArg, enableUnicodeArg);
+        return await CSS.paintWorklet.addModule(url, options);
+    };
+}
+

src/helper/browser/createInlinePaintWorkletFactory.js

@@ -0,0 +1,16 @@
+import {funcToSource} from '\0rollup-plugin-web-worker-loader::helper::funcToSource';
+
+function createURL(fn, sourcemapArg) {
+    var lines = funcToSource(fn, sourcemapArg);
+    var blob = new Blob(lines, { type: 'application/javascript' });
+    return URL.createObjectURL(blob);
+}
+
+export function createInlinePaintWorkletFactory(fn, sourcemapArg) {
+    var url;
+    return async function PaintWorkletFactory(options) {
+        url = url || createURL(fn, sourcemapArg);
+        return await CSS.paintWorklet.addModule(url, options);
+    };
+}
+

src/helper/browser/createURLAudioWorkletFactory.js

@@ -1,4 +1,4 @@
-export function createURLAudioWorkletrFactory(url) {
+export function createURLAudioWorkletFactory(url) {
     return async function AudioWorkletFactory(audioContext, options) {
         return await audioContext.audioWorklet.addModule(url, options);
     };

src/helper/browser/createURLPaintWorkletFactory.js

@@ -0,0 +1,6 @@
+export function createURLPaintWorkletFactory(url) {
+    return async function PaintWorkletFactory(options) {
+        return await CSS.paintWorklet.addModule(url, options);
+    };
+}
+

src/index.js

@@ -14,7 +14,7 @@ const defaultConfig = {
     enableUnicode: false,
     webWorkerPattern: /web-worker:(.+)/,
     audioWorkletPattern: /audio-worklet:(.+)/,
-    // paintWorkletPattern: /paint-worklet:(.+)/,
+    paintWorkletPattern: /paint-worklet:(.+)/,
     // animationWorkletPattern: /animation-worklet:(.+)/,
     // serviceWorkerPattern: /service-worker:(.+)/,
     inline: true,

src/plugin/resolveId.js

@@ -32,13 +32,13 @@ function getMatchAndType(importee, config) {
             match,
         };
     }
-    // match = importee.match(config.paintWorkletPattern);
-    // if (match) {
-    //     return {
-    //         type: "paint-worklet",
-    //         match
-    //     }
-    // }
+    match = importee.match(config.paintWorkletPattern);
+    if (match) {
+        return {
+            type: 'paint-worklet',
+            match,
+        };
+    }
     // match = importee.match(config.animationWorkletPattern);
     // if (match) {
     //     return {

src/utils/buildWorkerCode.js

@@ -8,7 +8,7 @@ const kDefaultsOptions = {
 const typeMap = {
     'web-worker': 'Worker',
     'audio-worklet': 'AudioWorklet',
-    // 'paint-worklet': 'PaintWorklet',
+    'paint-worklet': 'PaintWorklet',
     // 'animation-worklet': 'AnimationWorklet',
     // 'service-worker': 'ServiceWorker'
 };