break components into files

src/components/store.ts

@@ -0,0 +1,89 @@
+import { computed, effect, signal } from "@preact/signals";
+
+export const fonts: Record<
+  string,
+  { ligatures: string[]; lowercase: boolean }
+> = {
+  "AB-Equinox": {
+    ligatures: ["ch", "sh", "th", "ae", "eo", "kh", "ng", "oo"],
+    lowercase: false,
+  },
+  "AurebeshAF-Canon": {
+    ligatures: [],
+    lowercase: false,
+  },
+  "AurebeshAF-CanonTech": {
+    ligatures: [],
+    lowercase: false,
+  },
+  "AurebeshAF-Legends": {
+    ligatures: ["ch", "sh", "th", "ae", "eo", "kh", "ng", "oo"],
+    lowercase: false,
+  },
+  "AurebeshAF-LegendsTech": {
+    ligatures: ["ch", "sh", "th", "ae", "eo", "kh", "ng", "oo"],
+    lowercase: false,
+  },
+  "Aurebesh_Rodian-Oblique": {
+    ligatures: [],
+    lowercase: false,
+  },
+  "Aurebesh_Rodian-OblqOutline": {
+    ligatures: [],
+    lowercase: false,
+  },
+  Aurebesh_Rodian: {
+    ligatures: [],
+    lowercase: false,
+  },
+  "Aurebesh_Rodian-Outline": {
+    ligatures: [],
+    lowercase: false,
+  },
+  "AurebeshTypewriter-Light": {
+    ligatures: [],
+    lowercase: true,
+  },
+  "AurebeshTypewriter-Regular": {
+    ligatures: [],
+    lowercase: true,
+  },
+  Droidobesh: {
+    ligatures: [],
+    lowercase: false,
+  },
+  LaptiNekAF: {
+    ligatures: [],
+    lowercase: false,
+  },
+  Maulobesh: {
+    ligatures: [],
+    lowercase: false,
+  },
+  Nirvanabesh: {
+    ligatures: [],
+    lowercase: false,
+  },
+  Skyhook: {
+    ligatures: [],
+    lowercase: false,
+  },
+};
+
+export const fontNames = Object.keys(fonts);
+
+export const selectedFont = signal("AurebeshAF-Legends");
+effect(() => {
+  if (typeof window !== "undefined") {
+    document.documentElement.style.setProperty(
+      "--font-aurebesh",
+      selectedFont.value
+    );
+  }
+});
+export const ligatures = computed(() => {
+  return fonts[selectedFont.value].ligatures;
+});
+export const lowercase = computed(() => {
+  return fonts[selectedFont.value].lowercase;
+});