Prez UI Demo workflow

.github/workflows/demo.yaml

@@ -0,0 +1,86 @@
+name: Deploy Prez UI demo & PR previews to Azure SWA
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [ opened, synchronize, reopened, closed ]
+    branches:
+      - main
+
+permissions:
+  issues: write
+  contents: read
+  pull-requests: write
+
+defaults:
+  run:
+    working-directory: packages/prez-ui
+
+jobs:
+  build_and_deploy:
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: true
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 10
+          run_install: false
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'pnpm'
+          cache-dependency-path: 'pnpm-lock.yaml'
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build prez-lib
+        working-directory: packages/prez-lib
+        run: pnpm build
+      - name: Build prez-components
+        working-directory: packages/prez-components
+        run: pnpm build
+      - name: Generate static site
+        env:
+          NUXT_PUBLIC_PREZ_API_ENDPOINT: ${{ secrets.NUXT_PUBLIC_PREZ_API_ENDPOINT }}
+          NUXT_PUBLIC_PREZ_AUTO_DETECT_HTML: true
+          NUXT_PUBLIC_PREZ_AUTO_DETECT_MARKDOWN: true
+        run: pnpm generate
+      - name: Put SWA config in output directory
+        run: |
+          echo $'{
+            "navigationFallback": {
+              "rewrite": "/index.html",
+              "exclude": [
+                "/assets/*",
+                "/images/*",
+                "/css/*"
+              ]
+            }
+          }' > .output/public/staticwebapp.config.json
+      - name: Build And Deploy
+        uses: Azure/static-web-apps-deploy@1a947af9992250f3bc2e68ad0754c0b0c11566c9
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }}
+          action: "upload"
+          app_location: "packages/prez-ui/.output/public"
+          output_location: ""
+          skip_app_build: true
+
+  close_pull_request:
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request
+    steps:
+      - name: Close Pull Request
+        uses: Azure/static-web-apps-deploy@1a947af9992250f3bc2e68ad0754c0b0c11566c9
+        with:
+          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
+          action: "close"

.github/workflows/release.yaml

@@ -72,7 +72,8 @@ jobs:
       # create-prez-app
       - name: Update prez-ui dependency in template
         working-directory: packages/create-prez-app/template
-        run: pnpm up prez-ui
+        run: |
+          sed -i -E "s/\"prez-ui\": \"\^[0-9.]+\"/\"prez-ui\": \"\^${NEW_VERSION/v/}\"/g" package.json
       - name: Publish create-prez-app to NPM
         working-directory: packages/create-prez-app
         run: pnpm publish --no-git-checks

README.md

@@ -1,11 +1,16 @@
 # Prez UI
 Prez UI is the front end of [Prez](https://github.com/RDFLib/prez) - a linked data API - and is a suite of packages to interact with and render RDF in JavaScript.
 
+See the docs [here](https://dev.prez.dev/prezui)
+
+See the demo [here](https://demo.prez.dev)
+
 ![Screenshot of a catalogue in Prez UI](/docs/images/catalog_example.png)
 
 ## Contents
 - [Running Prez UI](#running-prez-ui)
 - [Packages](#packages)
+- [Development](#development)
 - [License](#license)
 
 ## Running Prez UI

packages/prez-ui/app/components/ItemPage.vue

@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { ChevronRight, ChevronDown } from "lucide-vue-next";
 import { applyProfileToItem, dumpNodeArray, getTopConceptsUrl, SYSTEM_PREDICATES, type PrezConceptSchemeNode, type PrezOntologyNode, type PrezBBlockNode, type PrezDataItem, type PrezNode } from 'prez-lib';
-import { getProvenance } from '../lib/prov';
 import { DependencyViewer, ProvenanceDiagram } from "prez-components";
-import { onMounted } from 'vue';
 
 const appConfig = useAppConfig();
 const { globalProfiles } = useGlobalProfiles();