Update Dockerfile for deployment

Author: craquet

Dockerfile

@@ -9,13 +9,8 @@ RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
 # Install dependencies based on the preferred package manager
-COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
-RUN \
-  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
-  elif [ -f package-lock.json ]; then npm ci; \
-  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm i --frozen-lockfile; \
-  else echo "Lockfile not found." && exit 1; \
-  fi
+COPY package.json package-lock.json ./
+RUN npm ci
 
 
 # Rebuild the source code only when needed
@@ -24,43 +19,11 @@ WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 
-# Next.js collects completely anonymous telemetry data about general usage.
-# Learn more here: https://nextjs.org/telemetry
-# Uncomment the following line in case you want to disable telemetry during the build.
-# ENV NEXT_TELEMETRY_DISABLED=1
+RUN npm run storybook:build
 
-RUN \
-  if [ -f yarn.lock ]; then yarn run build; \
-  elif [ -f package-lock.json ]; then npm run build; \
-  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; \
-  else echo "Lockfile not found." && exit 1; \
-  fi
+FROM python:3-alpine
 
-# Production image, copy all the files and run next
-FROM base AS runner
-WORKDIR /app
-
-ENV NODE_ENV=production
-# Uncomment the following line in case you want to disable telemetry during runtime.
-# ENV NEXT_TELEMETRY_DISABLED=1
-
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nextjs
-
-COPY --from=builder /app/public ./public
-
-# Automatically leverage output traces to reduce image size
-# https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
-
-USER nextjs
-
-EXPOSE 3000
-
-ENV PORT=3000
+COPY --from=builder /app/storybook-static ./public
 
-# server.js is created by next build from the standalone output
-# https://nextjs.org/docs/pages/api-reference/config/next-config-js/output
-ENV HOSTNAME="0.0.0.0"
-CMD ["node", "server.js"]
+EXPOSE 8080
+CMD ["python", "-m", "http.server", "8080", "--directory", "public"]

package.json

@@ -21,7 +21,8 @@
         "modern"
     ],
     "scripts": {
-        "dev": "storybook dev",
+        "storybook:dev": "storybook dev",
+        "storybook:build": "storybook build",
         "build": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.app.json && tailwind build -i src/index.css -o dist/index.css && cp ./src/elastic-ui.css ./dist"
     },
     "dependencies": {

src/components/search/DefaultFacetOption.tsx

@@ -3,8 +3,9 @@ import { Label } from "@/components/ui/label"
 import { PidDisplay } from "@/components/result/PidDisplay"
 import { FacetValue } from "@elastic/search-ui"
 import { FairDOFacetConfig } from "@/config/FairDOConfig"
-import { useMemo } from "react"
+import { useEffect, useMemo } from "react"
 import { tryURLPrettyPrint } from "@/lib/utils"
+import { ontobeeResolver } from "@/lib/OntobeeResolver"
 
 export function DefaultFacetOption({
     option,
@@ -27,6 +28,12 @@ export function DefaultFacetOption({
         } else return value
     }, [facetConfig.prettyPrintURLs, value])
 
+    useEffect(() => {
+        if (value.startsWith("http://purl.obolibrary.org")) {
+            ontobeeResolver.parse(value)
+        }
+    }, [value])
+
     return (
         <div key={value} className="flex max-w-full items-center gap-2 break-words p-1 pb-2">
             <Checkbox id={value} checked={option.selected} onCheckedChange={(v) => (v ? onSelect(value) : onRemove(value))} />