refactor: move libraries and fonts to config file

src/components/Workspace/Fonts.tsx

@@ -9,19 +9,10 @@ import ListItemText from '@mui/material/ListItemText';
 import { BlobReader, Uint8ArrayWriter, ZipReader } from '@zip.js/zip.js';
 import React from 'react';
 
+import commonFonts from '../../etc/fonts.json';
 import FileWithPath from '../../lib/FileWithPath';
 import { useFileSystemProvider } from '../FileSystemProvider';
 
-const commonLibraries = [
-  {
-    name: 'Liberation Fonts',
-    description:
-      'The Liberation Fonts is font collection which aims to provide document layout compatibility as usage of Times New Roman, Arial, Courier New.',
-    url: 'https://github.com/shantigilbert/liberation-fonts-ttf/archive/refs/heads/master.zip',
-    startPath: 'liberation-fonts-ttf-master/',
-  },
-];
-
 export default function Fonts() {
   const { writeFiles } = useFileSystemProvider();
   const [isLoading, setLoading] = React.useState({});
@@ -39,7 +30,7 @@ export default function Fonts() {
     const zip = await response.blob();
     const files = await new ZipReader(new BlobReader(zip)).getEntries();
 
-    // Libraries should go into the library folder
+    // Fonts should go into the font folder
     const movedFiles = await Promise.all(
       files
         .filter((f) => f.directory === false)
@@ -62,31 +53,31 @@ export default function Fonts() {
     setLoading({ ...isLoading, [url]: false });
   };
 
-  const libraryIsAlreadyDownloaded = (lib) => {
+  const fontIsAlreadyDownloaded = (lib) => {
     return isAvailable[lib.url];
   };
 
   return (
     <>
       <Alert severity="info">
         <AlertTitle>Libraries</AlertTitle>
-        Select which common libraries to include in your project.
+        Select which common font to include in your project.
       </Alert>
       <List>
-        {commonLibraries.map((lib) => (
+        {commonFonts.map((font) => (
           <ListItem
-            key={lib.name}
+            key={font.name}
             secondaryAction={
               isAvailable && (
                 <IconButton
                   edge="end"
-                  aria-label="download library"
+                  aria-label="download font"
                   onClick={handleDownload}
-                  disabled={libraryIsAlreadyDownloaded(lib)}
-                  data-url={lib.url}
-                  data-start-path={lib.startPath}
+                  disabled={fontIsAlreadyDownloaded(font)}
+                  data-url={font.url}
+                  data-start-path={font.startPath}
                 >
-                  {isLoading[lib.url] ? (
+                  {isLoading[font.url] ? (
                     <LoopIcon sx={{ animation: 'spin 2s linear infinite' }} />
                   ) : (
                     <DownloadIcon />
@@ -95,7 +86,7 @@ export default function Fonts() {
               )
             }
           >
-            <ListItemText primary={lib.name} secondary={lib.description} />
+            <ListItemText primary={font.name} secondary={font.description} />
           </ListItem>
         ))}
       </List>

src/components/Workspace/Libraries.tsx

@@ -9,31 +9,10 @@ import ListItemText from '@mui/material/ListItemText';
 import { BlobReader, Uint8ArrayWriter, ZipReader } from '@zip.js/zip.js';
 import React from 'react';
 
+import commonLibraries from '../../etc/libraries.json';
 import FileWithPath from '../../lib/FileWithPath';
 import { useFileSystemProvider } from '../FileSystemProvider';
 
-const commonLibraries = [
-  {
-    name: 'BOSL2',
-    description: 'A library for OpenSCAD that includes a number of utilities.',
-    url: 'https://github.com/BelfrySCAD/BOSL2/archive/refs/heads/master.zip',
-    startPath: 'BOSL2-master',
-  },
-  {
-    name: 'BOSL',
-    description: 'A library for OpenSCAD that includes a number of utilities.',
-    url: 'https://github.com/revarbat/BOSL/archive/refs/tags/v1.0.3.zip',
-    startPath: 'BOSL-1.0.3',
-  },
-  {
-    name: 'Round-Anything',
-    description:
-      'A set of OpenSCAD utilities for adding radii and fillets, that embodies a robust approach to developing OpenSCAD parts.',
-    url: 'https://github.com/Irev-Dev/Round-Anything/archive/refs/tags/1.0.4.zip',
-    startPath: 'Round-Anything-1.0.4',
-  },
-];
-
 export default function Libraries() {
   const { writeFiles } = useFileSystemProvider();
   const [isLoading, setLoading] = React.useState({});

src/etc/fonts.json

@@ -0,0 +1,8 @@
+[
+  {
+    "name": "Liberation Fonts",
+    "description": "The Liberation Fonts is font collection which aims to provide document layout compatibility as usage of Times New Roman, Arial, Courier New.",
+    "url": "https://github.com/shantigilbert/liberation-fonts-ttf/archive/refs/heads/master.zip",
+    "startPath": "liberation-fonts-ttf-master/"
+  }
+]

src/etc/libraries.json

@@ -0,0 +1,20 @@
+[
+  {
+    "name": "BOSL2",
+    "description": "A library for OpenSCAD that includes a number of utilities.",
+    "url": "https://github.com/BelfrySCAD/BOSL2/archive/refs/heads/master.zip",
+    "startPath": "BOSL2-master"
+  },
+  {
+    "name": "BOSL",
+    "description": "A library for OpenSCAD that includes a number of utilities.",
+    "url": "https://github.com/revarbat/BOSL/archive/refs/tags/v1.0.3.zip",
+    "startPath": "BOSL-1.0.3"
+  },
+  {
+    "name": "Round-Anything",
+    "description": "A set of OpenSCAD utilities for adding radii and fillets, that embodies a robust approach to developing OpenSCAD parts.",
+    "url": "https://github.com/Irev-Dev/Round-Anything/archive/refs/tags/1.0.4.zip",
+    "startPath": "Round-Anything-1.0.4"
+  }
+]

tsconfig.json

@@ -1,7 +1,8 @@
 {
   "compilerOptions": {
     "jsx": "react",
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
   },
   "exclude": [
     "**/*.spec.ts",