hdr-canvas 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hdr-canvas",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "HDR capable HTML canvas",
   "main": "dist/hdr-canvas.js",
   "files": [
@@ -47,9 +47,9 @@
     "eslint": "^9.6.0",
     "prettier": "^3.3.2",
     "rimraf": "^6.0.0",
-    "rollup": "^4.18.0",
+    "rollup": "^4.18.1",
     "rollup-plugin-dts": "^6.1.1",
-    "three": "^0.166.1",
+    "three": "^0.167.0",
     "tslib": "^2.6.3",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.0-alpha.10"

package/src/@types/HDRCanvas.d.ts

@@ -5,6 +5,7 @@ type HDRHTMLCanvasOptions = { [key in HDRHTMLCanvasOptionsType]?: string };
 
 interface HDRHTMLCanvasElement extends HTMLCanvasElement {
   configureHighDynamicRange(options: HDRHTMLCanvasOptions): void;
+  _getContext(contextId: string, options?: object): RenderingContext | null;
 }
 
 interface HDRImageData {

package/src/hdr-canvas.ts

@@ -1,7 +1,30 @@
 import {Uint16Image} from './Uint16Image'
 
+const hdr_options = {colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: 'float16'}
+
 export function initHDRCanvas(canvas : HDRHTMLCanvasElement) : RenderingContext | null {
   canvas.configureHighDynamicRange({mode: 'extended'});
-  const ctx = canvas.getContext("2d", {colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: 'float16'});
+  const ctx = canvas.getContext("2d", hdr_options);
   return ctx;
 }
+
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+export function defaultGetContextHDR() {
+  (HTMLCanvasElement.prototype as HDRHTMLCanvasElement)._getContext = HTMLCanvasElement.prototype.getContext;
+  (HTMLCanvasElement.prototype as any).getContext = function(type: string, options: object) {
+
+    if (options !== undefined) {
+      options = Object.assign({}, options, hdr_options);
+    } else {
+      options = hdr_options;
+    }
+    return (this as HDRHTMLCanvasElement)._getContext(type, options);
+  }
+}
+
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+export function resetGetContext() {
+  if (typeof (HTMLCanvasElement.prototype as HDRHTMLCanvasElement)._getContext === "function") {
+    HTMLCanvasElement.prototype.getContext = (HTMLCanvasElement.prototype as any)._getContext;
+  }
+}

package/three/HDRWebGPURenderer.js

@@ -1,4 +1,4 @@
-import WebGPU from 'three/addons/capabilities/WebGPU.js';
+import WebGPU from './WebGPU.js';
 
 import Renderer from 'three/addons/renderers/common/Renderer.js';
 import WebGLBackend from 'three/addons/renderers/webgl/WebGLBackend.js';

package/three/WebGPU.js

@@ -0,0 +1,60 @@
+if ( self.GPUShaderStage === undefined ) {
+
+	self.GPUShaderStage = { VERTEX: 1, FRAGMENT: 2, COMPUTE: 4 };
+
+}
+
+// statics
+
+let isAvailable = navigator.gpu !== undefined;
+
+
+if ( typeof window !== 'undefined' && isAvailable ) {
+
+	//isAvailable = await navigator.gpu.requestAdapter();
+	isAvailable = navigator.gpu.requestAdapter().then((isAvailable) => {
+		return isAvailable;
+	});
+
+}
+
+class WebGPU {
+
+	static isAvailable() {
+
+		return Boolean( isAvailable );
+
+	}
+
+	static getStaticAdapter() {
+
+		return isAvailable;
+
+	}
+
+	static getErrorMessage() {
+
+		const message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:blue">WebGPU</a> yet';
+
+		const element = document.createElement( 'div' );
+		element.id = 'webgpumessage';
+		element.style.fontFamily = 'monospace';
+		element.style.fontSize = '13px';
+		element.style.fontWeight = 'normal';
+		element.style.textAlign = 'center';
+		element.style.background = '#fff';
+		element.style.color = '#000';
+		element.style.padding = '1.5em';
+		element.style.maxWidth = '400px';
+		element.style.margin = '5em auto 0';
+
+		element.innerHTML = message;
+
+		return element;
+
+	}
+
+}
+
+
+export default WebGPU;