Release 3D Tools 0.2.0

tests/browser/app.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@playwright/test";
+import { Buffer } from "node:buffer";
 
 for (const path of ["/", "/deep/nested/3d/"]) {
   test("inspects and transforms locally at " + path, async ({ page }) => {
@@ -21,6 +22,22 @@ for (const path of ["/", "/deep/nested/3d/"]) {
   });
 }
 
+test("parses and flattens glTF scene transforms in the worker", async ({
+  page,
+}) => {
+  await page.goto("/");
+  await page.locator('input[type="file"]').setInputFiles({
+    name: "translated.gltf",
+    mimeType: "model/gltf+json",
+    buffer: gltfFixture(),
+  });
+  await expect(page.locator("p.status")).toContainText("glTF parsed locally");
+  await expect(
+    page.getByRole("heading", { name: "translated.gltf" }),
+  ).toBeVisible();
+  await expect(page.getByRole("row", { name: /X 10 12 2/u })).toBeVisible();
+});
+
 test("keeps the installed application available offline", async ({
   page,
   context,
@@ -40,3 +57,43 @@ test("keeps the installed application available offline", async ({
     await context.setOffline(false);
   }
 });
+
+function gltfFixture(): Buffer {
+  const binary = Buffer.alloc(42);
+  const view = new DataView(
+    binary.buffer,
+    binary.byteOffset,
+    binary.byteLength,
+  );
+  [0, 0, 0, 1, 0, 0, 0, 1, 0].forEach((value, index) =>
+    view.setFloat32(index * 4, value, true),
+  );
+  view.setUint16(36, 0, true);
+  view.setUint16(38, 1, true);
+  view.setUint16(40, 2, true);
+  const document = {
+    asset: { version: "2.0" },
+    scene: 0,
+    scenes: [{ nodes: [0] }],
+    buffers: [
+      {
+        uri: `data:application/octet-stream;base64,${binary.toString("base64")}`,
+        byteLength: binary.length,
+      },
+    ],
+    bufferViews: [
+      { buffer: 0, byteOffset: 0, byteLength: 36 },
+      { buffer: 0, byteOffset: 36, byteLength: 6 },
+    ],
+    accessors: [
+      { bufferView: 0, componentType: 5126, count: 3, type: "VEC3" },
+      { bufferView: 1, componentType: 5123, count: 3, type: "SCALAR" },
+    ],
+    meshes: [{ primitives: [{ attributes: { POSITION: 0 }, indices: 1 }] }],
+    nodes: [
+      { name: "Parent", translation: [10, 0, 0], children: [1] },
+      { name: "Scaled", mesh: 0, scale: [2, 1, 1] },
+    ],
+  };
+  return Buffer.from(JSON.stringify(document));
+}

tests/browser/responsive.spec.ts

@@ -0,0 +1,18 @@
+import { expect, test } from "@playwright/test";
+
+test("keeps the primary workspace inside a narrow viewport", async ({
+  page,
+}) => {
+  await page.goto("/deep/nested/3d/");
+  await expect(page.locator("main").first()).toBeVisible();
+  await expect(
+    page.locator("main .loading, main .workbench-loading"),
+  ).toHaveCount(0);
+
+  const widths = await page.evaluate(() => ({
+    content: document.documentElement.scrollWidth,
+    viewport: document.documentElement.clientWidth,
+  }));
+  expect(widths.viewport).toBeLessThanOrEqual(430);
+  expect(widths.content).toBeLessThanOrEqual(widths.viewport + 1);
+});