Email UI

.github/workflows/ui-pr-build.yml

@@ -1,7 +1,3 @@
-# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code 
-#  For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-
 name: UI build
 
 on:
@@ -38,10 +34,10 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'
           cache-dependency-path: '**/package-lock.json'
-      #- name: Audit packages
-      #  run: npm audit --production --audit-level=high
+
       - name: Install packages
         run: npm ci
+
       - uses: actions/cache@v3
         with:
           path: |
@@ -50,10 +46,45 @@ jobs:
           key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx') }}
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
+
       - name: Build
         run: npm run build
+
       - name: Lint
         run: npm run lint
-      # - name: Test
-      #   run: npm run test:ci
 
+  docker-push:
+    needs: build
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Log in to GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up Docker tags
+        id: docker_tag
+        run: |
+          SHORT_SHA=$(echo "${{ github.sha }}" | cut -c1-7)
+          IMAGE_TAG=ghcr.io/${{ github.repository_owner }}/dudumapper
+          echo "short_sha=${SHORT_SHA}" >> $GITHUB_OUTPUT
+          echo "image_tag=${IMAGE_TAG}" >> $GITHUB_OUTPUT
+
+      - name: Build Docker image
+        run: |
+          docker build -t ${{ steps.docker_tag.outputs.image_tag }}:latest \
+                       -t ${{ steps.docker_tag.outputs.image_tag }}:${{ steps.docker_tag.outputs.short_sha }} .
+
+      - name: Push Docker image
+        run: |
+          docker push ${{ steps.docker_tag.outputs.image_tag }}:latest
+          docker push ${{ steps.docker_tag.outputs.image_tag }}:${{ steps.docker_tag.outputs.short_sha }}

Dockerfile

@@ -47,7 +47,7 @@ RUN addgroup --system --gid 1001 nodejs
 RUN adduser --system --uid 1001 nextjs
 
 COPY --from=builder /app/public ./public
-COPY .env .
+#COPY .env .
 
 # Set the correct permission for prerender cache
 RUN mkdir .next

docker-compose.yml

@@ -0,0 +1,18 @@
+version: "3.8"
+services:
+  dudumapper:
+    build: .
+
+    ports:
+      - "3001:3000"
+    volumes:
+      - ./dudumapper:/app
+    depends_on:
+      - geoserver
+
+  geoserver:
+    image: kartoza/geoserver
+    ports:
+      - "8081:8080"
+    volumes:
+      - ./web.xml:/opt/geoserver/webapps/geoserver/WEB-INF/web.xml

doiContext.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import React, { createContext, useState, useContext, ReactNode } from "react";
+
+// Define the shape of the context value
+interface MapDrilldownContextType {
+  //defines the states for button and layer
+  isChecked: boolean;
+  setIsChecked: (value: boolean) => void;
+  selectedLayer: string | null;
+  setSelectedLayer: (value: string | null) => void;
+
+  //lets extend for doi also
+  //minting
+  //doi: string | null; setDoi: (value: string | null) => void;
+  //metadata
+  //doiMetadata: Record<string, any> | null; //json
+  //setDoiMetadata: (value: string | null) => void;
+}
+
+// Create the context
+const MapDrilldownContext = createContext<MapDrilldownContextType | undefined>(
+  undefined
+);
+
+// Custom hook for easy access
+export const useMapDrilldown = () => {
+  const context = useContext(MapDrilldownContext);
+  if (!context) {
+    throw new Error(
+      "useMapDrilldown must be used within a MapDrilldownProvider"
+    );
+  }
+  return context;
+};
+
+// Provider component
+export const MapDrilldownProvider = ({ children }: { children: ReactNode }) => {
+  //for states
+  const [isChecked, setIsChecked] = useState(false);
+  const [selectedLayer, setSelectedLayer] = useState<string | null>(null);
+  //for doi
+  const [doi, setDoi] = useState<string | null>(null);
+  const [doiMetadata, setDoiMetadata] = useState<Record<string, any>>({});
+
+  return (
+    <MapDrilldownContext.Provider
+      value={{
+        isChecked,
+        setIsChecked,
+        selectedLayer,
+        setSelectedLayer,
+      }}
+    >
+      {children}
+    </MapDrilldownContext.Provider>
+  );
+};

next.config.js

@@ -1,4 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = { output: 'standalone', }
+const nextConfig = { output: "standalone" };
 
-module.exports = nextConfig
+module.exports = nextConfig;