fix(SLB-222): build fontlist during prep

AmazeeLabs · Apr 19, 2024 · 972d4e0 · 972d4e0
1 parent 6d9d3b7
commit 972d4e0
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 14 deletions.
diff --git a/apps/website/gatsby-ssr.tsx b/apps/website/gatsby-ssr.tsx
@@ -1,8 +1,9 @@
 import { Locale } from '@custom/schema';
-import { fonts } from '@custom/ui/preloaded-fonts';
 import { GatsbySSR } from 'gatsby';
 import React from 'react';
 
+import fonts from './node_modules/@custom/ui/build/preloaded-fonts.json';
+
 export const onRenderBody: GatsbySSR['onRenderBody'] = ({
   setHtmlAttributes,
   pathname,

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -12,24 +12,19 @@
     ],
     "./styles.css": [
       "./build/styles.css"
-    ],
-    "./preloaded-fonts": [
-      "./build/preloaded-fonts.js"
     ]
   },
   "typesVersions": {
     "*": {
       "routes/*": [
         "build/components/Routes/*.d.ts"
-      ],
-      "preloaded-fonts": [
-        "build/preloaded-fonts.d.ts"
       ]
     }
   },
   "scripts": {
     "prep:types": "tsc --emitDeclarationOnly",
     "prep:scripts": "swc ./src -d ./build",
+    "prep:fonts": "node preloaded-fonts.js",
     "prep:styles": "NODE_ENV=production pnpm postcss src/tailwind.css -o build/styles.css",
     "prep:iframe": "NODE_ENV=production pnpm postcss src/iframe.css -o build/iframe.css",
     "prep:gutenberg": "NODE_ENV=production PREFIX=gutenberg pnpm postcss src/tailwind.css -o build/gutenberg.css",

diff --git a/packages/ui/preloaded-fonts.js b/packages/ui/preloaded-fonts.js
@@ -0,0 +1,10 @@
+import { readdirSync, writeFileSync } from 'fs';
+
+writeFileSync(
+  'build/preloaded-fonts.json',
+  JSON.stringify(
+    readdirSync(`static/public/fonts/preload`).map((font) => {
+      return `/fonts/preload/${font}`;
+    }),
+  ),
+);
diff --git a/packages/ui/src/preloaded-fonts.ts b/packages/ui/src/preloaded-fonts.ts
diff --git a/packages/ui/turbo.json b/packages/ui/turbo.json
@@ -2,6 +2,10 @@
   "$schema": "https://turborepo.org/schema.json",
   "extends": ["//"],
   "pipeline": {
+    "prep:fonts": {
+      "inputs": ["static/public/fonts/preload/**"],
+      "outputs": ["build/preloaded-fonts.json"]
+    },
     "prep:scripts": {
       "dependsOn": ["^prep"],
       "inputs": [
@@ -48,6 +52,7 @@
     },
     "prep": {
       "dependsOn": [
+        "prep:fonts",
         "prep:types",
         "prep:scripts",
         "prep:styles",