Run format again on new changes.

state/actions/fetchFiles.ts

@@ -1,57 +1,62 @@
-import { Octokit } from "@octokit/core";
-import state, { IFile } from '../index';
-import { templateFileIds } from '../constants';
+import { Octokit } from '@octokit/core'
+import state, { IFile } from '../index'
+import { templateFileIds } from '../constants'
 
 const octokit = new Octokit()
 
-/** 
+/**
  * Fetches files from Github Gists based on gistId and stores them in global state
  */
 export const fetchFiles = async (gistId: string) => {
   if (!gistId || state.files.length) return
 
-  state.loading = true;
+  state.loading = true
   state.logs.push({
-    type: "log",
-    message: `Fetching Gist with id: ${gistId}`,
-  });
+    type: 'log',
+    message: `Fetching Gist with id: ${gistId}`
+  })
   try {
-    const res = await octokit
-      .request("GET /gists/{gist_id}", { gist_id: gistId })
+    const res = await octokit.request('GET /gists/{gist_id}', { gist_id: gistId })
 
-    const isTemplate = (id: string) => Object.values(templateFileIds).map(v => v.id).includes(id)
+    const isTemplate = (id: string) =>
+      Object.values(templateFileIds)
+        .map(v => v.id)
+        .includes(id)
 
     if (isTemplate(gistId)) {
       // fetch headers
-      const headerRes = await fetch(`${process.env.NEXT_PUBLIC_COMPILE_API_BASE_URL}/api/header-files`);
-      if (!headerRes.ok) throw Error("Failed to fetch headers");;
+      const headerRes = await fetch(
+        `${process.env.NEXT_PUBLIC_COMPILE_API_BASE_URL}/api/header-files`
+      )
+      if (!headerRes.ok) throw Error('Failed to fetch headers')
 
       const headerJson = await headerRes.json()
-      const headerFiles: Record<string, { filename: string; content: string; language: string }> = {};
+      const headerFiles: Record<string, { filename: string; content: string; language: string }> =
+        {}
       Object.entries(headerJson).forEach(([key, value]) => {
-        const fname = `${key}.h`;
+        const fname = `${key}.h`
         headerFiles[fname] = { filename: fname, content: value as string, language: 'C' }
       })
       const files = {
         ...res.data.files,
         ...headerFiles
-      };
-      res.data.files = files;
+      }
+      res.data.files = files
     }
 
-    if (!res.data.files) throw Error("No files could be fetched from given gist id!")
+    if (!res.data.files) throw Error('No files could be fetched from given gist id!')
 
-    const files: IFile[] = Object.keys(res.data.files).map((filename) => ({
-      name: res.data.files?.[filename]?.filename || "untitled.c",
-      language: res.data.files?.[filename]?.language?.toLowerCase() || "",
-      content: res.data.files?.[filename]?.content || "",
-    }));
+    const files: IFile[] = Object.keys(res.data.files).map(filename => ({
+      name: res.data.files?.[filename]?.filename || 'untitled.c',
+      language: res.data.files?.[filename]?.language?.toLowerCase() || '',
+      content: res.data.files?.[filename]?.content || ''
+    }))
 
     files.sort((a, b) => {
-      const aBasename = a.name.split('.')?.[0];
-      const aExt = a.name.split('.').pop() || '';
-      const bBasename = b.name.split('.')?.[0];
-      const bExt = b.name.split('.').pop() || '';
+      const aBasename = a.name.split('.')?.[0]
+      const aExt = a.name.split('.').pop() || ''
+      const bBasename = b.name.split('.')?.[0]
+      const bExt = b.name.split('.').pop() || ''
 
       // default priority is undefined == 0
       const extPriority: Record<string, number> = {
@@ -63,20 +68,22 @@ export const fetchFiles = async (gistId: string) => {
       // Sort based on extention priorities
       const comp = (extPriority[bExt] || 0) - (extPriority[aExt] || 0)
       if (comp !== 0) return comp
-  
+
       // Otherwise fallback to alphabetical sorting
       return aBasename.localeCompare(bBasename)
     })
 
     state.logs.push({
-      type: "success",
-      message: "Fetched successfully ✅",
-    });
-    state.files = files;
-    state.gistId = gistId;
-    state.gistOwner = res.data.owner?.login;
+      type: 'success',
+      message: 'Fetched successfully ✅'
+    })
+    state.files = files
+    state.gistId = gistId
+    state.gistOwner = res.data.owner?.login
 
-    const gistName = files.find(file => file.language === 'c' || file.language === 'javascript')?.name || "untitled";
+    const gistName =
+      files.find(file => file.language === 'c' || file.language === 'javascript')?.name ||
+      'untitled'
     state.gistName = gistName
   } catch (err) {
     console.error(err)
@@ -84,9 +91,9 @@ export const fetchFiles = async (gistId: string) => {
     if (err instanceof Error) message = err.message
     else message = `Something went wrong, try again later!`
     state.logs.push({
-      type: "error",
-      message: `Error: ${message}`,
-    });
+      type: 'error',
+      message: `Error: ${message}`
+    })
   }
   state.loading = false
 }

state/constants/templates.ts

@@ -5,37 +5,37 @@ import Peggy from '../../components/icons/Peggy'
 import Starter from '../../components/icons/Starter'
 
 export const templateFileIds = {
-    'starter': {
-        id: '1f8109c80f504e6326db2735df2f0ad6', // Forked
-        name: 'Starter',
-        description: 'Just a basic starter with essential imports, just accepts any transaction coming through',
-        icon: Starter
-
-    },
-    'firewall': {
-        id: '1cc30f39c8a0b9c55b88c312669ca45e',  // Forked
-        name: 'Firewall',
-        description: 'This Hook essentially checks a blacklist of accounts',
-        icon: Firewall
-    },
-    'notary': {
-        id: '87b6f5a8c2f5038fb0f20b8b510efa10', // Forked
-        name: 'Notary',
-        description: 'Collecting signatures for multi-sign transactions',
-        icon: Notary
-    },
-    'carbon': {
-        id: '953662b22d065449f8ab6f69bc2afe41',  // Forked
-        name: 'Carbon',
-        description: 'Send a percentage of sum to an address',
-        icon: Carbon
-    },
-    'peggy': {
-        id: '049784a83fa068faf7912f663f7b6471', // Forked
-        name: 'Peggy',
-        description: 'An oracle based stable coin hook',
-        icon: Peggy
-    },
+  starter: {
+    id: '1f8109c80f504e6326db2735df2f0ad6', // Forked
+    name: 'Starter',
+    description:
+      'Just a basic starter with essential imports, just accepts any transaction coming through',
+    icon: Starter
+  },
+  firewall: {
+    id: '1cc30f39c8a0b9c55b88c312669ca45e', // Forked
+    name: 'Firewall',
+    description: 'This Hook essentially checks a blacklist of accounts',
+    icon: Firewall
+  },
+  notary: {
+    id: '87b6f5a8c2f5038fb0f20b8b510efa10', // Forked
+    name: 'Notary',
+    description: 'Collecting signatures for multi-sign transactions',
+    icon: Notary
+  },
+  carbon: {
+    id: '953662b22d065449f8ab6f69bc2afe41', // Forked
+    name: 'Carbon',
+    description: 'Send a percentage of sum to an address',
+    icon: Carbon
+  },
+  peggy: {
+    id: '049784a83fa068faf7912f663f7b6471', // Forked
+    name: 'Peggy',
+    description: 'An oracle based stable coin hook',
+    icon: Peggy
+  }
 }
 
 export const apiHeaderFiles = ['hookapi.h', 'sfcodes.h', 'macro.h', 'extern.h', 'error.h']