@kupcad/ui 0.1.10 → 0.1.12

package/README.md

@@ -235,7 +235,7 @@ webview and the desktop app to the language server.
   presets, which the toolbar's Parameters button hides for the model's width. It talks to the
   host as a `ViewerHost` (`@kupcad/protocol`'s `HostMessage` and `ViewerMessage`): the panel's
   values, a preset, an export (in the format its toolbar's `ExportMenu` chose, those the model's
-  kind can be written in), a screenshot (base64) or a problem's place go to the host, which
+  kind can be written in), a screenshot (base64, `@kupcad/protocol`'s `pngBase64`) or a problem's place go to the host, which
   gives them to the server or acts on them. Its console (`console`, by default shown) keeps each
   run of the document shown, a frame sent again once, and the lines the host's `log` messages
   give. A host that keeps no presets passes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kupcad/ui",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "KupCAD's UI: a three.js viewer of a model the core made, for any host (@kupcad/ui/viewer), and the Svelte panels around it (the viewer's pane, parameters, console, a language server's preview), styled by --kc-* tokens.",
   "license": "AGPL-3.0-only",
   "repository": {
@@ -36,12 +36,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@kupcad/protocol": "0.1.10",
+    "@kupcad/protocol": "0.1.12",
     "three": "^0.187.0",
     "three-mesh-bvh": "^0.9.17"
   },
   "devDependencies": {
-    "@kupcad/wasm": "0.1.10",
+    "@kupcad/wasm": "0.1.12",
     "@playwright/test": "^1.64.1",
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@testing-library/svelte": "^5.4.2",
@@ -51,7 +51,7 @@
     "svelte": "^5.57.3",
     "svelte-check": "^4.7.8",
     "vite": "^8.3.5",
-    "vitest": "^5.0.5"
+    "vitest": "^5.1.0"
   },
   "peerDependencies": {
     "svelte": "^5.57.2"

package/src/PreviewPanel.svelte

@@ -16,7 +16,7 @@
 -->
 <script>
   import { onMount, untrack } from 'svelte';
-  import { errorText } from '@kupcad/protocol';
+  import { errorText, pngBase64 } from '@kupcad/protocol';
   import ConsolePanel from './ConsolePanel.svelte';
   import ExportMenu from './ExportMenu.svelte';
   import { appendLines, linesOfLog, linesOfRun } from './console.js';
@@ -25,7 +25,6 @@
   import { memorySettings, paneKeys, sizeSetting } from './settings.js';
   import Splitter from './Splitter.svelte';
   import ViewerPane from './ViewerPane.svelte';
-  import { toBase64 } from './base64.js';
   import { problemsOf, runStatusOf } from './run-status.js';
   import { connectViewport } from './viewport-socket.js';
 
@@ -218,7 +217,7 @@
 
   /** @param {Blob} image */
   async function screenshot(image) {
-    host.post({ type: 'screenshot', png: toBase64(new Uint8Array(await image.arrayBuffer())) });
+    host.post({ type: 'screenshot', png: pngBase64(new Uint8Array(await image.arrayBuffer())) });
   }
 
   /** @param {unknown} error the viewer's: a model it can't show */

package/src/index.js

@@ -23,7 +23,7 @@ export {
   settingsObject,
   sizeSetting,
 } from './settings.js';
-export { VIEWER_SHORTCUTS } from './shortcuts.js';
+export { keyboardSystem, VIEWER_SHORTCUTS } from './shortcuts.js';
 export { watchTokens } from './theme.js';
 export { plainValues } from './values.svelte.js';
 export {
@@ -43,5 +43,6 @@ export { connectViewport } from './viewport-socket.js';
 /** @typedef {import('./run-status.js').RunStatus} RunStatus */
 /** @typedef {import('./settings.js').Settings} Settings */
 /** @typedef {import('./shortcuts.js').ShortcutGroup} ShortcutGroup */
+/** @typedef {import('./shortcuts.js').KeyboardSystem} KeyboardSystem */
 /** @typedef {import('./view-settings.js').ViewChoices} ViewChoices */
 /** @typedef {import('./viewport-socket.js').ViewportEvents} ViewportEvents */

package/src/measures.js

@@ -15,10 +15,10 @@ const MM3_PER_CM3 = 1000;
 const decimal = (n, digits) => n.toLocaleString('en', { maximumFractionDigits: digits });
 
 /** @param {number} mm */
-export const formatLength = (mm) => decimal(mm, 2);
+const formatLength = (mm) => decimal(mm, 2);
 
 /** @param {number} mm2 */
-export const formatArea = (mm2) => `${decimal(mm2, 1)} mm²`;
+const formatArea = (mm2) => `${decimal(mm2, 1)} mm²`;
 
 /** @param {number} mm3 */
 export const formatVolume = (mm3) =>

package/src/params.js

@@ -329,7 +329,7 @@ function readScalar(rule, input, path) {
  * @param {Value | null} input
  * @returns {number | null}
  */
-export function numberOf(input) {
+function numberOf(input) {
   if (typeof input === 'number') return Number.isFinite(input) ? input : null;
   if (typeof input !== 'string') return null;
   const hex = HEX_NUMBER.exec(input);
@@ -372,7 +372,7 @@ function hexNumber(match) {
  * @param {Value | null} input
  * @returns {boolean | null}
  */
-export function booleanOf(input) {
+function booleanOf(input) {
   if (typeof input === 'boolean') return input;
   if (input === 1 || input === 'true' || input === '1') return true;
   if (input === 0 || input === 'false' || input === '0') return false;

package/src/theme.js

@@ -60,7 +60,7 @@ export function themeFromTokens(element) {
  * `only light`), else the system's (`light dark`, or none said).
  * @param {CSSStyleDeclaration} style its computed style
  */
-export function isDark(style) {
+function isDark(style) {
   const scheme = (style.colorScheme ?? '').split(/\s+/);
   const light = scheme.includes('light');
   if (scheme.includes('dark') !== light) return !light;

package/src/base64.js

@@ -1,16 +0,0 @@
-// Bytes as base64, which the page's messages carry a screenshot in.
-
-/** How many bytes go to String.fromCharCode at once: it takes only so many arguments. */
-const CHUNK_BYTES = 0x8000;
-
-/**
- * @param {Uint8Array} bytes
- * @returns {string}
- */
-export function toBase64(bytes) {
-  let text = '';
-  for (let at = 0; at < bytes.length; at += CHUNK_BYTES) {
-    text += String.fromCharCode(...bytes.subarray(at, at + CHUNK_BYTES));
-  }
-  return btoa(text);
-}