three-text 0.2.2 → 0.2.3

package/README.md

@@ -26,11 +26,8 @@ Under the hood, three-text relies on [HarfBuzz](https://github.com/harfbuzz/harf
 - [Overview](#overview)
 - [Getting started](#getting-started)
   - [Three.js](#threejs)
-  - [p5.js](#p5js)
   - [React Three Fiber](#react-three-fiber)
-  - [WebGL](#webgl)
-  - [WebGPU](#webgpu)
-  - [Core](#core)
+  - [p5.js](#p5js)
 - [Development and examples](#development-and-examples)
 - [Architecture](#architecture)
 - [Why three-text?](#why-three-text)
@@ -94,6 +91,26 @@ const mesh = new THREE.Mesh(result.geometry, material);
 scene.add(mesh);
 ```
 
+#### React Three Fiber
+
+```jsx
+import { Canvas } from '@react-three/fiber';
+import { Text } from 'three-text/three/react';
+
+Text.setHarfBuzzPath('/hb/hb.wasm');
+
+function App() {
+  return (
+    <Canvas>
+      <ambientLight />
+      <Text font="/fonts/Font.woff" size={72} depth={10}>
+        Hello React
+      </Text>
+    </Canvas>
+  );
+}
+```
+
 #### p5.js
 
 ```javascript
@@ -123,6 +140,9 @@ function draw() {
 }
 ```
 
+`createThreeTextGeometry()` accepts all the same options as Three.js (`layout`, `fontVariations`, `depth`, etc.) and returns `{ geometry, planeBounds, glyphs }`. Use `planeBounds` to center the text
+
+
 ### Setup
 
 The library bundles harfbuzzjs but requires the WASM binary to be available at runtime. You have two options for providing it:
@@ -969,7 +989,7 @@ The build generates multiple module formats for core and all adapters:
 
 ## Acknowledgements
 
-`three-text` is built on HarfBuzz and TeX, and this library would not exist without the authors and communities who contribute to, support, and steward these projects. Thanks to Theo Honohan and Yasi Perera for advice on graphics
+`three-text` is built on HarfBuzz and TeX, and started as a Three.js project; this library would not exist without the authors and communities who contribute to, support, and steward these projects. Thanks to Theo Honohan and Yasi Perera for the advice on graphics
 
 ## License
 

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /*!
- * three-text v0.2.2
+ * three-text v0.2.3
  * Copyright (C) 2025 Countertype LLC
  * 
  * This program is free software: you can redistribute it and/or modify

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * three-text v0.2.2
+ * three-text v0.2.3
  * Copyright (C) 2025 Countertype LLC
  * 
  * This program is free software: you can redistribute it and/or modify

package/dist/index.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * three-text v0.2.2
+ * three-text v0.2.3
  * Copyright (C) 2025 Countertype LLC
  * 
  * This program is free software: you can redistribute it and/or modify

package/dist/index.min.js

@@ -1,5 +1,5 @@
 /*!
- * three-text v0.2.2
+ * three-text v0.2.3
  * Copyright (C) 2025 Countertype LLC
  * 
  * This program is free software: you can redistribute it and/or modify

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * three-text v0.2.2
+ * three-text v0.2.3
  * Copyright (C) 2025 Countertype LLC
  * 
  * This program is free software: you can redistribute it and/or modify

package/dist/index.umd.min.js

@@ -1,5 +1,5 @@
 /*!
- * three-text v0.2.2
+ * three-text v0.2.3
  * Copyright (C) 2025 Countertype LLC
  * 
  * This program is free software: you can redistribute it and/or modify

package/dist/three/index.cjs

@@ -19,8 +19,8 @@ class Text {
         const geometry = new three.BufferGeometry();
         geometry.setAttribute('position', new three.Float32BufferAttribute(coreResult.vertices, 3));
         geometry.setAttribute('normal', new three.Float32BufferAttribute(coreResult.normals, 3));
-        geometry.setIndex(Array.from(coreResult.indices));
-        // Add optional attributes
+        geometry.setIndex(new three.Uint32BufferAttribute(coreResult.indices, 1));
+        // Add optional color attribute (only if provided)
         if (coreResult.colors) {
             geometry.setAttribute('color', new three.Float32BufferAttribute(coreResult.colors, 3));
         }

package/dist/three/index.js

@@ -1,4 +1,4 @@
-import { BufferGeometry, Float32BufferAttribute } from 'three';
+import { BufferGeometry, Float32BufferAttribute, Uint32BufferAttribute } from 'three';
 import { Text as Text$1 } from '../index.js';
 
 // Three.js adapter - wraps core text processing and returns BufferGeometry
@@ -17,8 +17,8 @@ class Text {
         const geometry = new BufferGeometry();
         geometry.setAttribute('position', new Float32BufferAttribute(coreResult.vertices, 3));
         geometry.setAttribute('normal', new Float32BufferAttribute(coreResult.normals, 3));
-        geometry.setIndex(Array.from(coreResult.indices));
-        // Add optional attributes
+        geometry.setIndex(new Uint32BufferAttribute(coreResult.indices, 1));
+        // Add optional color attribute (only if provided)
         if (coreResult.colors) {
             geometry.setAttribute('color', new Float32BufferAttribute(coreResult.colors, 3));
         }

package/dist/three/react.cjs

@@ -72,13 +72,6 @@ const Text$1 = react.forwardRef(function Text(props, ref) {
                     font,
                     ...memoizedTextOptions,
                 });
-                if (text.geometry &&
-                    !text.geometry.attributes.color &&
-                    vertexColors) {
-                    const vertexCount = text.geometry.attributes.position.count;
-                    const colors = new Float32Array(vertexCount * 3).fill(1.0);
-                    text.geometry.setAttribute("color", new THREE__namespace.BufferAttribute(colors, 3));
-                }
                 if (!cancelled) {
                     setGeometry(text.geometry);
                     if (onLoad)

package/dist/three/react.js

@@ -51,13 +51,6 @@ const Text$1 = forwardRef(function Text(props, ref) {
                     font,
                     ...memoizedTextOptions,
                 });
-                if (text.geometry &&
-                    !text.geometry.attributes.color &&
-                    vertexColors) {
-                    const vertexCount = text.geometry.attributes.position.count;
-                    const colors = new Float32Array(vertexCount * 3).fill(1.0);
-                    text.geometry.setAttribute("color", new THREE.BufferAttribute(colors, 3));
-                }
                 if (!cancelled) {
                     setGeometry(text.geometry);
                     if (onLoad)

package/package.json

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