Feat: Custom crafting icon

docs/_config.yml

@@ -1,4 +1,4 @@
-title: Fabricate 0.10.2
+title: Fabricate 0.10.3
 email: [email protected]
 description: >- 
   End user documentation for the Foundry Virtual Tabletop (VTT) Module, "Fabricate".

jest.config.ts

@@ -1,9 +1,9 @@
 module.exports = {
     preset: "ts-jest",
     testEnvironment: "node",
-    globals: {
-        "ts-jest": {
+    transform: {
+        '^.+\\.tsx?$': ['ts-jest', {
             isolatedModules: true
-        }
+        }]
     }
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fabricate",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "A system-agnostic, flexible crafting module for FoundryVT",
   "main": "index.js",
   "type": "module",

src/scripts/module.ts

@@ -135,7 +135,7 @@ Hooks.on("renderActorSheet", async (actorSheet: ActorSheet, html: any) => {
         label: "Crafting",
         tooltip: "Fabricate Crafting",
         class: "fab-actor-sheet-header-button",
-        icon: "fa-solid fa-screwdriver-wrench",
+        icon: "fas fabricate-icon-logo",
         onclick: async () => {
             await fabricateUserInterfaceAPI.renderActorCraftingApp({
                 targetActorId: actorSheet.actor.id

src/styles/module.less

@@ -1284,4 +1284,35 @@ END COMMON STRUCTURAL STYLES
     flex: 0;
     justify-self: flex-end;
   }
-}
+}
+
+@font-face {
+  font-family: 'fabricate-regular';
+  src:  url("modules/fabricate/assets/fonts/fabricate-regular.eot?uhkbys");
+  src:  url("modules/fabricate/assets/fonts/fabricate-regular.eot?uhkbys#iefix") format("embedded-opentype"),
+  url("modules/fabricate/assets/fonts/fabricate-regular.ttf?uhkbys") format("truetype"),
+  url("modules/fabricate/assets/fonts/fabricate-regular.woff?uhkbys") format("woff"),
+  url("modules/fabricate/assets/fonts/fabricate-regular.svg?uhkbys#fabricate-regular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="fabricate-icon-"], [class*=" fabricate-icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: "fabricate-regular" !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.fabricate-icon-logo:before {
+  content: "\e900";
+}