dev: disable browser-side text layout on tablets

Myriad-Dreamin · Dec 14, 2023 · fbbbeae · fbbbeae
1 parent 4bff3af
commit fbbbeae
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/frontend/src/global.d.ts b/frontend/src/global.d.ts
@@ -10,6 +10,7 @@ declare global {
     typstChangeTheme?: () => Promise<void>;
     debounce<T extends { (...args: any[]): void }>(fn: T, delay = 200): T;
     assignSemaHash: (u: number, x: number, y: number) => void;
+    typstProcessSvg: any;
     typstBookRenderPage(
       plugin: TypstSvgRenderer,
       relPath: string,

diff --git a/frontend/src/main.ts b/frontend/src/main.ts
@@ -118,6 +118,23 @@ window.assignSemaHash = (u: number, x: number, y: number) => {
   location.hash = `loc-${u}x${x.toFixed(2)}x${y.toFixed(2)}`;
 };
 
+const userAgent = navigator.userAgent.toLowerCase();
+const isTablet =
+  /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(
+    userAgent,
+  );
+
+const typstProcessSvgBase = window.typstProcessSvg;
+// console.log('isTablet', isTablet, typstProcessSvgBase);
+window.typstProcessSvg = function (t: HTMLElement, n: Record<string, any>) {
+  n = n || {};
+  if (isTablet) {
+    n.layoutText = false;
+  }
+  console.log('layout text feature', n);
+  typstProcessSvgBase(t, n);
+};
+
 window.typstBookRenderPage = function (
   plugin: TypstRenderer,
   relPath: string,