Refactor code structure for improved readability and maintainability

Remove debugging border from the websr plugin's styling

Enhance canvas sizing logic in artplayer-plugin-websr

- Updated canvas positioning to center it within the player.
- Introduced a new function to calculate canvas size based on the video aspect ratio.
- Adjusted canvas dimensions during initialization and on resize events to maintain aspect ratio.
- Ensured canvas styles are updated to reflect the calculated dimensions.

feat: add comparison mode to artplayer-plugin-websr

- Updated README.md to reflect new comparison feature and simplified content.
- Modified package.json to remove unnecessary keywords.
- Enhanced index.js to implement comparison functionality, allowing users to compare original and upscaled video.
- Added new methods for enabling, disabling, and toggling comparison mode, as well as setting and getting the comparison position.
- Updated TypeScript definitions to include new comparison options and methods.

docs/uncompiled/artplayer-plugin-websr/index.js

@@ -0,0 +1,783 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (
+  modules,
+  entry,
+  mainEntry,
+  parcelRequireName,
+  externals,
+  distDir,
+  publicUrl,
+  devServer
+) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var importMap = previousRequire.i || {};
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        if (externals[name]) {
+          return externals[name];
+        }
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        globalObject
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      if (res === false) {
+        return {};
+      }
+      // Synthesize a module to follow re-exports.
+      if (Array.isArray(res)) {
+        var m = {__esModule: true};
+        res.forEach(function (v) {
+          var key = v[0];
+          var id = v[1];
+          var exp = v[2] || v[0];
+          var x = newRequire(id);
+          if (key === '*') {
+            Object.keys(x).forEach(function (key) {
+              if (
+                key === 'default' ||
+                key === '__esModule' ||
+                Object.prototype.hasOwnProperty.call(m, key)
+              ) {
+                return;
+              }
+
+              Object.defineProperty(m, key, {
+                enumerable: true,
+                get: function () {
+                  return x[key];
+                },
+              });
+            });
+          } else if (exp === '*') {
+            Object.defineProperty(m, key, {
+              enumerable: true,
+              value: x,
+            });
+          } else {
+            Object.defineProperty(m, key, {
+              enumerable: true,
+              get: function () {
+                if (exp === 'default') {
+                  return x.__esModule ? x.default : x;
+                }
+                return x[exp];
+              },
+            });
+          }
+        });
+        return m;
+      }
+      return newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.require = nodeRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.distDir = distDir;
+  newRequire.publicUrl = publicUrl;
+  newRequire.devServer = devServer;
+  newRequire.i = importMap;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  // Only insert newRequire.load when it is actually used.
+  // The code in this file is linted against ES5, so dynamic import is not allowed.
+  // INSERT_LOAD_HERE
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+    }
+  }
+})({"fIfgU":[function(require,module,exports,__globalThis) {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "default", ()=>artplayerPluginWebsr);
+var _websr = require("@websr/websr");
+var _websrDefault = parcelHelpers.interopDefault(_websr);
+function artplayerPluginWebsr(option = {}) {
+    return (art)=>{
+        const { template: { $player }, constructor: { validator, utils: { append, setStyles } } } = art;
+        // Default options
+        option = validator({
+            scale: 2,
+            networkName: '',
+            weights: null,
+            compare: false,
+            ...option
+        }, {
+            scale: 'number',
+            networkName: 'string',
+            weights: '?string|object',
+            compare: 'boolean'
+        });
+        // Validate required parameters
+        if (!option.networkName) console.error('WebSR: networkName is required');
+        if (!option.weights) console.error('WebSR: weights is required');
+        let websr = null;
+        let gpu = null;
+        let isInitialized = false;
+        let isEnabled = true; // Always enabled
+        let renderFrameId = null;
+        let comparePosition = 0.5; // Comparison split position (0-1)
+        let isCompareDragging = false;
+        // Create canvas for upscaled output
+        const $canvas = document.createElement('canvas');
+        $canvas.id = 'artplayer-websr-canvas';
+        setStyles($canvas, {
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            display: 'block',
+            pointerEvents: 'none',
+            zIndex: '11',
+            imageRendering: 'crisp-edges'
+        });
+        append($player, $canvas);
+        // Create comparison divider
+        const $compareDivider = document.createElement('div');
+        $compareDivider.id = 'artplayer-websr-divider';
+        setStyles($compareDivider, {
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: '2px',
+            height: '100%',
+            backgroundColor: '#fff',
+            display: option.compare ? 'block' : 'none',
+            pointerEvents: 'auto',
+            cursor: 'col-resize',
+            zIndex: '12'
+        });
+        append($player, $compareDivider);
+        // Function to update divider position and canvas clip-path
+        function updateDividerPosition(pos) {
+            comparePosition = Math.max(0, Math.min(1, pos));
+            const offsetX = comparePosition * 100;
+            setStyles($compareDivider, {
+                left: offsetX + '%'
+            });
+            // Update canvas clip-path to show only right side (upscaled)
+            if (option.compare) {
+                const clipPercent = comparePosition * 100;
+                setStyles($canvas, {
+                    clipPath: `inset(0 0 0 ${clipPercent}%)`
+                });
+            }
+        }
+        // Mouse events for comparison dragging
+        document.addEventListener('mousemove', (e)=>{
+            if (!isCompareDragging) return;
+            const rect = $player.getBoundingClientRect();
+            const pos = (e.clientX - rect.left) / rect.width;
+            updateDividerPosition(pos);
+        });
+        document.addEventListener('mouseup', ()=>{
+            isCompareDragging = false;
+        });
+        $compareDivider.addEventListener('mousedown', ()=>{
+            isCompareDragging = true;
+        });
+        // Touch events for mobile
+        document.addEventListener('touchmove', (e)=>{
+            if (!isCompareDragging) return;
+            const rect = $player.getBoundingClientRect();
+            const pos = (e.touches[0].clientX - rect.left) / rect.width;
+            updateDividerPosition(pos);
+        }, {
+            passive: true
+        });
+        document.addEventListener('touchend', ()=>{
+            isCompareDragging = false;
+        });
+        $compareDivider.addEventListener('touchstart', ()=>{
+            isCompareDragging = true;
+        });
+        // Function to calculate canvas size based on video aspect ratio
+        function calcCanvasSize() {
+            const videoElement = art.video;
+            if (!videoElement) return {
+                displayWidth: 640,
+                displayHeight: 360
+            };
+            const containerWidth = $player.offsetWidth || 640;
+            const containerHeight = $player.offsetHeight || 360;
+            const videoWidth = videoElement.videoWidth || 640;
+            const videoHeight = videoElement.videoHeight || 360;
+            const aspectRatio = videoWidth / videoHeight;
+            let displayWidth = containerWidth;
+            let displayHeight = containerHeight;
+            if (containerWidth / containerHeight > aspectRatio) // Container is wider than video
+            displayWidth = containerHeight * aspectRatio;
+            else // Container is taller than video
+            displayHeight = containerWidth / aspectRatio;
+            return {
+                displayWidth,
+                displayHeight
+            };
+        }
+        // Initialize WebGPU and WebSR
+        async function initWebSR() {
+            try {
+                if (isInitialized) return true;
+                // Check WebGPU support
+                if (!navigator.gpu) {
+                    console.warn('WebGPU is not supported');
+                    return false;
+                }
+                // Initialize WebGPU
+                gpu = await (0, _websrDefault.default).initWebGPU();
+                if (!gpu) {
+                    console.warn('Failed to initialize WebGPU');
+                    return false;
+                }
+                // Load weights
+                let weights;
+                if (typeof option.weights === 'string') {
+                    // If weights is a URL, fetch it
+                    const weightResponse = await fetch(option.weights);
+                    if (!weightResponse.ok) {
+                        console.warn(`Failed to load weights from ${option.weights}`);
+                        return false;
+                    }
+                    weights = await weightResponse.json();
+                } else if (typeof option.weights === 'object') // If weights is an object, use it directly
+                weights = option.weights;
+                else {
+                    console.warn('Invalid weights format');
+                    return false;
+                }
+                // Create WebSR instance
+                const videoElement = art.video;
+                if (!videoElement) {
+                    console.warn('Video element not found');
+                    return false;
+                }
+                // Set canvas dimensions based on video aspect ratio
+                const { displayWidth, displayHeight } = calcCanvasSize();
+                $canvas.width = displayWidth * option.scale;
+                $canvas.height = displayHeight * option.scale;
+                setStyles($canvas, {
+                    width: displayWidth + 'px',
+                    height: displayHeight + 'px'
+                });
+                websr = new (0, _websrDefault.default)({
+                    source: videoElement,
+                    network_name: option.networkName,
+                    weights: weights,
+                    gpu: gpu,
+                    canvas: $canvas
+                });
+                isInitialized = true;
+                return true;
+            } catch (error) {
+                console.error('WebSR initialization error:', error);
+                return false;
+            }
+        }
+        // Render single frame
+        async function renderSingleFrame() {
+            if (!websr || !isEnabled || !art.video) return;
+            try {
+                await websr.render(art.video);
+            } catch (error) {
+                console.error('WebSR render error:', error);
+            }
+        }
+        // Render frame function
+        async function renderFrame() {
+            if (!websr || !isEnabled || !art.video || art.video.paused) {
+                renderFrameId = null;
+                return;
+            }
+            try {
+                await websr.render(art.video);
+            } catch (error) {
+                console.error('WebSR render error:', error);
+            }
+            // Continue rendering
+            if (isEnabled && !art.video.paused) renderFrameId = requestAnimationFrame(renderFrame);
+        }
+        // Enable WebSR
+        async function enable() {
+            if (isEnabled) return;
+            if (!isInitialized) {
+                const initialized = await initWebSR();
+                if (!initialized) {
+                    console.error('Failed to initialize WebSR');
+                    return;
+                }
+            }
+            isEnabled = true;
+            setStyle($canvas, 'display', 'block');
+            // Start rendering if video is playing
+            if (art.video && !art.video.paused) renderFrameId = requestAnimationFrame(renderFrame);
+            art.emit('artplayerPluginWebsr:enable');
+        }
+        // Disable WebSR
+        function disable() {
+            if (!isEnabled) return;
+            isEnabled = false;
+            setStyles($canvas, {
+                display: 'none'
+            });
+            // Cancel ongoing render
+            if (renderFrameId) {
+                cancelAnimationFrame(renderFrameId);
+                renderFrameId = null;
+            }
+            art.emit('artplayerPluginWebsr:disable');
+        }
+        // Toggle WebSR
+        async function toggle() {
+            if (isEnabled) disable();
+            else await enable();
+        }
+        // Listen to video events
+        art.on('play', ()=>{
+            renderSingleFrame(); // Render current frame immediately
+            if (isEnabled && isInitialized && !renderFrameId) renderFrameId = requestAnimationFrame(renderFrame);
+        });
+        art.on('pause', ()=>{
+            if (renderFrameId) {
+                cancelAnimationFrame(renderFrameId);
+                renderFrameId = null;
+            }
+        });
+        art.on('seek', ()=>{
+            if (isEnabled && isInitialized && !art.video.paused && !renderFrameId) renderFrameId = requestAnimationFrame(renderFrame);
+        });
+        art.on('resize', ()=>{
+            if (websr && $canvas.offsetParent) {
+                const { displayWidth, displayHeight } = calcCanvasSize();
+                $canvas.width = displayWidth * option.scale;
+                $canvas.height = displayHeight * option.scale;
+                setStyles($canvas, {
+                    width: displayWidth + 'px',
+                    height: displayHeight + 'px'
+                });
+            }
+        });
+        art.on('destroy', ()=>{
+            disable();
+            if (renderFrameId) {
+                cancelAnimationFrame(renderFrameId);
+                renderFrameId = null;
+            }
+            if ($canvas.parentNode) $canvas.parentNode.removeChild($canvas);
+        });
+        // Initialize if enabled by default
+        initWebSR().then(()=>{
+            // Render first frame after initialization
+            if (isEnabled && isInitialized && art.video) renderSingleFrame();
+        }).catch((err)=>console.error('Failed to init WebSR:', err));
+        // Return plugin API
+        return {
+            name: 'artplayerPluginWebsr',
+            websr: ()=>websr,
+            gpu: ()=>gpu,
+            canvas: ()=>$canvas,
+            enable,
+            disable,
+            toggle,
+            isEnabled: ()=>isEnabled,
+            isInitialized: ()=>isInitialized,
+            // Comparison mode methods
+            enableCompare: ()=>{
+                option.compare = true;
+                setStyles($compareDivider, {
+                    display: 'block'
+                });
+                updateDividerPosition(comparePosition);
+            },
+            disableCompare: ()=>{
+                option.compare = false;
+                setStyles($compareDivider, {
+                    display: 'none'
+                });
+                setStyles($canvas, {
+                    clipPath: 'none'
+                });
+            },
+            toggleCompare: ()=>{
+                if (option.compare) {
+                    setStyles($compareDivider, {
+                        display: 'none'
+                    });
+                    setStyles($canvas, {
+                        clipPath: 'none'
+                    });
+                    option.compare = false;
+                } else {
+                    option.compare = true;
+                    setStyles($compareDivider, {
+                        display: 'block'
+                    });
+                    updateDividerPosition(comparePosition);
+                }
+            },
+            setComparePosition: (pos)=>{
+                updateDividerPosition(pos);
+            },
+            getComparePosition: ()=>comparePosition,
+            isComparing: ()=>option.compare,
+            update: async (newOption)=>{
+                // Update weights and networkName (requires re-initialization)
+                if (newOption.weights !== undefined && newOption.weights !== option.weights || newOption.networkName !== undefined && newOption.networkName !== option.networkName) {
+                    // Update option values
+                    if (newOption.weights !== undefined) option.weights = newOption.weights;
+                    if (newOption.networkName !== undefined) option.networkName = newOption.networkName;
+                    // Mark as uninitialized to reload with new config
+                    isInitialized = false;
+                    // Reinitialize if enabled
+                    if (isEnabled) await initWebSR();
+                }
+                // Update scale factor
+                if (newOption.scale !== undefined && newOption.scale !== option.scale) {
+                    option.scale = newOption.scale;
+                    if ($canvas) {
+                        const { displayWidth, displayHeight } = calcCanvasSize();
+                        $canvas.width = displayWidth * option.scale;
+                        $canvas.height = displayHeight * option.scale;
+                        setStyles($canvas, {
+                            width: displayWidth + 'px',
+                            height: displayHeight + 'px'
+                        });
+                    }
+                }
+            }
+        };
+    };
+}
+if (typeof window !== 'undefined') window.artplayerPluginWebsr = artplayerPluginWebsr;
+
+},{"@websr/websr":"afAKC","@parcel/transformer-js/src/esmodule-helpers.js":"8oCsH"}],"afAKC":[function(require,module,exports,__globalThis) {
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */ (function webpackUniversalModuleDefinition(root, factory) {
+    module.exports = factory();
+})(self, ()=>{
+    return /******/ (()=>{
+        /******/ "use strict";
+        /******/ var __webpack_modules__ = {
+            /***/ "./src/context.ts": /*!************************!*\
+  !*** ./src/context.ts ***!
+  \************************/ /***/ function(__unused_webpack_module, exports) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nclass WebGPUContext {\n    constructor(device, resolution, canvas, scale, debug) {\n        this.device = device;\n        this.canvas = canvas;\n        this.resolution = resolution;\n        this.textures = {};\n        this.buffers = {};\n        this.destroyed = false;\n        this.scale = scale;\n        this.debug = debug;\n        let context = this.canvas.getContext('webgpu');\n        if (context instanceof GPUCanvasContext) {\n            this.context = context;\n        }\n        else {\n            throw new Error(\"Unable to load WebGPU context\");\n        }\n        this.context.configure({\n            device: this.device,\n            format: navigator.gpu.getPreferredCanvasFormat()\n        });\n        this.textureUsage = GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT;\n        this.bufferUsage = GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST;\n        if (this.debug) {\n            // Read output pixel value\n            this.textureUsage = this.textureUsage | GPUTextureUsage.COPY_SRC;\n            this.bufferUsage = this.bufferUsage | GPUBufferUsage.COPY_SRC;\n        }\n        this.textures['output'] = this.context.getCurrentTexture();\n    }\n    readBuffer(bufferName) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!this.buffers[bufferName])\n                throw new Error(`No buffer with name ${bufferName}`);\n            const readEncoder = this.device.createCommandEncoder({\n                label: `Read ${bufferName} buffer encoder`,\n            });\n            const buffer = this.buffers[bufferName];\n            const resultBuffer = this.device.createBuffer({\n                label: 'result buffer',\n                size: buffer.size,\n                usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST\n            });\n            readEncoder.copyBufferToBuffer(buffer, 0, resultBuffer, 0, resultBuffer.size);\n            this.device.queue.submit([readEncoder.finish()]);\n            yield resultBuffer.mapAsync(GPUMapMode.READ);\n            let range = resultBuffer.getMappedRange();\n            return new Float32Array(range);\n        });\n    }\n    readTexture(textureName) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!this.textures[textureName])\n                throw new Error(`No texture with name ${textureName}`);\n            const readEncoder = this.device.createCommandEncoder({\n                label: `Read ${textureName} texture encoder`,\n            });\n            const texture = this.textures[textureName];\n            let bitsPerPixel = 16;\n            if (texture.format === 'rgba8unorm')\n                bitsPerPixel = 4;\n            if (texture.format === 'r32float')\n                bitsPerPixel = 4;\n            const resultBuffer = this.device.createBuffer({\n                label: 'result buffer',\n                size: texture.width * texture.height * bitsPerPixel,\n                usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST\n            });\n            readEncoder.copyTextureToBuffer({\n                texture: this.textures[textureName],\n            }, {\n                buffer: resultBuffer,\n                bytesPerRow: texture.width * bitsPerPixel\n            }, {\n                width: texture.width,\n                height: texture.height,\n                depthOrArrayLayers: 1,\n            });\n            this.device.queue.submit([readEncoder.finish()]);\n            yield resultBuffer.mapAsync(GPUMapMode.READ);\n            if (texture.format === 'r32float')\n                return new Float32Array(resultBuffer.getMappedRange());\n            else if (texture.format === 'rgba32float')\n                return new Float32Array(resultBuffer.getMappedRange());\n            else if (texture.format === 'rgba8unorm')\n                return new Uint8ClampedArray(resultBuffer.getMappedRange());\n            return new Float32Array(0);\n        });\n    }\n    destroy() {\n        this.device.destroy();\n        this.destroyed = true;\n    }\n    buffer(key, options) {\n        if (!this.buffers[key]) {\n    
Line truncated
+            /***/ },
+            /***/ "./src/layers/anime4k/conv2d-112x4.ts": /*!********************************************!*\
+  !*** ./src/layers/anime4k/conv2d-112x4.ts ***!
+  \********************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_compute_layer_1 = __webpack_require__(/*! ../base_compute_layer */ \"./src/layers/base_compute_layer.ts\");\nclass Anime4KConv112x4 extends base_compute_layer_1.default {\n    constructor(inputs, outputBuffer, weights, first) {\n        super(inputs, outputBuffer, weights);\n        this.label = \"Anime4KConv112x4\";\n        const kernels = weights.weights;\n        this.createUniform(\"kernels\", \"array<mat4x4f, 28>\");\n        let read_buffers = '';\n        for (let i = 0; i < 7; i++) {\n            if (first) {\n                read_buffers += `\n                let pixel_val${i} = inputBuffer${i}[buff_ind];\n                result += kernels[${4 * i}]*max(pixel_val${i}, vec4f(0.0));\n                result += kernels[${4 * i + 2}]*max(-1.0*pixel_val${i}, vec4f(0.0));\n            `;\n            }\n            else {\n                read_buffers += `\n                let pixel_val${i} = inputBuffer${i}[buff_ind];\n                result += kernels[${4 * i + 1}]*max(pixel_val${i}, vec4f(0.0));\n                result += kernels[${4 * i + 3}]*max(-1.0*pixel_val${i}, vec4f(0.0));`;\n            }\n        }\n        this.shader = this.createStandardShader(`\n        \n          @compute @workgroup_size(${this.num_work_groups}, ${this.num_work_groups}) fn main( @builtin(global_invocation_id) id: vec3<u32>) {\n          \n                let x = id.x;\n                let y = id.y;\n                \n                let i = id.y*${this.resolution.width} + x;\n                var result  = vec4f(0.0, 0.0, 0.0, 0.0);\n                \n                let coord = vec2<i32>( i32(x), i32(y));\n               \n                let buff_ind = coord.y*${this.resolution.width} + coord.x;\n                ${read_buffers}\n                \n                outputBuffer[i] = result;\n          }\n        `);\n        this.setUniform(\"kernels\", new Float32Array(kernels));\n        this.defaultSetup();\n    }\n    defaultPipelineConfig() {\n        return {\n            label: `${this.label}-pipeline`,\n            layout: 'auto',\n            compute: {\n                module: this.shader,\n                entryPoint: 'main',\n            },\n        };\n    }\n    defaultBindGroup() {\n        const entries = [];\n        this.inputs.forEach(function (input, i) {\n            if (input instanceof GPUExternalTexture) {\n                entries.push({ binding: i, resource: input });\n            }\n            else if (input instanceof GPUTexture) {\n                entries.push({ binding: i, resource: input.createView() });\n            }\n            else if (input instanceof GPUBuffer) {\n                entries.push({ binding: i, resource: { buffer: input } });\n            }\n        });\n        this.uniforms.forEach((uniform, i) => {\n            entries.push({\n                binding: i + this.inputs.length,\n                resource: {\n                    buffer: this.buffers[uniform.name]\n                }\n            });\n        });\n        if (this.output instanceof GPUBuffer) {\n            entries.push({\n                binding: this.inputs.length + this.uniforms.length,\n                resource: {\n                    buffer: this.output\n                }\n            });\n        }\n        if (entries.length === 0)\n            return null;\n        return this.device.createBindGroup({\n            layout: this.pipeline.getBindGroupLayout(0),\n            entries\n        });\n    }\n}\nexports[\"default\"] = Anime4KConv112x4;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/conv2d-112x4.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/conv2d-16x4.ts": /*!*******************************************!*\
+  !*** ./src/layers/anime4k/conv2d-16x4.ts ***!
+  \*******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_compute_layer_1 = __webpack_require__(/*! ../base_compute_layer */ \"./src/layers/base_compute_layer.ts\");\nclass Anime4KConv16x4 extends base_compute_layer_1.default {\n    constructor(inputs, outputBuffer, weights) {\n        super(inputs, outputBuffer, weights);\n        this.label = \"Anime4KConv16x4\";\n        const kernels = weights.weights;\n        const bias = weights.bias;\n        this.createUniform(\"kernel_offsets\", \"array<vec4f, 9>\");\n        this.createUniform(\"kernels\", \"array<mat4x4f, 36>\");\n        this.createUniform(\"bias\", \"vec4f\");\n        this.shader = this.createStandardShader(`\n        \n          @compute @workgroup_size(${this.num_work_groups}, ${this.num_work_groups}) fn main( @builtin(global_invocation_id) id: vec3<u32>) {\n          \n                let x = id.x;\n                let y = id.y;\n                \n                let i = id.y*${this.resolution.width} + x;\n                var result  = vec4f(0.0, 0.0, 0.0, 0.0);\n                \n                let coord = vec2<i32>( i32(x), i32(y));\n                      \n                 for(var i = 0u; i < 9; i++){\n                   let pixel_loc = coord + vec2<i32>(kernel_offsets[i].xy);\n                   let buff_ind = pixel_loc.y*${this.resolution.width} + pixel_loc.x;\n                   \n                   let pix_val0 = inputBuffer0[buff_ind];\n                   let pix_val1 = inputBuffer1[buff_ind];\n                  \n                   result += kernels[i]*max(pix_val0, vec4f(0.0));\n                   result += kernels[i+9]*max(pix_val1, vec4f(0.0));\n                   result += kernels[i+18]*max(-1.0*pix_val0, vec4f(0.0));\n                   result += kernels[i+27]*max(-1.0*pix_val1, vec4f(0.0));\n                 } \n                 \n\n                    \n                result += bias;\n                \n                outputBuffer[i] = result;\n          }\n        `);\n        this.setUniform(\"kernel_offsets\", new Float32Array([\n            -1, -1, 0, 0,\n            -1, 0, 0, 0,\n            -1, 1, 0, 0,\n            0, -1, 0, 0,\n            0, 0, 0, 0,\n            0, 1, 0, 0,\n            1, -1, 0, 0,\n            1, 0, 0, 0,\n            1, 1, 0, 0,\n        ]));\n        this.setUniform(\"kernels\", new Float32Array(kernels));\n        this.setUniform(\"bias\", new Float32Array(bias));\n        this.defaultSetup();\n    }\n}\nexports[\"default\"] = Anime4KConv16x4;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/conv2d-16x4.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/conv2d-3x4.ts": /*!******************************************!*\
+  !*** ./src/layers/anime4k/conv2d-3x4.ts ***!
+  \******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_compute_layer_1 = __webpack_require__(/*! ../base_compute_layer */ \"./src/layers/base_compute_layer.ts\");\nclass Anime4KConv3x4 extends base_compute_layer_1.default {\n    constructor(inputTextures, outputBuffer, weights) {\n        super(inputTextures, outputBuffer, weights);\n        this.label = \"Anime4KConv3x4\";\n        const kernels = weights.weights;\n        const bias = weights.bias;\n        this.createUniform(\"kernel_offsets\", \"array<vec4f, 9>\");\n        this.createUniform(\"kernels\", \"array<mat4x4f, 9>\");\n        this.createUniform(\"bias\", \"vec4f\");\n        // Set up pipeline in Lazy Load\n        this.setUniform(\"kernel_offsets\", new Float32Array([\n            -1, -1, 0, 0,\n            -1, 0, 0, 0,\n            -1, 1, 0, 0,\n            0, -1, 0, 0,\n            0, 0, 0, 0,\n            0, 1, 0, 0,\n            1, -1, 0, 0,\n            1, 0, 0, 0,\n            1, 1, 0, 0,\n        ]));\n        this.setUniform(\"kernels\", new Float32Array(kernels));\n        this.setUniform(\"bias\", new Float32Array(bias));\n    }\n    lazyLoadSetup() {\n        const externalTexture = this.inputs[0] instanceof GPUExternalTexture;\n        const textureLoad = externalTexture ? 'textureLoad(inputTexture0, coord + offset)' :\n            'textureLoad(inputTexture0, coord + offset, 0)';\n        this.shader = this.createStandardShader(`\n        \n          @compute @workgroup_size(${this.num_work_groups}, ${this.num_work_groups}) fn main( @builtin(global_invocation_id) id: vec3<u32>) {\n          \n                let x = id.x;\n                let y = id.y;\n                \n                let i = id.y*${this.resolution.width} + x;\n                var result  = vec4f(0.0, 0.0, 0.0, 0.0);\n                \n                let coord = vec2<i32>( i32(x), i32(y));\n                      \n                 for(var i = 0u; i < 9; i++){\n                   let offset = vec2<i32>(kernel_offsets[i].xy);\n                   result += kernels[i]*${textureLoad};\n                 } \n                    \n                result += bias;\n                \n                outputBuffer[i] = result;\n          }\n        `);\n        this.pipeline = this.device.createComputePipeline(this.defaultPipelineConfig());\n        this.bindGroup = this.defaultBindGroup();\n    }\n}\nexports[\"default\"] = Anime4KConv3x4;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/conv2d-3x4.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/conv2d-56x4.ts": /*!*******************************************!*\
+  !*** ./src/layers/anime4k/conv2d-56x4.ts ***!
+  \*******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_compute_layer_1 = __webpack_require__(/*! ../base_compute_layer */ \"./src/layers/base_compute_layer.ts\");\nclass Anime4KConv56x4 extends base_compute_layer_1.default {\n    constructor(inputs, outputBuffer, weights) {\n        super(inputs, outputBuffer, weights);\n        this.label = \"Anime4KConv56x4\";\n        const kernels = weights.weights;\n        const bias = weights.bias;\n        this.createUniform(\"kernels\", \"array<mat4x4f, 14>\");\n        this.createUniform(\"bias\", \"vec4f\");\n        let read_buffers = '';\n        for (let i = 0; i < 7; i++) {\n            read_buffers += `\n            let pixel_val${i} = inputBuffer${i}[buff_ind];\n            result += kernels[${2 * i}]*max(pixel_val${i}, vec4f(0.0));\n            result += kernels[${2 * i + 1}]*max(-1.0*pixel_val${i}, vec4f(0.0));\n            `;\n        }\n        this.shader = this.createStandardShader(`\n        \n          @compute @workgroup_size(${this.num_work_groups}, ${this.num_work_groups}) fn main( @builtin(global_invocation_id) id: vec3<u32>) {\n          \n                let x = id.x;\n                let y = id.y;\n                \n                let i = id.y*${this.resolution.width} + x;\n                var result  = vec4f(0.0, 0.0, 0.0, 0.0);\n                \n                let coord = vec2<i32>( i32(x), i32(y));\n               \n                let buff_ind = coord.y*${this.resolution.width} + coord.x;\n                ${read_buffers}\n                      \n                result += bias;\n                \n                outputBuffer[buff_ind] = result;\n          }\n        `);\n        this.setUniform(\"kernels\", new Float32Array(kernels));\n        this.setUniform(\"bias\", new Float32Array(bias));\n        this.defaultSetup();\n    }\n    defaultPipelineConfig() {\n        return {\n            label: `${this.label}-pipeline`,\n            layout: 'auto',\n            compute: {\n                module: this.shader,\n                entryPoint: 'main',\n            },\n        };\n    }\n    defaultBindGroup() {\n        const entries = [];\n        this.inputs.forEach(function (input, i) {\n            if (input instanceof GPUExternalTexture) {\n                entries.push({ binding: i, resource: input });\n            }\n            else if (input instanceof GPUTexture) {\n                entries.push({ binding: i, resource: input.createView() });\n            }\n            else if (input instanceof GPUBuffer) {\n                entries.push({ binding: i, resource: { buffer: input } });\n            }\n        });\n        this.uniforms.forEach((uniform, i) => {\n            entries.push({\n                binding: i + this.inputs.length,\n                resource: {\n                    buffer: this.buffers[uniform.name]\n                }\n            });\n        });\n        if (this.output instanceof GPUBuffer) {\n            entries.push({\n                binding: this.inputs.length + this.uniforms.length,\n                resource: {\n                    buffer: this.output\n                }\n            });\n        }\n        if (entries.length === 0)\n            return null;\n        return this.device.createBindGroup({\n            layout: this.pipeline.getBindGroupLayout(0),\n            entries\n        });\n    }\n}\nexports[\"default\"] = Anime4KConv56x4;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/conv2d-56x4.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/conv2d-8x4.ts": /*!******************************************!*\
+  !*** ./src/layers/anime4k/conv2d-8x4.ts ***!
+  \******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_compute_layer_1 = __webpack_require__(/*! ../base_compute_layer */ \"./src/layers/base_compute_layer.ts\");\nclass Anime4KConv8x4 extends base_compute_layer_1.default {\n    constructor(inputs, outputBuffer, weights) {\n        super(inputs, outputBuffer, weights);\n        this.label = \"Anime4KConv8x4\";\n        const kernels = weights.weights;\n        const bias = weights.bias;\n        this.createUniform(\"kernel_offsets\", \"array<vec4f, 9>\");\n        this.createUniform(\"kernels\", \"array<mat4x4f, 18>\");\n        this.createUniform(\"bias\", \"vec4f\");\n        this.shader = this.createStandardShader(`\n        \n          @compute @workgroup_size(${this.num_work_groups}, ${this.num_work_groups}) fn main( @builtin(global_invocation_id) id: vec3<u32>) {\n          \n                let x = id.x;\n                let y = id.y;\n                \n                let i = id.y*${this.resolution.width} + x;\n                var result  = vec4f(0.0, 0.0, 0.0, 0.0);\n                \n                let coord = vec2<i32>( i32(x), i32(y));\n                      \n                 for(var i = 0u; i < 9; i++){\n                   let pixel_loc = coord + vec2<i32>(kernel_offsets[i].xy);\n                   let buff_ind = pixel_loc.y*${this.resolution.width} + pixel_loc.x;\n                   \n                   let pix_val = inputBuffer0[buff_ind];\n                  \n                   result += kernels[i]*max(pix_val, vec4f(0.0));\n                   result += kernels[i+9]*max(-1.0*pix_val, vec4f(0.0));\n                 } \n                    \n                result += bias;\n                \n                outputBuffer[i] = result;\n          }\n        `);\n        this.setUniform(\"kernel_offsets\", new Float32Array([\n            -1, -1, 0, 0,\n            -1, 0, 0, 0,\n            -1, 1, 0, 0,\n            0, -1, 0, 0,\n            0, 0, 0, 0,\n            0, 1, 0, 0,\n            1, -1, 0, 0,\n            1, 0, 0, 0,\n            1, 1, 0, 0,\n        ]));\n        this.setUniform(\"kernels\", new Float32Array(kernels));\n        this.setUniform(\"bias\", new Float32Array(bias));\n        this.defaultSetup();\n    }\n}\nexports[\"default\"] = Anime4KConv8x4;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/conv2d-8x4.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/conv2d-concat2.ts": /*!**********************************************!*\
+  !*** ./src/layers/anime4k/conv2d-concat2.ts ***!
+  \**********************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_compute_layer_1 = __webpack_require__(/*! ../base_compute_layer */ \"./src/layers/base_compute_layer.ts\");\nclass Anime4KConcat2 extends base_compute_layer_1.default {\n    constructor(inputs, outputBuffer, weights) {\n        super(inputs, outputBuffer, weights);\n        this.label = \"Anime4KConcat2\";\n        this.createUniform(\"bias\", \"vec4f\");\n        const bias = weights.bias;\n        this.shader = this.createStandardShader(`\n        \n          @compute @workgroup_size(${this.num_work_groups}, ${this.num_work_groups}) fn main( @builtin(global_invocation_id) id: vec3<u32>) {\n          \n                let x = id.x;\n                let y = id.y;\n                \n                let i = id.y*${this.resolution.width} + x;\n                var result  = vec4f(0.0, 0.0, 0.0, 0.0);\n                \n                let coord = vec2<i32>( i32(x), i32(y));\n               \n                let buff_ind = coord.y*${this.resolution.width} + coord.x;\n               \n                outputBuffer[buff_ind] = inputBuffer0[buff_ind] + inputBuffer1[buff_ind] + bias;\n          }\n        `);\n        this.setUniform(\"bias\", new Float32Array(bias));\n        this.defaultSetup();\n    }\n}\nexports[\"default\"] = Anime4KConcat2;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/conv2d-concat2.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/display.ts": /*!***************************************!*\
+  !*** ./src/layers/anime4k/display.ts ***!
+  \***************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_render_layer_1 = __webpack_require__(/*! ../base_render_layer */ \"./src/layers/base_render_layer.ts\");\nclass DisplayLayer extends base_render_layer_1.default {\n    constructor(inputs, output) {\n        super(inputs, output);\n        this.label = \"DisplayLayer\";\n        this.vertexScale = {\n            width: 1,\n            height: 1\n        };\n        this.sampler = this.device.createSampler({\n            addressModeU: \"repeat\",\n            addressModeV: \"repeat\",\n            magFilter: \"linear\",\n            minFilter: \"linear\",\n            mipmapFilter: \"linear\",\n        });\n    }\n    lazyLoadSetup() {\n        const externalTexture = this.inputs[1] instanceof GPUExternalTexture;\n        const textureLoad = externalTexture ? 'textureSampleBaseClampToEdge(inputTexture, ourSampler, input.tex_coord)' :\n            'textureSample(inputTexture, ourSampler, input.tex_coord)';\n        this.shader = this.device.createShaderModule({\n            label: `${this.label}-shader`,\n            code: `\n                \n                   ${this.defaultVertexShader()}\n                   @group(0) @binding(0) var<storage, read_write> inputBuffer0: array<vec4f>;\n                   @group(0) @binding(1) var inputTexture: ${externalTexture ? 'texture_external' : 'texture_2d<f32>'};\n                   @group(0) @binding(2) var ourSampler: sampler;\n                  \n                   @fragment fn fragmentMain(input: VertexShaderOutput) -> @location(0) vec4f {\n                      \n                        let x = ${this.resolution.width}.0*(input.tex_coord.x);\n                        let y = ${this.resolution.height}.0*(input.tex_coord.y);\n                        \n                        let y2 = u32(floor(y));\n                        let x2 = u32(floor(x));\n                        \n                        let i = y2*${Math.floor(this.resolution.width)} +  x2;\n                       \n                        let x_floor  = u32(fract(x)*2.0);\n                        let y_floor  = u32(fract(y)*2.0);\n                        \n                        //I don t know, I think this is right? I found this by trial and error\n                        let c_index: u32 = x_floor + y_floor*2;  \n        \n                        let value = inputBuffer0[i][c_index];\n                        \n                        let bicubic = ${textureLoad};\n                        \n                        return bicubic + vec4f(value);\n                    \n                      }            \n            `\n        });\n        this.pipeline = this.device.createRenderPipeline(this.defaultPipelineConfig());\n        this.bindGroup = this.defaultBindGroup();\n        this.renderPassDescriptor = this.defaultRenderPassDescriptor();\n    }\n    defaultBindGroup() {\n        const entries = [];\n        this.inputs.forEach(function (input, i) {\n            if (input instanceof GPUExternalTexture) {\n                entries.push({ binding: i, resource: input });\n            }\n            else if (input instanceof GPUTexture) {\n                entries.push({ binding: i, resource: input.createView() });\n            }\n            else if (input instanceof GPUBuffer) {\n                entries.push({ binding: i, resource: { buffer: input } });\n            }\n        });\n        entries.push({ binding: this.inputs.length, resource: this.sampler });\n        return this.device.createBindGroup({\n            layout: this.pipeline.getBindGroupLayout(0),\n            entries\n        });\n    }\n}\nexports[\"default\"] = DisplayLayer;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/display.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/display_1x.ts": /*!******************************************!*\
+  !*** ./src/layers/anime4k/display_1x.ts ***!
+  \******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_render_layer_1 = __webpack_require__(/*! ../base_render_layer */ \"./src/layers/base_render_layer.ts\");\nclass DisplayLayer extends base_render_layer_1.default {\n    constructor(inputs, output) {\n        super(inputs, output);\n        this.label = \"DisplayLayer\";\n        this.vertexScale = {\n            width: 1,\n            height: 1\n        };\n        this.sampler = this.device.createSampler({\n            addressModeU: \"repeat\",\n            addressModeV: \"repeat\",\n            magFilter: \"linear\",\n            minFilter: \"linear\",\n            mipmapFilter: \"linear\",\n        });\n    }\n    lazyLoadSetup() {\n        const externalTexture = this.inputs[1] instanceof GPUExternalTexture;\n        const textureLoad = externalTexture ? 'textureSampleBaseClampToEdge(inputTexture, ourSampler, input.tex_coord)' :\n            'textureSample(inputTexture, ourSampler, input.tex_coord)';\n        this.shader = this.device.createShaderModule({\n            label: `${this.label}-shader`,\n            code: `\n                \n                   ${this.defaultVertexShader()}\n                   @group(0) @binding(0) var<storage, read_write> inputBuffer0: array<vec4f>;\n                   @group(0) @binding(1) var inputTexture: ${externalTexture ? 'texture_external' : 'texture_2d<f32>'};\n                   @group(0) @binding(2) var ourSampler: sampler;\n                  \n                   @fragment fn fragmentMain(input: VertexShaderOutput) -> @location(0) vec4f {\n                      \n                        let x = ${this.resolution.width}.0*(input.tex_coord.x);\n                        let y = ${this.resolution.height}.0*(input.tex_coord.y);\n                        \n                        let y2 = u32(floor(y));\n                        let x2 = u32(floor(x));\n                        \n                        let i = y2*${Math.floor(this.resolution.width)} +  x2;\n      \n                        let bicubic = ${textureLoad};\n                        \n                        return bicubic + inputBuffer0[i];\n                    \n                      }            \n            `\n        });\n        this.pipeline = this.device.createRenderPipeline(this.defaultPipelineConfig());\n        this.bindGroup = this.defaultBindGroup();\n        this.renderPassDescriptor = this.defaultRenderPassDescriptor();\n    }\n    defaultBindGroup() {\n        const entries = [];\n        this.inputs.forEach(function (input, i) {\n            if (input instanceof GPUExternalTexture) {\n                entries.push({ binding: i, resource: input });\n            }\n            else if (input instanceof GPUTexture) {\n                entries.push({ binding: i, resource: input.createView() });\n            }\n            else if (input instanceof GPUBuffer) {\n                entries.push({ binding: i, resource: { buffer: input } });\n            }\n        });\n        entries.push({ binding: this.inputs.length, resource: this.sampler });\n        return this.device.createBindGroup({\n            layout: this.pipeline.getBindGroupLayout(0),\n            entries\n        });\n    }\n}\nexports[\"default\"] = DisplayLayer;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/display_1x.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/anime4k/display_3c.ts": /*!******************************************!*\
+  !*** ./src/layers/anime4k/display_3c.ts ***!
+  \******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_render_layer_1 = __webpack_require__(/*! ../base_render_layer */ \"./src/layers/base_render_layer.ts\");\nclass DisplayLayer3C extends base_render_layer_1.default {\n    constructor(inputs, output) {\n        super(inputs, output);\n        this.label = \"DisplayLayer3C\";\n        this.vertexScale = {\n            width: 1,\n            height: 1\n        };\n        this.sampler = this.device.createSampler({\n            addressModeU: \"repeat\",\n            addressModeV: \"repeat\",\n            magFilter: \"linear\",\n            minFilter: \"linear\",\n            mipmapFilter: \"linear\",\n        });\n    }\n    lazyLoadSetup() {\n        const externalTexture = this.inputs[3] instanceof GPUExternalTexture;\n        const textureLoad = externalTexture ? 'textureSampleBaseClampToEdge(inputTexture, ourSampler, input.tex_coord)' :\n            'textureSample(inputTexture, ourSampler, input.tex_coord)';\n        this.shader = this.device.createShaderModule({\n            label: `${this.label}-shader`,\n            code: `\n                \n                   ${this.defaultVertexShader()}\n                   @group(0) @binding(0) var<storage, read_write> inputBuffer0: array<vec4f>;\n                   @group(0) @binding(1) var<storage, read_write> inputBuffer1: array<vec4f>;\n                   @group(0) @binding(2) var<storage, read_write> inputBuffer2: array<vec4f>;\n                   @group(0) @binding(3) var inputTexture: ${externalTexture ? 'texture_external' : 'texture_2d<f32>'};\n                   @group(0) @binding(4) var ourSampler: sampler;\n                  \n                   @fragment fn fragmentMain(input: VertexShaderOutput) -> @location(0) vec4f {\n                      \n                        let x = ${this.resolution.width}.0*(input.tex_coord.x);\n                        let y = ${this.resolution.height}.0*(input.tex_coord.y);\n                        \n                        let y2 = u32(floor(y));\n                        let x2 = u32(floor(x));\n                        \n                        let i = y2*${Math.floor(this.resolution.width)} +  x2;\n                       \n                        let x_floor  = u32(fract(x)*2.0);\n                        let y_floor  = u32(fract(y)*2.0);\n                        \n                        //I don t know, I think this is right? I found this by trial and error\n                        let c_index: u32 = x_floor + y_floor*2;  \n        \n                        let value = inputBuffer0[i][c_index];\n                        let value1 = inputBuffer1[i][c_index];\n                        let value2 = inputBuffer2[i][c_index];\n                        \n                        let bicubic = ${textureLoad};\n                        \n                        return bicubic + vec4f(value, value1, value2, value2);\n                    \n                      }            \n            `\n        });\n        this.pipeline = this.device.createRenderPipeline(this.defaultPipelineConfig());\n        this.bindGroup = this.defaultBindGroup();\n        this.renderPassDescriptor = this.defaultRenderPassDescriptor();\n    }\n    defaultPipelineConfig() {\n        return {\n            label: `${this.label}-pipeline`,\n            layout: 'auto',\n            vertex: {\n                module: this.shader,\n                entryPoint: 'vertexMain',\n            },\n            fragment: {\n                module: this.shader,\n                entryPoint: 'fragmentMain',\n                targets: [{ format: this.output.format }],\n            },\n        };\n    }\n    defaultBindGroup() {\n        const entries = [];\n        this.inputs.forEach(function (input, i) {\n            if (input instanceof GPUExternalTexture) {\n                entries.push({ binding: i, resource: input });\n            }\n            else if (input instanceof GPUTexture) {\n                entries.push({ binding: i, resource: input.createView() });\n            }\n            else if (input instanceof GPUBuffer) {\n                entries.push({ binding: i, resource: { buffer: input } });\n            }\n        });\n        entries.push({ binding: this.inputs.length, resource: this.sampler });\n        return this.device.createBindGroup({\n            layout: this.pipeline.getBindGroupLayout(0),\n            entries\n        });\n    }\n}\nexports[\"default\"] = DisplayLayer3C;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/anime4k/display_3c.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/base_compute_layer.ts": /*!******************************************!*\
+  !*** ./src/layers/base_compute_layer.ts ***!
+  \******************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_layer_1 = __webpack_require__(/*! ./base_layer */ \"./src/layers/base_layer.ts\");\nclass ComputeLayer extends base_layer_1.default {\n    constructor(inputTextures, outputBuffer, weights) {\n        super(inputTextures, outputBuffer, weights);\n        this.num_work_groups = 8;\n    }\n    createStandardShader(computeShader) {\n        return this.device.createShaderModule({\n            label: `${this.label}-shader`,\n            code: `\n              \n              ${this.computeShaderInputs()}\n              \n              ${computeShader}\n        `\n        });\n    }\n    computeShaderInputs() {\n        const inputs = [];\n        for (let i = 0; i < this.inputs.length; i++) {\n            if (this.inputs[i] instanceof GPUTexture) {\n                inputs.push(`@group(0) @binding(${i}) var inputTexture${i}: texture_2d<f32>;`);\n            }\n            else if (this.inputs[i] instanceof GPUExternalTexture) {\n                inputs.push(`@group(0) @binding(${i}) var inputTexture${i}: texture_external;`);\n            }\n            else if (this.inputs[i] instanceof GPUBuffer) {\n                inputs.push(`@group(0) @binding(${i}) var<storage, read_write> inputBuffer${i}: array<vec4f>;`);\n            }\n            else {\n                console.log(this.inputs[i]);\n                throw new Error(\"Input is undefined or non of the correct input type\");\n            }\n        }\n        //  console.log(\"This layer\", this.label);\n        // console.log(this.inputs.length);\n        this.uniforms.forEach((uniform, i) => {\n            inputs.push(`@group(0) @binding(${i + this.inputs.length}) var <uniform> ${uniform.name}: ${uniform.type};`);\n        });\n        inputs.push(`@group(0) @binding(${this.inputs.length + this.uniforms.length}) var <storage, read_write> outputBuffer: array<vec4f>;`);\n        return inputs.join('\\n');\n    }\n    defaultPipelineConfig() {\n        return {\n            label: `${this.label}-pipeline`,\n            layout: 'auto',\n            compute: {\n                module: this.shader,\n                entryPoint: 'main',\n            },\n        };\n    }\n    defaultSetup() {\n        this.pipeline = this.device.createComputePipeline(this.defaultPipelineConfig());\n        this.bindGroup = this.defaultBindGroup();\n    }\n    lazyLoadSetup() {\n    }\n    run() {\n        const encoder = this.device.createCommandEncoder({ label: this.label });\n        if (!this.pipeline)\n            this.lazyLoadSetup();\n        const pass = encoder.beginComputePass({ label: this.label });\n        pass.setPipeline(this.pipeline);\n        if (this.hasExternalTexture()) {\n            this.bindGroup = this.defaultBindGroup();\n        }\n        if (this.bindGroup) {\n            pass.setBindGroup(0, this.bindGroup);\n        }\n        // Dividing into work groups speeds up inference. If width or height aren't cleandly divided by work groups, we round to the nearest multiple of work-groups\n        // Physically, this means shaving a few pixels (up to num_work_groups-1) off the bottom and right edges of the canvas but users shouldn't notice?\n        pass.dispatchWorkgroups(Math.floor(this.resolution.width / this.num_work_groups), Math.floor(this.resolution.height / this.num_work_groups));\n        pass.end();\n        this.device.queue.submit([encoder.finish()]);\n    }\n}\nexports[\"default\"] = ComputeLayer;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/base_compute_layer.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/base_layer.ts": /*!**********************************!*\
+  !*** ./src/layers/base_layer.ts ***!
+  \**********************************/ /***/ (__unused_webpack_module, exports)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nclass Layer {\n    constructor(inputs, output, weights) {\n        this.context = globalThis.context;\n        this.device = this.context.device;\n        this.resolution = this.context.resolution;\n        this.inputs = inputs;\n        this.output = output;\n        this.uniforms = [];\n        this.buffers = {};\n        this.weights = weights;\n    }\n    createUniform(name, type) {\n        this.uniforms.push({ name, type });\n    }\n    setUniform(name, value) {\n        const buffer = this.device.createBuffer({\n            label: `layer-${this.label}-buffer-${name}`,\n            size: value.byteLength,\n            usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,\n        });\n        this.device.queue.writeBuffer(buffer, /*bufferOffset=*/ 0, value);\n        this.buffers[name] = buffer;\n    }\n    defaultBindGroup() {\n        const entries = [];\n        this.inputs.forEach(function (input, i) {\n            if (input instanceof GPUExternalTexture) {\n                entries.push({ binding: i, resource: input });\n            }\n            else if (input instanceof GPUTexture) {\n                entries.push({ binding: i, resource: input.createView() });\n            }\n            else if (input instanceof GPUBuffer) {\n                entries.push({ binding: i, resource: { buffer: input } });\n            }\n        });\n        this.uniforms.forEach((uniform, i) => {\n            entries.push({\n                binding: i + this.inputs.length,\n                resource: {\n                    buffer: this.buffers[uniform.name]\n                }\n            });\n        });\n        if (this.output instanceof GPUBuffer) {\n            entries.push({\n                binding: this.inputs.length + this.uniforms.length,\n                resource: {\n                    buffer: this.output\n                }\n            });\n        }\n        if (entries.length === 0)\n            return null;\n        return this.device.createBindGroup({\n            layout: this.pipeline.getBindGroupLayout(0),\n            entries\n        });\n    }\n    hasExternalTexture() {\n        for (const input of this.inputs) {\n            if (input instanceof GPUExternalTexture)\n                return true;\n        }\n        return false;\n    }\n    lazyLoadSetup() { }\n    run() { }\n}\nexports[\"default\"] = Layer;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/base_layer.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/base_render_layer.ts": /*!*****************************************!*\
+  !*** ./src/layers/base_render_layer.ts ***!
+  \*****************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_layer_1 = __webpack_require__(/*! ./base_layer */ \"./src/layers/base_layer.ts\");\nclass RenderLayer extends base_layer_1.default {\n    constructor(inputs, output, weights) {\n        super(inputs, output, weights);\n        this.vertexScale = this.context.resolution;\n    }\n    defaultVertexShader() {\n        return `\n        \n             struct VertexShaderOutput {\n                @builtin(position) position: vec4f,\n                @location(0) tex_coord: vec2f,\n              };\n\n            @vertex\n            fn vertexMain( @builtin(vertex_index) vertexIndex : u32) ->  VertexShaderOutput{\n                let pos = array(\n                // 1st triangle\n                vec2f( -1.0,  -1.0),  // center\n                vec2f( 1.0,  -1.0),  // right, center\n                vec2f( -1.0,  1.0),  // center, top\n             \n                // 2st triangle\n                vec2f( -1.0,  1.0),  // center, top\n                vec2f( 1.0,  -1.0),  // right, center\n                vec2f( 1.0,  1.0),  // right, top\n              );\n             \n              var vsOutput: VertexShaderOutput;\n              let xy = pos[vertexIndex];\n              vsOutput.position = vec4f(xy, 0.0, 1.0);\n              vsOutput.tex_coord = xy*0.5 + 0.5;\n              vsOutput.tex_coord.y = - 1.0* vsOutput.tex_coord.y  + 1.0;\n               vsOutput.tex_coord.x =  vsOutput.tex_coord.x*${this.vertexScale.width};\n               vsOutput.tex_coord.y =  vsOutput.tex_coord.y*${this.vertexScale.height};\n              return vsOutput;\n            }\n        `;\n    }\n    defaultPipelineConfig() {\n        return {\n            label: `${this.label}-pipeline`,\n            layout: 'auto',\n            vertex: {\n                module: this.shader,\n                entryPoint: 'vertexMain',\n            },\n            fragment: {\n                module: this.shader,\n                entryPoint: 'fragmentMain',\n                targets: [{ format: this.output.format }],\n            },\n        };\n    }\n    defaultSetup() {\n        this.pipeline = this.device.createRenderPipeline(this.defaultPipelineConfig());\n        this.bindGroup = this.defaultBindGroup();\n        this.renderPassDescriptor = this.defaultRenderPassDescriptor();\n    }\n    defaultRenderPassDescriptor() {\n        return {\n            label: `${this.label}-render-pass`,\n            colorAttachments: [\n                {\n                    view: this.output.createView(),\n                    clearValue: [0, 0, 0, 1],\n                    loadOp: 'clear',\n                    storeOp: 'store',\n                },\n            ],\n        };\n    }\n    createStandardShader(fragmentShader) {\n        return this.device.createShaderModule({\n            label: `${this.label}-shader`,\n            code: `\n          \n              ${this.defaultVertexShader()}\n              \n              ${this.fragmentShaderInputs()}\n              \n              ${fragmentShader}\n        `\n        });\n    }\n    fragmentShaderInputs() {\n        const inputs = [];\n        for (let i = 0; i < this.inputs.length; i++) {\n            let type = (this.inputs[i] instanceof GPUTexture) ? 'texture_2d<f32>' : 'texture_external';\n            inputs.push(`@group(0) @binding(0) var inputTexture${i}: ${type};`);\n        }\n        this.uniforms.forEach((uniform, i) => {\n            inputs.push(`@group(0) @binding(${i + this.inputs.length}) var <uniform> ${uniform.name}: ${uniform.type};`);\n        });\n        return inputs.join('\\n');\n    }\n    run() {\n        const encoder = this.device.createCommandEncoder({ label: this.label });\n        if (!this.pipeline)\n            this.lazyLoadSetup();\n        const pass = encoder.beginRenderPass(this.renderPassDescriptor);\n        pass.setPipeline(this.pipeline);\n        if (this.hasExternalTexture()) {\n            this.bindGroup = this.defaultBindGroup();\n        }\n        if (this.bindGroup) {\n            pass.setBindGroup(0, this.bindGroup);\n        }\n        pass.draw(6); // call our vertex shader 6 times\n        pass.end();\n        this.device.queue.submit([encoder.finish()]);\n    }\n    setOutput(outputTexture) {\n        this.output = outputTexture;\n        this.renderPassDescriptor = this.defaultRenderPassDescriptor();\n    }\n}\nexports[\"default\"] = RenderLayer;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/base_render_layer.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/utils/gaussian.ts": /*!**************************************!*\
+  !*** ./src/layers/utils/gaussian.ts ***!
+  \**************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_render_layer_1 = __webpack_require__(/*! ../base_render_layer */ \"./src/layers/base_render_layer.ts\");\nclass GuassianLayer extends base_render_layer_1.default {\n    constructor(inputTextures, outputTexture) {\n        super(inputTextures, outputTexture);\n        this.label = \"Gaussian\";\n        this.createUniform(\"gaussian\", \"array<vec3f, 3>\");\n        this.createUniform(\"kernel_offsets\", \"array<vec4f, 9>\");\n        this.shader = this.createStandardShader(`\n        \n                  @fragment fn fragmentMain(input: VertexShaderOutput) -> @location(0) vec4f {\n                  \n                     var val  = 0.0;\n                      \n                     for(var i = 0u; i < 3; i++){\n                     \n                        let a = vec3f(\n                            textureLoad(inputTexture0, vec2<i32>(input.tex_coord + kernel_offsets[i*3].xy), 0).x,\n                            textureLoad(inputTexture0, vec2<i32>(input.tex_coord + kernel_offsets[i*3].xy), 0).x,\n                            textureLoad(inputTexture0, vec2<i32>(input.tex_coord + kernel_offsets[i*3].xy), 0).x\n                        );\n                        \n                        val += dot(a, gaussian[i]);\n                      \n                    } \n                  \n                    \n                    return vec4f(val, val, val, 1.0);\n                  }                 \n        `);\n        this.setUniform(\"gaussian\", new Float32Array([\n            0.0675, 0.125, 0.0675, 0.0,\n            0.125, 0.250, 0.1250, 0.0,\n            0.0675, 0.125, 0.0675, 0.0\n        ]));\n        this.setUniform(\"kernel_offsets\", new Float32Array([\n            -1, -1, 0, 0,\n            0, -1, 0, 0,\n            1, -1, 0, 0,\n            -1, 0, 0, 0,\n            0, 0, 0, 0,\n            1, 0, 0, 0,\n            -1, 1, 0, 0,\n            0, 1, 0, 0,\n            1, 1, 0, 0,\n        ]));\n        this.defaultSetup();\n    }\n}\nexports[\"default\"] = GuassianLayer;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/utils/gaussian.ts?\n}");
+            /***/ },
+            /***/ "./src/layers/utils/rgb_2_yuv.ts": /*!***************************************!*\
+  !*** ./src/layers/utils/rgb_2_yuv.ts ***!
+  \***************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_render_layer_1 = __webpack_require__(/*! ../base_render_layer */ \"./src/layers/base_render_layer.ts\");\nclass RGB2YUV extends base_render_layer_1.default {\n    constructor(inputTextures, outputTexture) {\n        super(inputTextures, outputTexture);\n        this.createUniform(\"rgb2yuv\", \"mat3x3f\");\n        this.shader = this.createStandardShader(`\n        \n               @fragment fn fragmentMain(input: VertexShaderOutput) -> @location(0) vec4f {\n              \n                    let color = textureLoad(inputTexture0, vec2<i32>(input.tex_coord), 0);       \n                    let yuv = rgb2yuv*color.xyz;\n          \n                return vec4f(yuv, 1.0);\n              }     \n        `);\n        this.setUniform(\"rgb2yuv\", new Float32Array([\n            0.299, -0.1473, 0.615, 1.0,\n            0.587, -.2886, -.51499, 1.0,\n            0.114, 0.436, -.1001, 1.0\n        ]));\n        this.defaultSetup();\n    }\n}\nexports[\"default\"] = RGB2YUV;\n\n\n//# sourceURL=webpack://WebSR/./src/layers/utils/rgb_2_yuv.ts?\n}");
+            /***/ },
+            /***/ "./src/main.ts": /*!*********************!*\
+  !*** ./src/main.ts ***!
+  \*********************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst context_1 = __webpack_require__(/*! ./context */ \"./src/context.ts\");\nconst renderer_1 = __webpack_require__(/*! ./renderer */ \"./src/renderer.ts\");\nconst network_list_1 = __webpack_require__(/*! ./networks/network_list */ \"./src/networks/network_list.ts\");\nconst utils_1 = __webpack_require__(/*! ./utils */ \"./src/utils.ts\");\nclass WebSR {\n    constructor(params) {\n        if (!network_list_1.NetworkList[params.network_name])\n            throw Error(`Network ${params.network_name} is not defined or implemented`);\n        this.source = params.source;\n        const source = this.source;\n        this.resolution = params.resolution ? params.resolution : {\n            width: (0, utils_1.getSourceWidth)(source),\n            height: (0, utils_1.getSourceHeight)(source)\n        };\n        const scale = network_list_1.NetworkScales[params.network_name];\n        if (params.canvas)\n            this.canvas = params.canvas;\n        else {\n            this.canvas = new HTMLCanvasElement();\n            this.canvas.width = this.resolution.width * scale;\n            this.canvas.height = this.resolution.height * scale;\n        }\n        this.scale = scale;\n        this.context = new context_1.default(params.gpu, this.resolution, this.canvas, this.scale, this.debug);\n        globalThis.context = this.context;\n        this.network = new network_list_1.NetworkList[params.network_name](params.weights);\n        this.renderer = new renderer_1.default(this.network, this.source);\n    }\n    switchNetwork(network, weights) {\n        if (!network_list_1.NetworkList[network])\n            throw Error(`Network ${network} is not defined or implemented`);\n        this.network = new network_list_1.NetworkList[network](weights);\n        this.renderer.switchNetwork(this.network);\n    }\n    static initWebGPU() {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!navigator.gpu)\n                return false;\n            const adapter = yield navigator.gpu.requestAdapter();\n            if (!adapter)\n                return false;\n            const device = yield adapter.requestDevice();\n            if (!device)\n                return false;\n            return device;\n        });\n    }\n    start() {\n        return __awaiter(this, void 0, void 0, function* () {\n            yield this.renderer.start();\n        });\n    }\n    stop() {\n        return __awaiter(this, void 0, void 0, function* () {\n            yield this.renderer.stop();\n        });\n    }\n    render(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            yield this.renderer.render(source);\n        });\n    }\n    destroy() {\n        return __awaiter(this, void 0, void 0, function* () {\n            yield this.renderer.stop();\n            this.context.destroy();\n        });\n    }\n}\nexports[\"default\"] = WebSR;\n\n\n//# sourceURL=webpack://WebSR/./src/main.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/anime4k/cnn-2x-l.ts": /*!******************************************!*\
+  !*** ./src/networks/anime4k/cnn-2x-l.ts ***!
+  \******************************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ../base_network */ \"./src/networks/base_network.ts\");\nconst conv2d_3x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-3x4 */ \"./src/layers/anime4k/conv2d-3x4.ts\");\nconst display_3c_1 = __webpack_require__(/*! ../../layers/anime4k/display_3c */ \"./src/layers/anime4k/display_3c.ts\");\nconst conv2d_16x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-16x4 */ \"./src/layers/anime4k/conv2d-16x4.ts\");\nconst conv2d_112x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-112x4 */ \"./src/layers/anime4k/conv2d-112x4.ts\");\nconst conv2d_concat2_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-concat2 */ \"./src/layers/anime4k/conv2d-concat2.ts\");\nconst utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nclass Anime4KCNN2XL extends base_network_1.default {\n    constructor(weights) {\n        super(weights);\n    }\n    model() {\n        const layers = [];\n        const weights = this.weights.layers;\n        const context = this.context;\n        layers.push(new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf'), weights['conv2d_tf']));\n        layers.push(new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf1'), weights['conv2d_tf1']));\n        for (let i = 1; i < 7; i++) {\n            let source = (i == 1) ? `conv2d_tf` : `conv2d_${i - 1}_tf`;\n            layers.push(new conv2d_16x4_1.default([context.buffer(source), context.buffer(source + \"1\")], context.buffer(`conv2d_${i}_tf`), weights[`conv2d_${i}_tf`]));\n            layers.push(new conv2d_16x4_1.default([context.buffer(source), context.buffer(source + \"1\")], context.buffer(`conv2d_${i}_tf1`), weights[`conv2d_${i}_tf1`]));\n        }\n        for (let c = 0; c < 3; c++) {\n            const sources_0 = [];\n            const sources_1 = [];\n            for (let i = 0; i < 7; i++) {\n                let source = (i == 0) ? `conv2d_tf` : `conv2d_${i}_tf`;\n                sources_0.push(context.buffer(source));\n                sources_1.push(context.buffer(source + \"1\"));\n            }\n            const dest = (c == 0) ? `conv2d_last_tf` : `conv2d_last_tf${c}`;\n            layers.push(new conv2d_112x4_1.default(sources_0, context.buffer(`conv2d_last_${c}_pt1`), weights[dest], true));\n            layers.push(new conv2d_112x4_1.default(sources_1, context.buffer(`conv2d_last_${c}_pt2`), weights[dest], false));\n            layers.push(new conv2d_concat2_1.default([context.buffer(`conv2d_last_${c}_pt1`), context.buffer(`conv2d_last_${c}_pt2`)], context.buffer(dest), weights[dest]));\n        }\n        const paint = new display_3c_1.default([context.buffer('conv2d_last_tf'), context.buffer('conv2d_last_tf1'), context.buffer('conv2d_last_tf2'), context.input], context.texture('output'));\n        layers.push(paint);\n        return layers;\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((0, utils_1.isHTMLVideoElement)(source) || (0, utils_1.isVideoFrame)(source)) {\n                this.context.input = this.context.device.importExternalTexture({ source });\n            }\n            else {\n                const bitmap = (0, utils_1.isImageBitmap)(source) ? source : yield createImageBitmap(source);\n                const width = (0, utils_1.getSourceWidth)(source);\n                const height = (0, utils_1.getSourceHeight)(source);\n                this.context.device.queue.copyExternalImageToTexture({ source: bitmap }, { texture: this.context.texture('input', { format: \"rgba8unorm\" }) }, [width, height]);\n                this.context.input = this.context.texture('input');\n            }\n            this.layers[0].inputs[0] = this.context.input;\n            this.layers[1].inputs[0] = this.context.input;\n            this.layers[this.layers.length - 1].inputs[3] = this.context.input;\n            this.layers[0].lazyLoadSetup();\n            this.layers[this.layers.length - 1].lazyLoadSetup();\n            this.layers.forEach(function (layer) {\n                layer.run();\n            });\n        });\n    }\n}\nexports[\"default\"] = Anime4KCNN2XL;\n\n\n//# sourceURL=we
Line truncated
+            /***/ },
+            /***/ "./src/networks/anime4k/cnn-2x-m.ts": /*!******************************************!*\
+  !*** ./src/networks/anime4k/cnn-2x-m.ts ***!
+  \******************************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ../base_network */ \"./src/networks/base_network.ts\");\nconst conv2d_3x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-3x4 */ \"./src/layers/anime4k/conv2d-3x4.ts\");\nconst conv2d_8x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-8x4 */ \"./src/layers/anime4k/conv2d-8x4.ts\");\nconst conv2d_56x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-56x4 */ \"./src/layers/anime4k/conv2d-56x4.ts\");\nconst display_3c_1 = __webpack_require__(/*! ../../layers/anime4k/display_3c */ \"./src/layers/anime4k/display_3c.ts\");\nconst utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nclass Anime4KCNN2XM extends base_network_1.default {\n    constructor(weights) {\n        super(weights);\n    }\n    model() {\n        const layers = [];\n        const weights = this.weights.layers;\n        const context = this.context;\n        const conv2d_tf = new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf'), weights['conv2d_tf']);\n        const conv2d_1_tf = new conv2d_8x4_1.default([context.buffer('conv2d_tf')], context.buffer('conv2d_1_tf'), weights['conv2d_1_tf']);\n        const conv2d_2_tf = new conv2d_8x4_1.default([context.buffer('conv2d_1_tf')], context.buffer('conv2d_2_tf'), weights['conv2d_2_tf']);\n        const conv2d_3_tf = new conv2d_8x4_1.default([context.buffer('conv2d_2_tf')], context.buffer('conv2d_3_tf'), weights['conv2d_3_tf']);\n        const conv2d_4_tf = new conv2d_8x4_1.default([context.buffer('conv2d_3_tf')], context.buffer('conv2d_4_tf'), weights['conv2d_4_tf']);\n        const conv2d_5_tf = new conv2d_8x4_1.default([context.buffer('conv2d_4_tf')], context.buffer('conv2d_5_tf'), weights['conv2d_5_tf']);\n        const conv2d_6_tf = new conv2d_8x4_1.default([context.buffer('conv2d_5_tf')], context.buffer('conv2d_6_tf'), weights['conv2d_6_tf']);\n        const conv2d_7_tf = new conv2d_56x4_1.default([context.buffer('conv2d_tf'), context.buffer('conv2d_1_tf'), context.buffer('conv2d_2_tf'), context.buffer('conv2d_3_tf'), context.buffer('conv2d_4_tf'), context.buffer('conv2d_5_tf'), context.buffer('conv2d_6_tf')], context.buffer('conv2d_7_tf'), weights['conv2d_7_tf']);\n        const conv2d_7_tf1 = new conv2d_56x4_1.default([context.buffer('conv2d_tf'), context.buffer('conv2d_1_tf'), context.buffer('conv2d_2_tf'), context.buffer('conv2d_3_tf'), context.buffer('conv2d_4_tf'), context.buffer('conv2d_5_tf'), context.buffer('conv2d_6_tf')], context.buffer('conv2d_7_tf1'), weights['conv2d_7_tf1']);\n        const conv2d_7_tf2 = new conv2d_56x4_1.default([context.buffer('conv2d_tf'), context.buffer('conv2d_1_tf'), context.buffer('conv2d_2_tf'), context.buffer('conv2d_3_tf'), context.buffer('conv2d_4_tf'), context.buffer('conv2d_5_tf'), context.buffer('conv2d_6_tf')], context.buffer('conv2d_7_tf2'), weights['conv2d_7_tf2']);\n        const paint = new display_3c_1.default([context.buffer('conv2d_7_tf'), context.buffer('conv2d_7_tf1'), context.buffer('conv2d_7_tf2'), context.input], context.texture('output'));\n        layers.push(conv2d_tf, conv2d_1_tf, conv2d_2_tf, conv2d_3_tf, conv2d_4_tf, conv2d_5_tf, conv2d_6_tf, conv2d_7_tf, conv2d_7_tf1, conv2d_7_tf2, paint);\n        return layers;\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((0, utils_1.isHTMLVideoElement)(source) || (0, utils_1.isVideoFrame)(source)) {\n                this.context.input = this.context.device.importExternalTexture({ source });\n            }\n            else {\n                const bitmap = (0, utils_1.isImageBitmap)(source) ? source : yield createImageBitmap(source);\n                const width = (0, utils_1.getSourceWidth)(source);\n                const height = (0, utils_1.getSourceHeight)(source);\n                this.context.device.queue.copyExternalImageToTexture({ source: bitmap }, { texture: this.context.texture('input', { format: \"rgba8unorm\" }) }, [width, height]);\n                this.context.input = this.context.texture('input');\n            }\n            this.layers[0].inputs[0] = this.context.input;\n            this.layers[this.layers.length - 1].inputs[3] = this.coLine truncated
+            /***/ },
+            /***/ "./src/networks/anime4k/cnn-2x-s.ts": /*!******************************************!*\
+  !*** ./src/networks/anime4k/cnn-2x-s.ts ***!
+  \******************************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ../base_network */ \"./src/networks/base_network.ts\");\nconst conv2d_3x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-3x4 */ \"./src/layers/anime4k/conv2d-3x4.ts\");\nconst conv2d_8x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-8x4 */ \"./src/layers/anime4k/conv2d-8x4.ts\");\nconst display_1 = __webpack_require__(/*! ../../layers/anime4k/display */ \"./src/layers/anime4k/display.ts\");\nconst utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nclass Anime4KCNN2XS extends base_network_1.default {\n    constructor(weights) {\n        super(weights);\n    }\n    model() {\n        const layers = [];\n        const weights = this.weights.layers;\n        const context = this.context;\n        const conv2d_tf = new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf'), weights['conv2d_tf']);\n        const conv2d_1_tf = new conv2d_8x4_1.default([context.buffer('conv2d_tf')], context.buffer('conv2d_1_tf'), weights['conv2d_1_tf']);\n        const conv2d_2_tf = new conv2d_8x4_1.default([context.buffer('conv2d_1_tf')], context.buffer('conv2d_2_tf'), weights['conv2d_2_tf']);\n        const conv2d_last_tf = new conv2d_8x4_1.default([context.buffer('conv2d_2_tf')], context.buffer('conv2d_last_tf'), weights['conv2d_last_tf']);\n        const paint = new display_1.default([context.buffer('conv2d_last_tf'), context.input], context.texture('output'));\n        layers.push(conv2d_tf, conv2d_1_tf, conv2d_2_tf, conv2d_last_tf, paint);\n        return layers;\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((0, utils_1.isHTMLVideoElement)(source) || (0, utils_1.isVideoFrame)(source)) {\n                this.context.input = this.context.device.importExternalTexture({ source });\n            }\n            else {\n                const bitmap = (0, utils_1.isImageBitmap)(source) ? source : yield createImageBitmap(source);\n                const width = (0, utils_1.getSourceWidth)(source);\n                const height = (0, utils_1.getSourceHeight)(source);\n                this.context.device.queue.copyExternalImageToTexture({ source: bitmap }, { texture: this.context.texture('input', { format: \"rgba8unorm\" }) }, [width, height]);\n                this.context.input = this.context.texture('input');\n            }\n            this.layers[0].inputs[0] = this.context.input;\n            this.layers[this.layers.length - 1].inputs[1] = this.context.input;\n            this.layers[0].lazyLoadSetup();\n            this.layers[this.layers.length - 1].lazyLoadSetup();\n            this.layers.forEach(function (layer) {\n                layer.run();\n            });\n        });\n    }\n}\nexports[\"default\"] = Anime4KCNN2XS;\n\n\n//# sourceURL=webpack://WebSR/./src/networks/anime4k/cnn-2x-s.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/anime4k/cnn-restore-l.ts": /*!***********************************************!*\
+  !*** ./src/networks/anime4k/cnn-restore-l.ts ***!
+  \***********************************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ../base_network */ \"./src/networks/base_network.ts\");\nconst conv2d_3x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-3x4 */ \"./src/layers/anime4k/conv2d-3x4.ts\");\nconst conv2d_16x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-16x4 */ \"./src/layers/anime4k/conv2d-16x4.ts\");\nconst display_1x_1 = __webpack_require__(/*! ../../layers/anime4k/display_1x */ \"./src/layers/anime4k/display_1x.ts\");\nconst utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nclass Anime4KCNNRL extends base_network_1.default {\n    constructor(weights) {\n        super(weights);\n    }\n    model() {\n        const layers = [];\n        const weights = this.weights.layers;\n        const context = this.context;\n        layers.push(new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf'), weights['conv2d_tf']));\n        layers.push(new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf1'), weights['conv2d_tf1']));\n        for (let i = 1; i < 4; i++) {\n            let source = (i == 1) ? `conv2d_tf` : `conv2d_${i - 1}_tf`;\n            layers.push(new conv2d_16x4_1.default([context.buffer(source), context.buffer(source + \"1\")], context.buffer(`conv2d_${i}_tf`), weights[`conv2d_${i}_tf`]));\n            layers.push(new conv2d_16x4_1.default([context.buffer(source), context.buffer(source + \"1\")], context.buffer(`conv2d_${i}_tf1`), weights[`conv2d_${i}_tf1`]));\n        }\n        layers.push(new conv2d_16x4_1.default([context.buffer('conv2d_3_tf'), context.buffer('conv2d_3_tf1')], context.buffer(`conv2d_out_tf`), weights[`conv2d_out_tf`]));\n        const paint = new display_1x_1.default([context.buffer('conv2d_out_tf'), context.input], context.texture('output'));\n        layers.push(paint);\n        return layers;\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((0, utils_1.isHTMLVideoElement)(source) || (0, utils_1.isVideoFrame)(source)) {\n                this.context.input = this.context.device.importExternalTexture({ source });\n            }\n            else {\n                const bitmap = (0, utils_1.isImageBitmap)(source) ? source : yield createImageBitmap(source);\n                const width = (0, utils_1.getSourceWidth)(source);\n                const height = (0, utils_1.getSourceHeight)(source);\n                this.context.device.queue.copyExternalImageToTexture({ source: bitmap }, { texture: this.context.texture('input', { format: \"rgba8unorm\" }) }, [width, height]);\n                this.context.input = this.context.texture('input');\n            }\n            this.layers[0].inputs[0] = this.context.input;\n            this.layers[1].inputs[0] = this.context.input;\n            this.layers[this.layers.length - 1].inputs[1] = this.context.input;\n            this.layers.forEach(function (layer) {\n                layer.run();\n            });\n        });\n    }\n}\nexports[\"default\"] = Anime4KCNNRL;\n\n\n//# sourceURL=webpack://WebSR/./src/networks/anime4k/cnn-restore-l.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/anime4k/cnn-restore-m.ts": /*!***********************************************!*\
+  !*** ./src/networks/anime4k/cnn-restore-m.ts ***!
+  \***********************************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ../base_network */ \"./src/networks/base_network.ts\");\nconst conv2d_3x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-3x4 */ \"./src/layers/anime4k/conv2d-3x4.ts\");\nconst conv2d_8x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-8x4 */ \"./src/layers/anime4k/conv2d-8x4.ts\");\nconst conv2d_56x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-56x4 */ \"./src/layers/anime4k/conv2d-56x4.ts\");\nconst display_1x_1 = __webpack_require__(/*! ../../layers/anime4k/display_1x */ \"./src/layers/anime4k/display_1x.ts\");\nconst utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nclass Anime4KCNNRM extends base_network_1.default {\n    constructor(weights) {\n        super(weights);\n    }\n    model() {\n        const layers = [];\n        const weights = this.weights.layers;\n        const context = this.context;\n        const conv2d_tf = new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf'), weights['conv2d_tf']);\n        const conv2d_1_tf = new conv2d_8x4_1.default([context.buffer('conv2d_tf')], context.buffer('conv2d_1_tf'), weights['conv2d_1_tf']);\n        const conv2d_2_tf = new conv2d_8x4_1.default([context.buffer('conv2d_1_tf')], context.buffer('conv2d_2_tf'), weights['conv2d_2_tf']);\n        const conv2d_3_tf = new conv2d_8x4_1.default([context.buffer('conv2d_2_tf')], context.buffer('conv2d_3_tf'), weights['conv2d_3_tf']);\n        const conv2d_4_tf = new conv2d_8x4_1.default([context.buffer('conv2d_3_tf')], context.buffer('conv2d_4_tf'), weights['conv2d_4_tf']);\n        const conv2d_5_tf = new conv2d_8x4_1.default([context.buffer('conv2d_4_tf')], context.buffer('conv2d_5_tf'), weights['conv2d_5_tf']);\n        const conv2d_6_tf = new conv2d_8x4_1.default([context.buffer('conv2d_5_tf')], context.buffer('conv2d_6_tf'), weights['conv2d_6_tf']);\n        const conv2d_out_tf = new conv2d_56x4_1.default([context.buffer('conv2d_tf'), context.buffer('conv2d_1_tf'), context.buffer('conv2d_2_tf'), context.buffer('conv2d_3_tf'), context.buffer('conv2d_4_tf'), context.buffer('conv2d_5_tf'), context.buffer('conv2d_6_tf')], context.buffer('conv2d_out_tf'), weights['conv2d_out_tf']);\n        const paint = new display_1x_1.default([context.buffer('conv2d_out_tf'), context.input], context.texture('output'));\n        layers.push(conv2d_tf, conv2d_1_tf, conv2d_2_tf, conv2d_3_tf, conv2d_4_tf, conv2d_5_tf, conv2d_6_tf, conv2d_out_tf, paint);\n        return layers;\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((0, utils_1.isHTMLVideoElement)(source) || (0, utils_1.isVideoFrame)(source)) {\n                this.context.input = this.context.device.importExternalTexture({ source });\n            }\n            else {\n                const bitmap = (0, utils_1.isImageBitmap)(source) ? source : yield createImageBitmap(source);\n                const width = (0, utils_1.getSourceWidth)(source);\n                const height = (0, utils_1.getSourceHeight)(source);\n                this.context.device.queue.copyExternalImageToTexture({ source: bitmap }, { texture: this.context.texture('input', { format: \"rgba8unorm\" }) }, [width, height]);\n                this.context.input = this.context.texture('input');\n            }\n            this.layers[0].inputs[0] = this.context.input;\n            this.layers[1].inputs[0] = this.context.input;\n            this.layers[this.layers.length - 1].inputs[1] = this.context.input;\n            this.layers.forEach(function (layer) {\n                layer.run();\n            });\n        });\n    }\n}\nexports[\"default\"] = Anime4KCNNRM;\n\n\n//# sourceURL=webpack://WebSR/./src/networks/anime4k/cnn-restore-m.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/anime4k/cnn-restore-s.ts": /*!***********************************************!*\
+  !*** ./src/networks/anime4k/cnn-restore-s.ts ***!
+  \***********************************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ../base_network */ \"./src/networks/base_network.ts\");\nconst conv2d_3x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-3x4 */ \"./src/layers/anime4k/conv2d-3x4.ts\");\nconst conv2d_8x4_1 = __webpack_require__(/*! ../../layers/anime4k/conv2d-8x4 */ \"./src/layers/anime4k/conv2d-8x4.ts\");\nconst display_1x_1 = __webpack_require__(/*! ../../layers/anime4k/display_1x */ \"./src/layers/anime4k/display_1x.ts\");\nconst utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nclass Anime4KCNNRS extends base_network_1.default {\n    constructor(weights) {\n        super(weights);\n    }\n    model() {\n        const layers = [];\n        const weights = this.weights.layers;\n        const context = this.context;\n        const conv2d_tf = new conv2d_3x4_1.default([context.input], context.buffer('conv2d_tf'), weights['conv2d_tf']);\n        const conv2d_1_tf = new conv2d_8x4_1.default([context.buffer('conv2d_tf')], context.buffer('conv2d_1_tf'), weights['conv2d_1_tf']);\n        const conv2d_2_tf = new conv2d_8x4_1.default([context.buffer('conv2d_1_tf')], context.buffer('conv2d_2_tf'), weights['conv2d_2_tf']);\n        const conv2d_last_tf = new conv2d_8x4_1.default([context.buffer('conv2d_2_tf')], context.buffer('conv2d_out_tf'), weights['conv2d_out_tf']);\n        const paint = new display_1x_1.default([context.buffer('conv2d_out_tf'), context.input], context.texture('output'));\n        layers.push(conv2d_tf, conv2d_1_tf, conv2d_2_tf, conv2d_last_tf, paint);\n        return layers;\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((0, utils_1.isHTMLVideoElement)(source) || (0, utils_1.isVideoFrame)(source)) {\n                this.context.input = this.context.device.importExternalTexture({ source });\n            }\n            else {\n                const bitmap = (0, utils_1.isImageBitmap)(source) ? source : yield createImageBitmap(source);\n                const width = (0, utils_1.getSourceWidth)(source);\n                const height = (0, utils_1.getSourceHeight)(source);\n                this.context.device.queue.copyExternalImageToTexture({ source: bitmap }, { texture: this.context.texture('input', { format: \"rgba8unorm\" }) }, [width, height]);\n                this.context.input = this.context.texture('input');\n            }\n            this.layers[0].inputs[0] = this.context.input;\n            this.layers[this.layers.length - 1].inputs[1] = this.context.input;\n            this.layers.forEach(function (layer) {\n                layer.run();\n            });\n        });\n    }\n}\nexports[\"default\"] = Anime4KCNNRS;\n\n\n//# sourceURL=webpack://WebSR/./src/networks/anime4k/cnn-restore-s.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/base_network.ts": /*!**************************************!*\
+  !*** ./src/networks/base_network.ts ***!
+  \**************************************/ /***/ function(__unused_webpack_module, exports) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nclass NeuralNetwork {\n    constructor(weights) {\n        this.weights = weights;\n        this.context = globalThis.context;\n        this.layers = this.model();\n    }\n    model() {\n        return [];\n    }\n    lastLayer() {\n        return this.layers[this.layers.length - 1];\n    }\n    feedForward(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.layers.forEach(layer => {\n                layer.run();\n            });\n        });\n    }\n}\nexports[\"default\"] = NeuralNetwork;\n\n\n//# sourceURL=webpack://WebSR/./src/networks/base_network.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/network_list.ts": /*!**************************************!*\
+  !*** ./src/networks/network_list.ts ***!
+  \**************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.NetworkScales = exports.NetworkList = void 0;\nconst cnn_2x_s_1 = __webpack_require__(/*! ./anime4k/cnn-2x-s */ \"./src/networks/anime4k/cnn-2x-s.ts\");\nconst cnn_2x_m_1 = __webpack_require__(/*! ./anime4k/cnn-2x-m */ \"./src/networks/anime4k/cnn-2x-m.ts\");\nconst cnn_2x_l_1 = __webpack_require__(/*! ./anime4k/cnn-2x-l */ \"./src/networks/anime4k/cnn-2x-l.ts\");\nconst cnn_restore_l_1 = __webpack_require__(/*! ./anime4k/cnn-restore-l */ \"./src/networks/anime4k/cnn-restore-l.ts\");\nconst cnn_restore_m_1 = __webpack_require__(/*! ./anime4k/cnn-restore-m */ \"./src/networks/anime4k/cnn-restore-m.ts\");\nconst cnn_restore_s_1 = __webpack_require__(/*! ./anime4k/cnn-restore-s */ \"./src/networks/anime4k/cnn-restore-s.ts\");\nconst poc_network_1 = __webpack_require__(/*! ./poc_network */ \"./src/networks/poc_network.ts\");\nexports.NetworkList = {\n    \"anime4k/cnn-2x-s\": cnn_2x_s_1.default,\n    \"anime4k/cnn-2x-m\": cnn_2x_m_1.default,\n    \"anime4k/cnn-2x-l\": cnn_2x_l_1.default,\n    \"anime4k/cnn-restore-s\": cnn_restore_s_1.default,\n    \"anime4k/cnn-restore-m\": cnn_restore_m_1.default,\n    \"anime4k/cnn-restore-l\": cnn_restore_l_1.default,\n    \"sb2702/blur-poc\": poc_network_1.default\n};\nexports.NetworkScales = {\n    \"anime4k/cnn-2x-s\": 2,\n    \"anime4k/cnn-2x-m\": 2,\n    \"anime4k/cnn-2x-l\": 2,\n    \"anime4k/cnn-restore-s\": 1,\n    \"anime4k/cnn-restore-m\": 1,\n    \"anime4k/cnn-restore-l\": 1,\n    \"sb2702/blur-poc\": 1\n};\n\n\n//# sourceURL=webpack://WebSR/./src/networks/network_list.ts?\n}");
+            /***/ },
+            /***/ "./src/networks/poc_network.ts": /*!*************************************!*\
+  !*** ./src/networks/poc_network.ts ***!
+  \*************************************/ /***/ (__unused_webpack_module, exports, __webpack_require__)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst base_network_1 = __webpack_require__(/*! ./base_network */ \"./src/networks/base_network.ts\");\nconst rgb_2_yuv_1 = __webpack_require__(/*! ../layers/utils/rgb_2_yuv */ \"./src/layers/utils/rgb_2_yuv.ts\");\nconst gaussian_1 = __webpack_require__(/*! ../layers/utils/gaussian */ \"./src/layers/utils/gaussian.ts\");\nclass PoCNetwork extends base_network_1.default {\n    constructor() {\n        super();\n    }\n    model() {\n        const layers = [];\n        const context = this.context;\n        layers.push(new rgb_2_yuv_1.default([context.texture('input')], context.texture('yuv')));\n        layers.push(new gaussian_1.default([context.texture('yuv')], context.texture('output')));\n        return layers;\n    }\n}\nexports[\"default\"] = PoCNetwork;\n\n\n//# sourceURL=webpack://WebSR/./src/networks/poc_network.ts?\n}");
+            /***/ },
+            /***/ "./src/renderer.ts": /*!*************************!*\
+  !*** ./src/renderer.ts ***!
+  \*************************/ /***/ function(__unused_webpack_module, exports, __webpack_require__) {
+                eval("{\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst display_1 = __webpack_require__(/*! ./layers/anime4k/display */ \"./src/layers/anime4k/display.ts\");\nconst base_render_layer_1 = __webpack_require__(/*! ./layers/base_render_layer */ \"./src/layers/base_render_layer.ts\");\nconst utils_1 = __webpack_require__(/*! ./utils */ \"./src/utils.ts\");\nclass WebSRRenderer {\n    constructor(network, source) {\n        this.context = globalThis.context;\n        this.network = network;\n        this.source = source;\n        this.active = false;\n    }\n    switchNetwork(network) {\n        this.network = network;\n    }\n    start() {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (this.context.destroyed) {\n                throw new Error(\"WebSR instance was destroyed\");\n            }\n            this.active = true;\n            yield this.renderStep();\n        });\n    }\n    stop() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.active = false;\n            if (this.vfc && this.source && (0, utils_1.isHTMLVideoElement)(this.source))\n                this.source.cancelVideoFrameCallback(this.vfc);\n        });\n    }\n    renderStep() {\n        return __awaiter(this, void 0, void 0, function* () {\n            const lastLayer = this.network.lastLayer();\n            if (lastLayer instanceof display_1.default)\n                lastLayer.setOutput(this.context.context.getCurrentTexture());\n            yield this.render();\n            if (this.active && this.source && (0, utils_1.isHTMLVideoElement)(this.source)) {\n                this.vfc = this.source.requestVideoFrameCallback(this.renderStep.bind(this));\n            }\n        });\n    }\n    render(source) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const lastLayer = this.network.lastLayer();\n            if (lastLayer instanceof base_render_layer_1.default)\n                lastLayer.setOutput(this.context.context.getCurrentTexture());\n            yield this.network.feedForward(source ? source : this.source);\n        });\n    }\n}\nexports[\"default\"] = WebSRRenderer;\n\n\n//# sourceURL=webpack://WebSR/./src/renderer.ts?\n}");
+            /***/ },
+            /***/ "./src/utils.ts": /*!**********************!*\
+  !*** ./src/utils.ts ***!
+  \**********************/ /***/ (__unused_webpack_module, exports)=>{
+                eval("{\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.isMainThread = isMainThread;\nexports.isHTMLVideoElement = isHTMLVideoElement;\nexports.isHTMLImageElement = isHTMLImageElement;\nexports.isImageBitmap = isImageBitmap;\nexports.isVideoFrame = isVideoFrame;\nexports.isVideoSource = isVideoSource;\nexports.isImageSource = isImageSource;\nexports.getSourceWidth = getSourceWidth;\nexports.getSourceHeight = getSourceHeight;\n/**\n * Check if we're running on the main thread (not in a worker)\n */\nfunction isMainThread() {\n    return typeof HTMLVideoElement !== 'undefined';\n}\n/**\n * Check if a source is a video element (main thread only)\n */\nfunction isHTMLVideoElement(source) {\n    return typeof HTMLVideoElement !== 'undefined' && source instanceof HTMLVideoElement;\n}\n/**\n * Check if a source is an image element (main thread only)\n */\nfunction isHTMLImageElement(source) {\n    return typeof HTMLImageElement !== 'undefined' && source instanceof HTMLImageElement;\n}\n/**\n * Check if a source is an ImageBitmap (works in both contexts)\n */\nfunction isImageBitmap(source) {\n    return typeof ImageBitmap !== 'undefined' && source instanceof ImageBitmap;\n}\n/**\n * Check if a source is a VideoFrame (worker context)\n */\nfunction isVideoFrame(source) {\n    return typeof VideoFrame !== 'undefined' && source instanceof VideoFrame;\n}\n/**\n * Check if a source is any type of video source\n */\nfunction isVideoSource(source) {\n    return isHTMLVideoElement(source) || isVideoFrame(source);\n}\n/**\n * Check if a source is any type of image source\n */\nfunction isImageSource(source) {\n    return isHTMLImageElement(source) || isImageBitmap(source);\n}\n/**\n * Get the width of a media source\n */\nfunction getSourceWidth(source) {\n    if (isHTMLVideoElement(source))\n        return source.videoWidth;\n    if (isHTMLImageElement(source))\n        return source.naturalWidth;\n    if (isVideoFrame(source))\n        return source.displayWidth;\n    if (isImageBitmap(source))\n        return source.width;\n    return 0;\n}\n/**\n * Get the height of a media source\n */\nfunction getSourceHeight(source) {\n    if (isHTMLVideoElement(source))\n        return source.videoHeight;\n    if (isHTMLImageElement(source))\n        return source.naturalHeight;\n    if (isVideoFrame(source))\n        return source.displayHeight;\n    if (isImageBitmap(source))\n        return source.height;\n    return 0;\n}\n\n\n//# sourceURL=webpack://WebSR/./src/utils.ts?\n}");
+            /***/ }
+        };
+        /************************************************************************/ /******/ // The module cache
+        /******/ var __webpack_module_cache__ = {};
+        /******/ /******/ // The require function
+        /******/ function __webpack_require__(moduleId) {
+            /******/ // Check if module is in cache
+            /******/ var cachedModule = __webpack_module_cache__[moduleId];
+            /******/ if (cachedModule !== undefined) /******/ return cachedModule.exports;
+            /******/ // Create a new module (and put it into the cache)
+            /******/ var module1 = __webpack_module_cache__[moduleId] = {
+                /******/ // no module.id needed
+                /******/ // no module.loaded needed
+                /******/ exports: {}
+            };
+            /******/ /******/ // Execute the module function
+            /******/ __webpack_modules__[moduleId].call(module1.exports, module1, module1.exports, __webpack_require__);
+            /******/ /******/ // Return the exports of the module
+            /******/ return module1.exports;
+        /******/ }
+        /******/ /************************************************************************/ /******/ /******/ // startup
+        /******/ // Load entry module and return exports
+        /******/ // This entry module is referenced by other modules so it can't be inlined
+        /******/ var __webpack_exports__ = __webpack_require__("./src/main.ts");
+        /******/ __webpack_exports__ = __webpack_exports__["default"];
+        /******/ /******/ return __webpack_exports__;
+    /******/ })();
+});
+
+},{}],"8oCsH":[function(require,module,exports,__globalThis) {
+exports.interopDefault = function(a) {
+    return a && a.__esModule ? a : {
+        default: a
+    };
+};
+exports.defineInteropFlag = function(a) {
+    Object.defineProperty(a, '__esModule', {
+        value: true
+    });
+};
+exports.exportAll = function(source, dest) {
+    Object.keys(source).forEach(function(key) {
+        if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) return;
+        Object.defineProperty(dest, key, {
+            enumerable: true,
+            get: function() {
+                return source[key];
+            }
+        });
+    });
+    return dest;
+};
+exports.export = function(dest, destName, get) {
+    Object.defineProperty(dest, destName, {
+        enumerable: true,
+        get: get
+    });
+};
+
+},{}]},["fIfgU"], "fIfgU", "parcelRequire4dc0", {})
+
+//# sourceMappingURL=index.js.map

docs/uncompiled/artplayer-plugin-websr/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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 truncated