Support multiplatform docker images

.github/workflows/build.yml

@@ -15,6 +15,9 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v2
 
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v1
 
@@ -25,9 +28,10 @@ jobs:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
-      - name: Build and Push Docker image -- finn-board
-        uses: docker/build-push-action@675965c0e16f1a0f94ecafff969d8c966f92c17b
+      - name: Build and push multi-arch Docker image
+        uses: docker/build-push-action@v6
         with:
           context: .
+          platforms: linux/amd64,linux/arm64
           push: true
-          tags: git.joshuacoles.me/joshuacoles/obsidian-note-finder:latest
+          tags: git.joshuacoles.me/${{ github.repository }}:${{ github.sha }},git.joshuacoles.me/${{ github.repository }}:latest

src/App.tsx

@@ -33,7 +33,7 @@ export function OmnisearchSelect({setSelected}: {
         initialData: [],
         refetchInterval: false,
         queryFn: async () => {
-            const response = await fetch("http://localhost:9002/metadata")
+            const response = await fetch("/metadata")
             const fullData: any[] = await response.json();
             return fullData;
         },
@@ -49,7 +49,7 @@ export function OmnisearchSelect({setSelected}: {
             if (query === '') {
                 return [];
             } else {
-                const response = await fetch(`http://localhost:9002/search?q=${query}`)
+                const response = await fetch(`/search?q=${query}`)
                 const fullData: ResultNoteApi[] = await response.json();
 
                 return fullData;

src/NaiveSelect.tsx

@@ -45,7 +45,7 @@ export function NaiveSelect({setSelected}: {
         queryKey: ['obsidian-metadata'],
         initialData: [],
         queryFn: async () => {
-            const response = await fetch("http://localhost:9002/metadata")
+            const response = await fetch("/metadata")
             const fullData: any[] = await response.json();
 
             return R.sortBy(v => -(v.data.backlinks?.length ?? 0), fullData.map(md => ({