chore: setup unjs package template

Author: jsulpis

.vscode/launch.json

@@ -0,0 +1,3 @@
+# useGL
+
+WIP

README.md

@@ -2,6 +2,5 @@ import { defineConfig } from "astro/config";
 
 // https://astro.build/config
 export default defineConfig({
-	site: "https://jsulpis.github.io",
-	base: "/simple-webgl-library",
+	site: "https://usegl.pages.dev",
 });

docs/astro.config.mjs

@@ -0,0 +1,8 @@
+import unjs from "eslint-config-unjs";
+
+export default unjs({
+	rules: {
+		"unicorn/filename-case": "off",
+		"unicorn/no-null": "off",
+	},
+});

eslint.config.mjs

@@ -2,11 +2,45 @@
 	"name": "usegl",
 	"version": "0.1.0",
 	"description": "Lightweight hooks library for WebGL",
-	"keywords": [],
+	"repository": "jsulpis/usegl",
 	"license": "MIT",
 	"author": "Julien SULPIS",
-	"main": "index.ts",
+	"sideEffects": false,
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.mjs"
+		}
+	},
+	"main": "./dist/index.mjs",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.ts",
+	"files": [
+		"dist"
+	],
 	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1"
+		"build": "unbuild",
+		"format": "prettier src --check",
+		"format:fix": "prettier src --write",
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
+		"prepack": "pnpm build",
+		"release": "changelogen --release --clean",
+		"typecheck": "tsc --noEmit"
+	},
+	"devDependencies": {
+		"@types/node": "22.1.0",
+		"changelogen": "0.5.5",
+		"eslint": "9.8.0",
+		"eslint-config-unjs": "0.3.2",
+		"prettier": "3.3.3",
+		"typescript": "5.5.4",
+		"unbuild": "3.0.0-rc.7"
+	},
+	"changelog": {
+		"excludeAuthors": [
+			""
+		]
 	}
 }

lib/index.ts

@@ -5,7 +5,7 @@ export function setAttribute(
 	gl: WebGL2RenderingContext,
 	program: WebGLProgram,
 	name: string,
-	attribute: Attribute
+	attribute: Attribute,
 ) {
 	const bufferData = getBufferData(attribute.data, name === "index");
 	const location = gl.getAttribLocation(program, name);
@@ -27,7 +27,7 @@ export function setAttribute(
 		attribute.type || getGLType(gl, bufferData),
 		attribute.normalize || false,
 		attribute.stride || 0,
-		attribute.offset || 0
+		attribute.offset || 0,
 	);
 	gl.bindBuffer(gl.ARRAY_BUFFER, null);
 
@@ -43,7 +43,7 @@ function getBufferData(data: Attribute["data"], isIndex: boolean) {
 		return data;
 	}
 	if (isIndex) {
-		return data.length < 65536 ? new Uint16Array(data) : new Uint32Array(data);
+		return data.length < 65_536 ? new Uint16Array(data) : new Uint32Array(data);
 	}
 	return new Float32Array(data);
 }
@@ -56,4 +56,5 @@ function getGLType(gl: WebGL2RenderingContext, data: ArrayBufferView) {
 	if (data instanceof Int16Array) return gl.SHORT;
 	if (data instanceof Uint32Array) return gl.UNSIGNED_INT;
 	if (data instanceof Int32Array) return gl.INT;
+	return gl.FLOAT;
 }

lib/package.json

@@ -1,7 +1,7 @@
 export function createAndBindBuffer(
 	gl: WebGLRenderingContext,
 	target: GLenum,
-	data: AllowSharedBufferSource | number[]
+	data: AllowSharedBufferSource | number[],
 ) {
 	const buffer = gl.createBuffer();
 	const bufferData = isSharedBufferSource(data) ? data : new Float32Array(data);

lib/src/core/attribute.ts

@@ -3,14 +3,19 @@ import { createShader } from "./shader";
 export function createProgram(
 	gl: WebGL2RenderingContext,
 	fragment: string | WebGLShader,
-	vertex: string | WebGLShader
+	vertex: string | WebGLShader,
 ) {
 	const vertexShader =
 		vertex instanceof WebGLShader ? vertex : createShader(gl, vertex, gl.VERTEX_SHADER);
 	const fragmentShader =
 		fragment instanceof WebGLShader ? fragment : createShader(gl, fragment, gl.FRAGMENT_SHADER);
 
 	const program = gl.createProgram();
+	if (program === null || vertexShader == null || fragmentShader == null) {
+		console.error("could not create program");
+		gl.deleteProgram(program);
+		return null;
+	}
 	gl.attachShader(program, vertexShader);
 	gl.attachShader(program, fragmentShader);
 	gl.linkProgram(program);

lib/src/core/buffer.ts

@@ -3,7 +3,7 @@ import { createTexture } from "./texture";
 
 export function createRenderTarget(
 	gl: WebGL2RenderingContext,
-	size?: { width: number; height: number }
+	size?: { width: number; height: number },
 ): RenderTarget {
 	let _width = size?.width ?? gl.canvas.width;
 	let _height = size?.height ?? gl.canvas.height;