@scratch/scratch-render 11.0.0-UEPR-176

package/dist/web/scratch-render.min.js.LICENSE.txt

@@ -0,0 +1,14 @@
+/* @license twgl.js 4.24.0 Copyright (c) 2015, Gregg Tavares All Rights Reserved.
+Available via the MIT license.
+see: http://github.com/greggman/twgl.js for details */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <http://feross.org>
+ * @license  MIT
+ */
+
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */

package/dist/web/scratch-render.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scratch-render.min.js","mappings":";AAAA","sources":["webpack://ScratchRender/webpack/universalModuleDefinition"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ScratchRender\"] = factory();\n\telse\n\t\troot[\"ScratchRender\"] = factory();\n})(self, function() {\nreturn "],"names":[],"sourceRoot":""}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@scratch/scratch-render",
+  "version": "11.0.0-UEPR-176",
+  "description": "WebGL Renderer for Scratch 3.0",
+  "author": "Massachusetts Institute of Technology",
+  "license": "AGPL-3.0-only",
+  "homepage": "https://github.com/scratchfoundation/scratch-render#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/scratchfoundation/scratch-editor.git"
+  },
+  "main": "./dist/node/scratch-render.js",
+  "exports": {
+    "webpack": "./src/index.js",
+    "browser": "./dist/web/scratch-render.js",
+    "node": "./dist/node/scratch-render.js",
+    "default": "./src/index.js"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "webpack --progress && npm run docs",
+    "clean": "rimraf dist playground",
+    "docs": "jsdoc -c .jsdoc.json",
+    "lint": "eslint .",
+    "prepublish": "npm run build",
+    "prepublish-watch": "npm run watch",
+    "start": "webpack-dev-server",
+    "tap": "tap test/unit test/integration",
+    "test": "npm run lint && npm run tap",
+    "watch": "webpack --progress --watch --watch-poll"
+  },
+  "tap": {
+    "branches": 10,
+    "functions": 20,
+    "lines": 30,
+    "statements": 30
+  },
+  "browserslist": [
+    "Chrome >= 63",
+    "Edge >= 15",
+    "Firefox >= 57",
+    "Safari >= 8",
+    "Android >= 63",
+    "iOS >= 8"
+  ],
+  "dependencies": {
+    "@scratch/scratch-svg-renderer": "11.0.0-UEPR-176",
+    "grapheme-breaker": "0.3.2",
+    "hull.js": "0.2.10",
+    "ify-loader": "1.1.0",
+    "linebreak": "0.3.0",
+    "minilog": "3.1.0",
+    "raw-loader": "0.5.1",
+    "twgl.js": "4.24.0"
+  },
+  "peerDependencies": {
+    "scratch-render-fonts": "^1.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.26.10",
+    "@babel/eslint-parser": "7.26.10",
+    "@babel/polyfill": "7.12.1",
+    "@babel/preset-env": "7.26.9",
+    "@scratch/scratch-vm": "11.0.0-UEPR-176",
+    "babel-loader": "9.2.1",
+    "copy-webpack-plugin": "4.6.0",
+    "docdash": "0.4.0",
+    "eslint": "8.57.1",
+    "eslint-config-scratch": "9.0.9",
+    "gh-pages": "1.2.0",
+    "html-webpack-plugin": "5.6.3",
+    "jsdoc": "3.6.11",
+    "json": "9.0.6",
+    "playwright-chromium": "1.51.1",
+    "scratch-render-fonts": "1.0.177",
+    "scratch-semantic-release-config": "3.0.0",
+    "scratch-storage": "4.0.89",
+    "scratch-webpack-configuration": "3.0.0",
+    "semantic-release": "19.0.5",
+    "tap": "16.3.10",
+    "terser-webpack-plugin": "5.3.14",
+    "webpack": "5.98.0",
+    "webpack-cli": "5.1.4",
+    "webpack-dev-server": "5.2.0"
+  }
+}

package/src/.eslintrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+    root: true,
+    extends: ['scratch', 'scratch/es6', 'scratch/node'],
+    env: {
+        node: false,
+        browser: true // TODO: disable this
+    },
+    globals: {
+        Buffer: true // TODO: remove this?
+    }
+};

package/src/BitmapSkin.js

@@ -0,0 +1,120 @@
+const twgl = require('twgl.js');
+
+const Skin = require('./Skin');
+
+class BitmapSkin extends Skin {
+    /**
+     * Create a new Bitmap Skin.
+     * @extends Skin
+     * @param {!int} id - The ID for this Skin.
+     * @param {!RenderWebGL} renderer - The renderer which will use this skin.
+     */
+    constructor (id, renderer) {
+        super(id);
+
+        /** @type {!int} */
+        this._costumeResolution = 1;
+
+        /** @type {!RenderWebGL} */
+        this._renderer = renderer;
+
+        /** @type {Array<int>} */
+        this._textureSize = [0, 0];
+    }
+
+    /**
+     * Dispose of this object. Do not use it after calling this method.
+     */
+    dispose () {
+        if (this._texture) {
+            this._renderer.gl.deleteTexture(this._texture);
+            this._texture = null;
+        }
+        super.dispose();
+    }
+
+    /**
+     * @return {Array<number>} the "native" size, in texels, of this skin.
+     */
+    get size () {
+        return [this._textureSize[0] / this._costumeResolution, this._textureSize[1] / this._costumeResolution];
+    }
+
+    /**
+     * @param {Array<number>} scale - The scaling factors to be used.
+     * @return {WebGLTexture} The GL texture representation of this skin when drawing at the given scale.
+     */
+    // eslint-disable-next-line no-unused-vars
+    getTexture (scale) {
+        return this._texture || super.getTexture();
+    }
+
+    /**
+     * Set the contents of this skin to a snapshot of the provided bitmap data.
+     * @param {ImageData|HTMLImageElement|HTMLCanvasElement|HTMLVideoElement} bitmapData - new contents for this skin.
+     * @param {int} [costumeResolution=1] - The resolution to use for this bitmap.
+     * @param {Array<number>} [rotationCenter] - Optional rotation center for the bitmap. If not supplied, it will be
+     * calculated from the bounding box
+     * @fires Skin.event:WasAltered
+     */
+    setBitmap (bitmapData, costumeResolution, rotationCenter) {
+        if (!bitmapData.width || !bitmapData.height) {
+            super.setEmptyImageData();
+            return;
+        }
+        const gl = this._renderer.gl;
+
+        // Preferably bitmapData is ImageData. ImageData speeds up updating
+        // Silhouette and is better handled by more browsers in regards to
+        // memory.
+        let textureData = bitmapData;
+        if (bitmapData instanceof HTMLCanvasElement) {
+            // Given a HTMLCanvasElement get the image data to pass to webgl and
+            // Silhouette.
+            const context = bitmapData.getContext('2d');
+            textureData = context.getImageData(0, 0, bitmapData.width, bitmapData.height);
+        }
+
+        if (this._texture === null) {
+            const textureOptions = {
+                auto: false,
+                wrap: gl.CLAMP_TO_EDGE
+            };
+
+            this._texture = twgl.createTexture(gl, textureOptions);
+        }
+
+        this._setTexture(textureData);
+
+        // Do these last in case any of the above throws an exception
+        this._costumeResolution = costumeResolution || 2;
+        this._textureSize = BitmapSkin._getBitmapSize(bitmapData);
+
+        if (typeof rotationCenter === 'undefined') rotationCenter = this.calculateRotationCenter();
+        this._rotationCenter[0] = rotationCenter[0];
+        this._rotationCenter[1] = rotationCenter[1];
+
+        this.emit(Skin.Events.WasAltered);
+    }
+
+    /**
+     * @param {ImageData|HTMLImageElement|HTMLCanvasElement|HTMLVideoElement} bitmapData - bitmap data to inspect.
+     * @returns {Array<int>} the width and height of the bitmap data, in pixels.
+     * @private
+     */
+    static _getBitmapSize (bitmapData) {
+        if (bitmapData instanceof HTMLImageElement) {
+            return [bitmapData.naturalWidth || bitmapData.width, bitmapData.naturalHeight || bitmapData.height];
+        }
+
+        if (bitmapData instanceof HTMLVideoElement) {
+            return [bitmapData.videoWidth || bitmapData.width, bitmapData.videoHeight || bitmapData.height];
+        }
+
+        // ImageData or HTMLCanvasElement
+        return [bitmapData.width, bitmapData.height];
+    }
+
+}
+
+module.exports = BitmapSkin;