three-text 0.5.0 → 0.5.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 /*!
  * @license
- * three-text v0.5.0
+ * three-text v0.5.1
  * Copyright © 2025-2026 Jeremy Tribby, Countertype LLC
  * SPDX-License-Identifier: MIT
  */

package/dist/index.js

@@ -1,6 +1,6 @@
 /*!
  * @license
- * three-text v0.5.0
+ * three-text v0.5.1
  * Copyright © 2025-2026 Jeremy Tribby, Countertype LLC
  * SPDX-License-Identifier: MIT
  */

package/dist/index.min.cjs

@@ -1,6 +1,6 @@
 /*!
  * @license
- * three-text v0.5.0
+ * three-text v0.5.1
  * Copyright © 2025-2026 Jeremy Tribby, Countertype LLC
  * SPDX-License-Identifier: MIT
  */

package/dist/index.min.js

@@ -1,6 +1,6 @@
 /*!
  * @license
- * three-text v0.5.0
+ * three-text v0.5.1
  * Copyright © 2025-2026 Jeremy Tribby, Countertype LLC
  * SPDX-License-Identifier: MIT
  */

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*!
  * @license
- * three-text v0.5.0
+ * three-text v0.5.1
  * Copyright © 2025-2026 Jeremy Tribby, Countertype LLC
  * SPDX-License-Identifier: MIT
  */

package/dist/index.umd.min.js

@@ -1,6 +1,6 @@
 /*!
  * @license
- * three-text v0.5.0
+ * three-text v0.5.1
  * Copyright © 2025-2026 Jeremy Tribby, Countertype LLC
  * SPDX-License-Identifier: MIT
  */

package/dist/types/vector/index.d.ts

@@ -25,5 +25,3 @@ export type { TextOptions, VectorTextResult as TextGeometryInfo, VectorGlyphInfo
 export type { HyphenationTrieNode };
 export { buildVectorGeometry, extractContours } from './LoopBlinnGeometry';
 export type { VectorGeometryData, VectorGlyphAttributes, GlyphRange, VectorContour, LoopBlinnInput, LoopBlinnGlyphInput, QuadraticSegment } from './LoopBlinnGeometry';
-export { createVectorMeshes } from './loopBlinnTSL';
-export type { VectorMeshes } from './loopBlinnTSL';

package/dist/types/vector/loopBlinnTSL.d.ts

@@ -1,8 +1,8 @@
 import * as THREE from 'three';
 import type { VectorGeometryData } from './LoopBlinnGeometry';
 export interface VectorMeshes {
-    interiorMesh: THREE.Mesh;
-    curveMesh: THREE.Mesh;
+    interiorMesh: THREE.Object3D;
+    curveMesh: THREE.Object3D;
     fillMesh: THREE.Mesh;
     setOffset(x: number, y: number, z?: number): void;
     dispose(): void;

package/dist/vector/index.cjs

@@ -4,27 +4,6 @@ var Text$1 = require('../index.cjs');
 var sharedCaches = require('../index.cjs');
 var DrawCallbacks = require('../index.cjs');
 var TextRangeQuery = require('../index.cjs');
-var THREE = require('three');
-var tsl = require('three/tsl');
-
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
 // 2D Vector
 class Vec2 {
@@ -1267,132 +1246,6 @@ function buildVectorGeometry(input) {
     };
 }
 
-// Loop-Blinn TSL adapter for Three.js WebGPURenderer.
-// Creates meshes with TSL node materials for Loop-Blinn curve evaluation
-// and Kokojima stencil fill. Works on WebGL (r170+) and WebGPU (r182+).
-// Requires peer dependencies: three, three/tsl
-// @ts-ignore - three is a peer dependency
-// TSL fragment node: evaluates u^2 - v = 0 per fragment with
-// screen-space derivative antialiasing. Discards outside fragments.
-// UV convention per triangle: p0=(0,0), p1=(0.5,0), p2=(1,1)
-const loopBlinnFragment = tsl.Fn(() => {
-    const curveUV = tsl.uv();
-    const px = tsl.dFdx(curveUV);
-    const py = tsl.dFdy(curveUV);
-    const fx = tsl.float(2.0).mul(curveUV.x).mul(px.x).sub(px.y);
-    const fy = tsl.float(2.0).mul(curveUV.x).mul(py.x).sub(py.y);
-    const denom = tsl.sqrt(fx.mul(fx).add(fy.mul(fy)));
-    const f = curveUV.x.mul(curveUV.x).sub(curveUV.y);
-    const sd = f.div(denom.max(1e-6));
-    const alpha = tsl.clamp(tsl.float(0.5).sub(sd), 0.0, 1.0);
-    tsl.Discard(alpha.lessThanEqual(0.0));
-    return tsl.vec4(1.0, 1.0, 1.0, alpha);
-});
-function setGlyphAttrsOnGeometry(geo, attrs, offsetX = 0, offsetY = 0) {
-    if (!attrs)
-        return;
-    const glyphCenter = new Float32Array(attrs.glyphCenter);
-    if (offsetX !== 0 || offsetY !== 0) {
-        for (let i = 0; i < glyphCenter.length; i += 3) {
-            glyphCenter[i] += offsetX;
-            glyphCenter[i + 1] += offsetY;
-        }
-    }
-    geo.setAttribute('glyphCenter', new THREE__namespace.Float32BufferAttribute(glyphCenter, 3));
-    geo.setAttribute('glyphIndex', new THREE__namespace.Float32BufferAttribute(attrs.glyphIndex, 1));
-    geo.setAttribute('glyphProgress', new THREE__namespace.Float32BufferAttribute(attrs.glyphProgress, 1));
-    geo.setAttribute('glyphLineIndex', new THREE__namespace.Float32BufferAttribute(attrs.glyphLineIndex, 1));
-    geo.setAttribute('glyphBaselineY', new THREE__namespace.Float32BufferAttribute(attrs.glyphBaselineY, 1));
-}
-function applyStencilXOR(mat) {
-    mat.depthTest = false;
-    mat.depthWrite = false;
-    mat.side = THREE__namespace.DoubleSide;
-    mat.stencilWrite = true;
-    mat.stencilFunc = THREE__namespace.AlwaysStencilFunc;
-    mat.stencilRef = 0;
-    mat.stencilFuncMask = 0xFF;
-    mat.stencilWriteMask = 0xFF;
-    mat.stencilFail = THREE__namespace.KeepStencilOp;
-    mat.stencilZFail = THREE__namespace.KeepStencilOp;
-    mat.stencilZPass = THREE__namespace.InvertStencilOp;
-}
-// Three meshes that must render in order (via renderOrder or sequential draws):
-//   1. interiorMesh - stencil XOR (fan triangulated interiors, no color output)
-//   2. curveMesh    - stencil XOR (Loop-Blinn curve eval, alpha-to-coverage)
-//   3. fillMesh     - color where stencil != 0, then zeros stencil
-function createVectorMeshes(data, color) {
-    const interiorGeo = new THREE__namespace.BufferGeometry();
-    interiorGeo.setAttribute('position', new THREE__namespace.Float32BufferAttribute(data.interiorPositions, 3));
-    interiorGeo.setIndex(new THREE__namespace.BufferAttribute(data.interiorIndices, 1));
-    setGlyphAttrsOnGeometry(interiorGeo, data.interiorGlyphAttrs);
-    const curveGeo = new THREE__namespace.BufferGeometry();
-    curveGeo.setAttribute('position', new THREE__namespace.Float32BufferAttribute(data.curvePositions, 3));
-    const curveVertCount = data.curvePositions.length / 3;
-    const curveUVs = new Float32Array(curveVertCount * 2);
-    for (let i = 0; i < curveVertCount; i += 3) {
-        curveUVs[i * 2] = 0;
-        curveUVs[i * 2 + 1] = 0; // p0
-        curveUVs[i * 2 + 2] = 0.5;
-        curveUVs[i * 2 + 3] = 0; // p1
-        curveUVs[i * 2 + 4] = 1;
-        curveUVs[i * 2 + 5] = 1; // p2
-    }
-    curveGeo.setAttribute('uv', new THREE__namespace.Float32BufferAttribute(curveUVs, 2));
-    setGlyphAttrsOnGeometry(curveGeo, data.curveGlyphAttrs);
-    const fillGeo = new THREE__namespace.BufferGeometry();
-    fillGeo.setAttribute('position', new THREE__namespace.Float32BufferAttribute(data.fillPositions, 3));
-    fillGeo.setIndex(new THREE__namespace.BufferAttribute(data.fillIndices, 1));
-    setGlyphAttrsOnGeometry(fillGeo, data.fillGlyphAttrs);
-    // 1) Interior stencil material - no color output
-    const stencilInteriorMat = new THREE__namespace.MeshBasicNodeMaterial();
-    applyStencilXOR(stencilInteriorMat);
-    stencilInteriorMat.colorWrite = false;
-    // 2) Curve stencil material - Loop-Blinn fragment evaluation
-    const stencilCurveMat = new THREE__namespace.MeshBasicNodeMaterial();
-    applyStencilXOR(stencilCurveMat);
-    stencilCurveMat.colorWrite = false;
-    stencilCurveMat.alphaToCoverage = true;
-    stencilCurveMat.fragmentNode = loopBlinnFragment();
-    // 3) Color fill material - renders where stencil != 0
-    const colorMat = new THREE__namespace.MeshBasicNodeMaterial();
-    colorMat.depthTest = false;
-    colorMat.depthWrite = false;
-    colorMat.side = THREE__namespace.DoubleSide;
-    colorMat.stencilWrite = true;
-    colorMat.stencilFunc = THREE__namespace.NotEqualStencilFunc;
-    colorMat.stencilRef = 0;
-    colorMat.stencilFuncMask = 0xFF;
-    colorMat.stencilWriteMask = 0xFF;
-    colorMat.stencilFail = THREE__namespace.KeepStencilOp;
-    colorMat.stencilZFail = THREE__namespace.KeepStencilOp;
-    colorMat.stencilZPass = THREE__namespace.ZeroStencilOp;
-    if (color !== undefined) {
-        colorMat.color = new THREE__namespace.Color(color);
-    }
-    const interiorMesh = new THREE__namespace.Mesh(interiorGeo, stencilInteriorMat);
-    const curveMesh = new THREE__namespace.Mesh(curveGeo, stencilCurveMat);
-    const fillMesh = new THREE__namespace.Mesh(fillGeo, colorMat);
-    return {
-        interiorMesh,
-        curveMesh,
-        fillMesh,
-        setOffset(x, y, z = 0) {
-            interiorMesh.position.set(x, y, z);
-            curveMesh.position.set(x, y, z);
-            fillMesh.position.set(x, y, z);
-        },
-        dispose() {
-            interiorGeo.dispose();
-            curveGeo.dispose();
-            fillGeo.dispose();
-            stencilInteriorMat.dispose();
-            stencilCurveMat.dispose();
-            colorMat.dispose();
-        }
-    };
-}
-
 function buildVectorResult(layoutHandle, vectorBuilder, options) {
     const scale = layoutHandle.layoutData.pixelsPerFontUnit;
     const { loopBlinnInput, glyphs } = vectorBuilder.buildForLoopBlinn(layoutHandle.clustersByLine, scale);
@@ -1454,5 +1307,4 @@ class Text {
 
 exports.Text = Text;
 exports.buildVectorGeometry = buildVectorGeometry;
-exports.createVectorMeshes = createVectorMeshes;
 exports.extractContours = extractContours;

package/dist/vector/index.d.ts

@@ -1,7 +1,6 @@
 import { Text as Text$1 } from '../core/Text';
 import { VectorGlyphInfo, TextQueryOptions, TextRange, LoadedFont, TextOptions } from '../core/types';
 export { LoadedFont, TextOptions, VectorGlyphInfo } from '../core/types';
-import * as THREE from 'three';
 
 interface BoundingBox {
     min: {
@@ -90,15 +89,6 @@ interface HyphenationTrieNode {
     };
 }
 
-interface VectorMeshes {
-    interiorMesh: THREE.Mesh;
-    curveMesh: THREE.Mesh;
-    fillMesh: THREE.Mesh;
-    setOffset(x: number, y: number, z?: number): void;
-    dispose(): void;
-}
-declare function createVectorMeshes(data: VectorGeometryData, color?: THREE.ColorRepresentation): VectorMeshes;
-
 interface VectorTextResult {
     glyphs: VectorGlyphInfo[];
     geometryData: VectorGeometryData;
@@ -119,4 +109,4 @@ declare class Text {
     static create(options: TextOptions): Promise<VectorTextResult>;
 }
 
-export { GlyphRange, HyphenationTrieNode, LoopBlinnGlyphInput, LoopBlinnInput, QuadraticSegment, Text, VectorTextResult as TextGeometryInfo, VectorContour, VectorGeometryData, VectorGlyphAttributes, VectorMeshes, VectorTextResult, buildVectorGeometry, createVectorMeshes, extractContours };
+export { GlyphRange, HyphenationTrieNode, LoopBlinnGlyphInput, LoopBlinnInput, QuadraticSegment, Text, VectorTextResult as TextGeometryInfo, VectorContour, VectorGeometryData, VectorGlyphAttributes, VectorTextResult, buildVectorGeometry, extractContours };

package/dist/vector/index.js

@@ -2,8 +2,6 @@ import { Text as Text$1 } from '../index.js';
 import { globalOutlineCache } from '../index.js';
 import { getSharedDrawCallbackHandler } from '../index.js';
 import { TextRangeQuery } from '../index.js';
-import * as THREE from 'three';
-import { Fn, uv, dFdx, dFdy, float, sqrt, clamp, Discard, vec4 } from 'three/tsl';
 
 // 2D Vector
 class Vec2 {
@@ -1246,132 +1244,6 @@ function buildVectorGeometry(input) {
     };
 }
 
-// Loop-Blinn TSL adapter for Three.js WebGPURenderer.
-// Creates meshes with TSL node materials for Loop-Blinn curve evaluation
-// and Kokojima stencil fill. Works on WebGL (r170+) and WebGPU (r182+).
-// Requires peer dependencies: three, three/tsl
-// @ts-ignore - three is a peer dependency
-// TSL fragment node: evaluates u^2 - v = 0 per fragment with
-// screen-space derivative antialiasing. Discards outside fragments.
-// UV convention per triangle: p0=(0,0), p1=(0.5,0), p2=(1,1)
-const loopBlinnFragment = Fn(() => {
-    const curveUV = uv();
-    const px = dFdx(curveUV);
-    const py = dFdy(curveUV);
-    const fx = float(2.0).mul(curveUV.x).mul(px.x).sub(px.y);
-    const fy = float(2.0).mul(curveUV.x).mul(py.x).sub(py.y);
-    const denom = sqrt(fx.mul(fx).add(fy.mul(fy)));
-    const f = curveUV.x.mul(curveUV.x).sub(curveUV.y);
-    const sd = f.div(denom.max(1e-6));
-    const alpha = clamp(float(0.5).sub(sd), 0.0, 1.0);
-    Discard(alpha.lessThanEqual(0.0));
-    return vec4(1.0, 1.0, 1.0, alpha);
-});
-function setGlyphAttrsOnGeometry(geo, attrs, offsetX = 0, offsetY = 0) {
-    if (!attrs)
-        return;
-    const glyphCenter = new Float32Array(attrs.glyphCenter);
-    if (offsetX !== 0 || offsetY !== 0) {
-        for (let i = 0; i < glyphCenter.length; i += 3) {
-            glyphCenter[i] += offsetX;
-            glyphCenter[i + 1] += offsetY;
-        }
-    }
-    geo.setAttribute('glyphCenter', new THREE.Float32BufferAttribute(glyphCenter, 3));
-    geo.setAttribute('glyphIndex', new THREE.Float32BufferAttribute(attrs.glyphIndex, 1));
-    geo.setAttribute('glyphProgress', new THREE.Float32BufferAttribute(attrs.glyphProgress, 1));
-    geo.setAttribute('glyphLineIndex', new THREE.Float32BufferAttribute(attrs.glyphLineIndex, 1));
-    geo.setAttribute('glyphBaselineY', new THREE.Float32BufferAttribute(attrs.glyphBaselineY, 1));
-}
-function applyStencilXOR(mat) {
-    mat.depthTest = false;
-    mat.depthWrite = false;
-    mat.side = THREE.DoubleSide;
-    mat.stencilWrite = true;
-    mat.stencilFunc = THREE.AlwaysStencilFunc;
-    mat.stencilRef = 0;
-    mat.stencilFuncMask = 0xFF;
-    mat.stencilWriteMask = 0xFF;
-    mat.stencilFail = THREE.KeepStencilOp;
-    mat.stencilZFail = THREE.KeepStencilOp;
-    mat.stencilZPass = THREE.InvertStencilOp;
-}
-// Three meshes that must render in order (via renderOrder or sequential draws):
-//   1. interiorMesh - stencil XOR (fan triangulated interiors, no color output)
-//   2. curveMesh    - stencil XOR (Loop-Blinn curve eval, alpha-to-coverage)
-//   3. fillMesh     - color where stencil != 0, then zeros stencil
-function createVectorMeshes(data, color) {
-    const interiorGeo = new THREE.BufferGeometry();
-    interiorGeo.setAttribute('position', new THREE.Float32BufferAttribute(data.interiorPositions, 3));
-    interiorGeo.setIndex(new THREE.BufferAttribute(data.interiorIndices, 1));
-    setGlyphAttrsOnGeometry(interiorGeo, data.interiorGlyphAttrs);
-    const curveGeo = new THREE.BufferGeometry();
-    curveGeo.setAttribute('position', new THREE.Float32BufferAttribute(data.curvePositions, 3));
-    const curveVertCount = data.curvePositions.length / 3;
-    const curveUVs = new Float32Array(curveVertCount * 2);
-    for (let i = 0; i < curveVertCount; i += 3) {
-        curveUVs[i * 2] = 0;
-        curveUVs[i * 2 + 1] = 0; // p0
-        curveUVs[i * 2 + 2] = 0.5;
-        curveUVs[i * 2 + 3] = 0; // p1
-        curveUVs[i * 2 + 4] = 1;
-        curveUVs[i * 2 + 5] = 1; // p2
-    }
-    curveGeo.setAttribute('uv', new THREE.Float32BufferAttribute(curveUVs, 2));
-    setGlyphAttrsOnGeometry(curveGeo, data.curveGlyphAttrs);
-    const fillGeo = new THREE.BufferGeometry();
-    fillGeo.setAttribute('position', new THREE.Float32BufferAttribute(data.fillPositions, 3));
-    fillGeo.setIndex(new THREE.BufferAttribute(data.fillIndices, 1));
-    setGlyphAttrsOnGeometry(fillGeo, data.fillGlyphAttrs);
-    // 1) Interior stencil material - no color output
-    const stencilInteriorMat = new THREE.MeshBasicNodeMaterial();
-    applyStencilXOR(stencilInteriorMat);
-    stencilInteriorMat.colorWrite = false;
-    // 2) Curve stencil material - Loop-Blinn fragment evaluation
-    const stencilCurveMat = new THREE.MeshBasicNodeMaterial();
-    applyStencilXOR(stencilCurveMat);
-    stencilCurveMat.colorWrite = false;
-    stencilCurveMat.alphaToCoverage = true;
-    stencilCurveMat.fragmentNode = loopBlinnFragment();
-    // 3) Color fill material - renders where stencil != 0
-    const colorMat = new THREE.MeshBasicNodeMaterial();
-    colorMat.depthTest = false;
-    colorMat.depthWrite = false;
-    colorMat.side = THREE.DoubleSide;
-    colorMat.stencilWrite = true;
-    colorMat.stencilFunc = THREE.NotEqualStencilFunc;
-    colorMat.stencilRef = 0;
-    colorMat.stencilFuncMask = 0xFF;
-    colorMat.stencilWriteMask = 0xFF;
-    colorMat.stencilFail = THREE.KeepStencilOp;
-    colorMat.stencilZFail = THREE.KeepStencilOp;
-    colorMat.stencilZPass = THREE.ZeroStencilOp;
-    if (color !== undefined) {
-        colorMat.color = new THREE.Color(color);
-    }
-    const interiorMesh = new THREE.Mesh(interiorGeo, stencilInteriorMat);
-    const curveMesh = new THREE.Mesh(curveGeo, stencilCurveMat);
-    const fillMesh = new THREE.Mesh(fillGeo, colorMat);
-    return {
-        interiorMesh,
-        curveMesh,
-        fillMesh,
-        setOffset(x, y, z = 0) {
-            interiorMesh.position.set(x, y, z);
-            curveMesh.position.set(x, y, z);
-            fillMesh.position.set(x, y, z);
-        },
-        dispose() {
-            interiorGeo.dispose();
-            curveGeo.dispose();
-            fillGeo.dispose();
-            stencilInteriorMat.dispose();
-            stencilCurveMat.dispose();
-            colorMat.dispose();
-        }
-    };
-}
-
 function buildVectorResult(layoutHandle, vectorBuilder, options) {
     const scale = layoutHandle.layoutData.pixelsPerFontUnit;
     const { loopBlinnInput, glyphs } = vectorBuilder.buildForLoopBlinn(layoutHandle.clustersByLine, scale);
@@ -1431,4 +1303,4 @@ class Text {
     }
 }
 
-export { Text, buildVectorGeometry, createVectorMeshes, extractContours };
+export { Text, buildVectorGeometry, extractContours };

package/dist/vector/webgl/index.cjs

@@ -185,7 +185,9 @@ void main() {
             gl.enable(gl.STENCIL_TEST);
             gl.stencilMask(0xff);
             gl.stencilFunc(gl.ALWAYS, 0, 0xff);
-            gl.stencilOp(gl.KEEP, gl.KEEP, gl.INVERT);
+            // Nonzero winding: front faces increment, back faces decrement
+            gl.stencilOpSeparate(gl.FRONT, gl.KEEP, gl.KEEP, gl.INCR_WRAP);
+            gl.stencilOpSeparate(gl.BACK, gl.KEEP, gl.KEEP, gl.DECR_WRAP);
             gl.colorMask(false, false, false, false);
             if (geometryResources.interiorIndexCount > 0) {
                 gl.useProgram(interiorProgram.program);

package/dist/vector/webgl/index.js

@@ -183,7 +183,9 @@ void main() {
             gl.enable(gl.STENCIL_TEST);
             gl.stencilMask(0xff);
             gl.stencilFunc(gl.ALWAYS, 0, 0xff);
-            gl.stencilOp(gl.KEEP, gl.KEEP, gl.INVERT);
+            // Nonzero winding: front faces increment, back faces decrement
+            gl.stencilOpSeparate(gl.FRONT, gl.KEEP, gl.KEEP, gl.INCR_WRAP);
+            gl.stencilOpSeparate(gl.BACK, gl.KEEP, gl.KEEP, gl.DECR_WRAP);
             gl.colorMask(false, false, false, false);
             if (geometryResources.interiorIndexCount > 0) {
                 gl.useProgram(interiorProgram.program);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-text",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "3D mesh font geometry and text layout engine for the web",
   "main": "dist/three/index.cjs",
   "module": "dist/three/index.js",