Compare commits

..

No commits in common. "62ee692291e8681defa01e737368a2aa5808da15" and "53781f32a35405e723832d050ce52c8a26b5f2df" have entirely different histories.

24 changed files with 74 additions and 302 deletions

1
.eslintignore Normal file
View file

@ -0,0 +1 @@
**/*.js

30
.eslintrc.json Normal file
View file

@ -0,0 +1,30 @@
{
"root": true,
"env": {
"browser": true,
"es2020": true
},
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended",
"prettier",
"prettier/@typescript-eslint"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": 11,
"sourceType": "module"
},
"plugins": ["unused-imports", "@typescript-eslint", "prettier"],
"rules": {
"prettier/prettier": "error",
"no-unused-vars": "off",
"unused-imports/no-unused-imports-ts": "error",
"@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
"@typescript-eslint/no-explicit-any": "off",
"@typescript-eslint/explicit-module-boundary-types": "off",
"@typescript-eslint/no-non-null-assertion": "off",
"@typescript-eslint/ban-ts-comment": "off"
}
}

View file

@ -1,45 +0,0 @@
name: Check
on:
push:
branches: ['main']
pull_request:
branches: ['main']
jobs:
check:
runs-on: docker
steps:
- uses: actions/checkout@v4
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: '22.x'
check-latest: true
# package-lock.json is gitignored, so cache the global npm download cache
# keyed on package.json rather than relying on `npm ci` + a lockfile.
- name: Cache npm dependencies
uses: actions/cache@v4
with:
path: ~/.npm
key: ${{ runner.os }}-npm-${{ hashFiles('package.json') }}
restore-keys: |
${{ runner.os }}-npm-
- name: Install dependencies
run: npm install
- name: Check formatting
run: npm run format
- name: Lint
run: npm run lint
- name: Type-check
run: npm test
- name: Build
run: npm run build

View file

@ -1,88 +0,0 @@
name: Publish
on:
push:
branches: ['main']
tags: ['*']
workflow_dispatch:
concurrency:
group: 'pages'
cancel-in-progress: false
jobs:
build:
runs-on: docker
steps:
- uses: actions/checkout@v4
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: '22.x'
check-latest: true
- name: Cache npm dependencies
uses: actions/cache@v4
with:
path: ~/.npm
key: ${{ runner.os }}-npm-${{ hashFiles('package.json') }}
restore-keys: |
${{ runner.os }}-npm-
- name: Install dependencies
run: npm install
- name: Check formatting
run: npm run format
- name: Lint
run: npm run lint
- name: Type-check
run: npm test
- name: Build library and docs
run: npm run build
- name: Deploy docs to pages mount
if: github.event_name == 'push' && github.ref == 'refs/heads/main'
uses: http://forgejo:3000/andras/ci-actions/deploy-pages@main
with:
source: docs
target: sdf-2d-docs
publish-npm:
needs: build
runs-on: docker
if: startsWith(github.ref, 'refs/tags/')
steps:
- uses: actions/checkout@v4
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: '22.x'
check-latest: true
registry-url: 'https://registry.npmjs.org'
- name: Cache npm dependencies
uses: actions/cache@v4
with:
path: ~/.npm
key: ${{ runner.os }}-npm-${{ hashFiles('package.json') }}
restore-keys: |
${{ runner.os }}-npm-
- name: Install dependencies
run: npm install
- name: Build library
run: npm run build
- name: Publish to NPM
run: npm publish
env:
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

3
custom.d.ts vendored
View file

@ -3,6 +3,3 @@ declare module '*.glsl' {
const content: string;
export default content;
}
/** Injected at build time by webpack's DefinePlugin. @internal */
declare const __VERSION__: string;

View file

@ -1,43 +0,0 @@
import js from '@eslint/js';
import tsPlugin from '@typescript-eslint/eslint-plugin';
import prettier from 'eslint-plugin-prettier';
import prettierConfig from 'eslint-config-prettier';
import unusedImports from 'eslint-plugin-unused-imports';
import globals from 'globals';
export default [
{
ignores: ['lib/**', 'docs/**', 'node_modules/**', '**/*.js', '**/*.mjs', '**/*.cjs'],
},
js.configs.recommended,
tsPlugin.configs['flat/eslint-recommended'],
...tsPlugin.configs['flat/recommended'],
prettierConfig,
{
files: ['src/**/*.ts'],
languageOptions: {
ecmaVersion: 2020,
sourceType: 'module',
globals: {
...globals.browser,
__VERSION__: 'readonly',
},
},
plugins: {
'unused-imports': unusedImports,
prettier,
},
rules: {
'prettier/prettier': 'error',
// Newly part of eslint:recommended in v9+; would require ES2022 Error `cause`.
'preserve-caught-error': 'off',
'no-unused-vars': 'off',
'unused-imports/no-unused-imports': 'error',
'@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
'@typescript-eslint/no-explicit-any': 'off',
'@typescript-eslint/explicit-module-boundary-types': 'off',
'@typescript-eslint/no-non-null-assertion': 'off',
'@typescript-eslint/ban-ts-comment': 'off',
},
},
];

View file

@ -35,12 +35,7 @@
"scripts": {
"start": "rm -rf lib/* && webpack --mode development -w",
"build": "rm -rf lib/* docs/* && npx typedoc && webpack --mode production",
"test": "tsc --noEmit",
"format": "prettier --check \"src/**/*.{ts,json}\"",
"format:fix": "prettier --write \"src/**/*.{ts,json}\"",
"lint": "eslint src",
"lint:fix": "eslint src --fix",
"fix": "npm run lint:fix && npm run format:fix"
"lint": "eslint src/**/*.{js,ts,json} --fix && prettier --write src/**/*.{js,ts,json}"
},
"main": "lib/main.js",
"types": "lib/src/main.d.ts",
@ -51,26 +46,26 @@
"src/main.ts"
],
"dependencies": {
"gl-matrix": "^3.4.4",
"gl-matrix": "^3.3.0",
"resize-observer-polyfill": "^1.5.1"
},
"devDependencies": {
"@eslint/js": "^10.0.1",
"@typescript-eslint/eslint-plugin": "^8.60.1",
"@typescript-eslint/parser": "^8.60.1",
"eslint": "^10.4.1",
"eslint-config-prettier": "^10.1.8",
"eslint-plugin-prettier": "^5.5.6",
"eslint-plugin-unused-imports": "^4.4.1",
"globals": "^17.6.0",
"prettier": "^3.8.3",
"raw-loader": "^4.0.2",
"terser-webpack-plugin": "^5.6.1",
"ts-loader": "^9.6.0",
"typedoc": "^0.28.19",
"typedoc-plugin-extras": "^4.0.1",
"typescript": "^6.0.3",
"webpack": "^5.107.2",
"webpack-cli": "^7.0.3"
"@typescript-eslint/eslint-plugin": "^3.10.1",
"@typescript-eslint/parser": "^3.10.1",
"eslint": "^7.9.0",
"eslint-config-prettier": "^6.11.0",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-json-format": "^2.0.1",
"eslint-plugin-prettier": "^3.1.4",
"eslint-plugin-unused-imports": "^0.1.3",
"prettier": "^2.1.2",
"raw-loader": "^4.0.1",
"terser-webpack-plugin": "^2.3.8",
"ts-loader": "^8.0.3",
"typedoc": "^0.19.2",
"typedoc-plugin-extras": "^1.1.6",
"typescript": "^3.9.7",
"webpack": "^4.44.2",
"webpack-cli": "^3.3.11"
}
}

View file

@ -1,39 +0,0 @@
#!/bin/bash
set -e
if [[ -z $1 ]]; then
echo "Usage: $0 {patch|minor|major}"
exit 1
fi
if [[ $1 =~ ^(patch|minor|major)$ ]]; then
echo "Creating a new '$1' version"
else
echo "Invalid argument: $1"
echo "Usage: $0 {patch|minor|major}"
exit 1
fi
if [[ -n $(git status --porcelain) ]]; then
echo "Your working directory is not clean. Please commit or stash your changes before proceeding."
exit 1
else
echo "Your working directory is clean."
fi
echo "Bumping version"
# Bump package.json only; we create the commit and tag ourselves below so the
# tag matches the bare version (e.g. 0.7.7) that publish.yml triggers on.
npm version "$1" --no-git-tag-version
# Commit and tag
git add .
TAG=$(node -p "require('./package.json').version")
git commit -m "Bump version to $TAG"
git push
echo "Tagging $TAG"
git tag -a "$TAG" -m "Release $TAG"
git push origin "$TAG"
echo "Done"

View file

@ -5,11 +5,7 @@ import { Drawable } from '../../main';
export abstract class LightDrawable extends Drawable {
protected lightnessRatio = 1;
constructor(
public center: vec2,
public color: vec3,
public intensity: number
) {
constructor(public center: vec2, public color: vec3, public intensity: number) {
super();
}

View file

@ -7,10 +7,7 @@ import { EmptyDrawable } from '../empty-drawable';
* @category Drawable
*/
class CircleBase extends EmptyDrawable {
constructor(
public center: vec2,
public radius: number
) {
constructor(public center: vec2, public radius: number) {
super();
}
}

View file

@ -35,11 +35,7 @@ export class ColorfulCircle extends Drawable {
empty: new ColorfulCircle(vec2.create(), 0, 0),
};
constructor(
public center: vec2,
public radius: number,
public colorIndex: number
) {
constructor(public center: vec2, public radius: number, public colorIndex: number) {
super();
}

View file

@ -7,10 +7,7 @@ import { EmptyDrawable } from '../empty-drawable';
* @category Drawable
*/
class HexagonBase extends EmptyDrawable {
constructor(
public center: vec2,
public radius: number
) {
constructor(public center: vec2, public radius: number) {
super();
}
}

View file

@ -8,10 +8,7 @@ import { numberToGlslFloat } from '../../helper/number-to-glsl-float';
* @category Drawable
*/
class MetaCircleBase extends EmptyDrawable {
constructor(
public center: vec2,
public radius: number
) {
constructor(public center: vec2, public radius: number) {
super();
}
}

View file

@ -112,9 +112,9 @@ export const NoisyPolygonFactory = (
},
uniformCountMacroName: `NOISY_POLYGON${vertexCount}_COUNT`,
shaderCombinationSteps: [0, 1, 2, 3, 8, 16],
empty: new NoisyPolygon(
empty: (new NoisyPolygon(
new Array(vertexCount).fill(vec2.create())
) as unknown as Drawable,
) as unknown) as Drawable,
};
public randomOffset = 0;

View file

@ -7,11 +7,7 @@ import { EmptyDrawable } from '../empty-drawable';
* @category Drawable
*/
class RotatedRectangleBase extends EmptyDrawable {
constructor(
public center: vec2,
public size: vec2,
public rotation: number
) {
constructor(public center: vec2, public size: vec2, public rotation: number) {
super();
}
}

View file

@ -135,7 +135,7 @@ export class ParallelCompiler {
private prettyPrintErrorsIfThereAreAny(shader: ShaderWithSource) {
try {
this.checkShader(shader);
} catch (e: any) {
} catch (e) {
for (const match of e.toString().matchAll(/ERROR: 0:(\d+): (.*)$/gm)) {
const line = Number.parseInt(match[1]);
const error = match[2];

View file

@ -1,5 +1,4 @@
import { vec2 } from 'gl-matrix';
import { tryEnableExtension } from '../helper/enable-extension';
import { UniversalRenderingContext } from '../universal-rendering-context';
import { Texture } from './texture';
import { FilteringOptions } from './texture-options';
@ -8,31 +7,24 @@ import { FilteringOptions } from './texture-options';
export class ColorTexture extends Texture {
public static readonly textureUnitId = 0;
private floatEnabled = false;
constructor(gl: UniversalRenderingContext) {
super(gl, ColorTexture.textureUnitId, {
minFilter: FilteringOptions.LINEAR,
maxFilter: FilteringOptions.LINEAR,
});
const bufferFloatExtension = tryEnableExtension(gl, 'EXT_color_buffer_float');
const floatLinearExtension = tryEnableExtension(gl, 'OES_texture_float_linear');
this.floatEnabled = gl.isWebGL2 && !!bufferFloatExtension && !!floatLinearExtension;
}
public setSize(size: vec2) {
this.bind();
const gl2 = this.gl as WebGL2RenderingContext;
this.gl.texImage2D(
this.gl.TEXTURE_2D,
0,
this.floatEnabled ? gl2.RGBA16F : this.gl.RGBA,
this.gl.RGBA,
size.x,
size.y,
0,
this.gl.RGBA,
this.floatEnabled ? gl2.HALF_FLOAT : this.gl.UNSIGNED_BYTE,
this.gl.UNSIGNED_BYTE,
null
);
}

View file

@ -6,10 +6,7 @@ import { Texture } from './texture';
export class PaletteTexture extends Texture {
public static readonly textureUnitId = 2;
constructor(
gl: UniversalRenderingContext,
private readonly paletteSize: number
) {
constructor(gl: UniversalRenderingContext, private readonly paletteSize: number) {
super(gl, PaletteTexture.textureUnitId);
}

View file

@ -230,8 +230,7 @@ export class RendererImplementation implements Renderer {
this.stopwatch.start();
} else {
this.stopwatch.tryGetResults();
this.gl.insights.gpuRenderTimeInMilliseconds =
this.stopwatch.resultsInMilliseconds;
this.gl.insights.gpuRenderTimeInMilliseconds = this.stopwatch.resultsInMilliseconds;
}
}

View file

@ -23,11 +23,6 @@ declare global {
x: number;
y: number;
}
interface Iterable<T> {
x: T;
y: T;
}
}
applyArrayPlugins();

View file

@ -60,7 +60,7 @@ export async function runAnimation(
const deltaTimeCalculator = new DeltaTimeCalculator();
let triggerIsOver: () => void;
const isOver = new Promise<void>((resolve) => (triggerIsOver = resolve));
const isOver = new Promise((resolve) => (triggerIsOver = resolve));
renderer.setRuntimeSettings(settings);
const autoscaler = new FpsQualityAutoscaler(renderer);

View file

@ -5,9 +5,7 @@
"declaration": true,
"declarationMap": true,
"target": "es5",
"ignoreDeprecations": "6.0",
"esModuleInterop": true,
"skipLibCheck": true,
"strict": true,
"downlevelIteration": true,
"moduleResolution": "Node",

View file

@ -1,15 +1,18 @@
{
"mode": "file",
"out": "docs",
"name": "SDF-2D",
"entryPoints": ["src"],
"entryPointStrategy": "expand",
"includeDeclarations": true,
"excludeExternals": true,
"excludeNotExported": true,
"excludePrivate": true,
"excludeInternal": true,
"stripInternal": true,
"media": "media",
"includeVersion": true,
"hideGenerator": true,
"readme": "documentation-readme.md",
"inputFiles": "src",
"favicon": "media/favicon.ico",
"skipErrorChecking": true,
"plugin": ["typedoc-plugin-extras"]
"ignoreCompilerErrors": true,
"listInvalidSymbolLinks": true,
"readme": "documentation-readme.md"
}

View file

@ -38,6 +38,7 @@ module.exports = {
usedExports: true,
minimizer: [
new TerserJSPlugin({
sourceMap: true,
test: /\.js$/i,
}),
],