@lindas/trifid-plugin-spex 7.0.1 → 7.0.2

package/README.md

@@ -1,40 +1,40 @@
-# trifid-plugin-spex
-
-[SPEX](https://github.com/zazuko/spex) for Trifid.
-
-This plugin does the static file hosting for all SPEX files and renders a view page that points to the configured endpoint URL.
-
-## Quick start
-
-Install this Trifid plugin using:
-
-```sh
-npm install trifid-plugin-spex
-```
-
-And then add in the `config.yaml` file the following part:
-
-```yaml
-plugins:
-  # […] your other plugins
-  spex:
-    module: trifid-plugin-spex
-    paths: # by default
-      - /spex
-      - /spex/
-    config:
-      prefixes:
-        - prefix: ex
-          namespace: http://example.org/
-```
-
-## Configuration
-
-The following options are supported (all of them optional):
-
-- `url`: URL to the SPARQL endpoint which will be used in the SPEX interface
-- `user`: User to connect to the SPARQL endpoint
-- `password`: Password to connect to the SPARQL endpoint
-- `graph`: Default graph to display
-- `prefixes`: List of custom prefixes (e.g. `[{ prefix: 'ex', namespace: 'http://example.org' }]`)
-- `forceIntrospection`: force introspection
+# trifid-plugin-spex
+
+[SPEX](https://github.com/zazuko/spex) for Trifid.
+
+This plugin does the static file hosting for all SPEX files and renders a view page that points to the configured endpoint URL.
+
+## Quick start
+
+Install this Trifid plugin using:
+
+```sh
+npm install trifid-plugin-spex
+```
+
+And then add in the `config.yaml` file the following part:
+
+```yaml
+plugins:
+  # […] your other plugins
+  spex:
+    module: trifid-plugin-spex
+    paths: # by default
+      - /spex
+      - /spex/
+    config:
+      prefixes:
+        - prefix: ex
+          namespace: http://example.org/
+```
+
+## Configuration
+
+The following options are supported (all of them optional):
+
+- `url`: URL to the SPARQL endpoint which will be used in the SPEX interface
+- `user`: User to connect to the SPARQL endpoint
+- `password`: Password to connect to the SPARQL endpoint
+- `graph`: Default graph to display
+- `prefixes`: List of custom prefixes (e.g. `[{ prefix: 'ex', namespace: 'http://example.org' }]`)
+- `forceIntrospection`: force introspection

package/index.js

@@ -40,9 +40,9 @@ const createPlugin = async (server, config, render) => {
   config = { ...defaults, ...config, spexOptions }
 
   // Serve static files from SPEX dist folder
-  const distPath = dirname(resolve('@zazuko/spex', import.meta.url))
+  const distPath = fileURLToPath(resolve('@lindas/spex', import.meta.url))
   server.register(fastifyStatic, {
-    root: distPath.replace(/^file:\/\//, ''),
+    root: dirname(distPath),
     prefix: '/spex/static/',
     decorateReply: false,
   })

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trifid SPEX plugin",
   "type": "module",
   "main": "index.js",
-  "version": "7.0.1",
+  "version": "7.0.2",
   "license": "Apache-2.0",
   "homepage": "https://github.com/SwissFederalArchives/lindas-trifid",
   "repository": {
@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@fastify/static": "^8.2.0",
-    "@zazuko/spex": "^0.2.2",
-    "import-meta-resolve": "^4.2.0"
+    "import-meta-resolve": "^4.2.0",
+    "@lindas/spex": "^0.2.2"
   },
   "author": {
     "name": "Swiss Federal Archives / Lindas",
@@ -36,11 +36,10 @@
     "views/"
   ],
   "devDependencies": {
-    "@lindas/trifid-core": "^7.0.0",
-    "c8": "^10.1.3"
+    "c8": "^10.1.3",
+    "@lindas/trifid-core": "^7.0.2"
   },
   "publishConfig": {
-    "access": "public",
-    "provenance": false
+    "access": "public"
   }
 }

package/views/index.hbs

@@ -1,79 +1,79 @@
-<div id="container">
-  <div id="spex"></div>
-</div>
-
-<script type="text/javascript" src="static/spex.umd.cjs"></script>
-<style type="text/css">
-  html,
-  body {
-    height: 100%;
-  }
-
-  body {
-    display: flex;
-    flex-direction: column;
-  }
-
-  #container {
-    flex-grow: 1;
-
-    display: flex;
-    flex-direction: column;
-
-    overflow: hidden;
-  }
-
-  #container > * {
-    flex-grow: 1;
-
-    overflow: hidden;
-  }
-
-  #spex {
-    min-height: 100vh;
-  }
-</style>
-
-<script type="text/javascript">
-  //<![CDATA[
-  window.onload = function () {
-    // where to mount the SPEX app (it will be put in a shodow element)
-    const mountPoint = document.createElement("div");
-
-    // create style element in the shadow element to avoid any style conflicts
-    const style = document.createElement("style");
-    style.type = "text/css";
-    style.innerHTML = "@import url('static/spex.css');"
-
-    // create the shadow element and put the style element and the mount point
-    const spexContainer = document.getElementById("spex");
-    const shadowContainer = spexContainer.attachShadow({ mode: "open" });
-    shadowContainer.appendChild(style)
-    shadowContainer.appendChild(mountPoint);
-
-    // render the app with the expected options
-    const options = JSON.parse('{{{ options }}}');
-    window.spex.render(mountPoint, options);
-    const spexApp = shadowContainer.querySelector('div');
-
-    // render the app with a minimal height
-    spexApp.style.setProperty('position', 'absolute');
-    spexApp.style.setProperty('top', '0');
-    spexApp.style.setProperty('bottom', '0');
-    spexApp.style.setProperty('left', '0');
-    spexApp.style.setProperty('right', '0');
-
-    // specify some values for colors
-    spexApp.style.setProperty('--color-primary-50', '#ffefde');
-    spexApp.style.setProperty('--color-primary-100', '#ffe2c4');
-    spexApp.style.setProperty('--color-primary-200', '#ffca91');
-    spexApp.style.setProperty('--color-primary-300', '#ffb15e');
-    spexApp.style.setProperty('--color-primary-400', '#ff982b');
-    spexApp.style.setProperty('--color-primary-500', '#f77f00');
-    spexApp.style.setProperty('--color-primary-600', '#c46500');
-    spexApp.style.setProperty('--color-primary-700', '#914b00');
-    spexApp.style.setProperty('--color-primary-800', '#5e3000');
-    spexApp.style.setProperty('--color-primary-900', '#2b1600');
-  };
-//]]>
-</script>
+<div id="container">
+  <div id="spex"></div>
+</div>
+
+<script type="text/javascript" src="static/spex.umd.cjs"></script>
+<style type="text/css">
+  html,
+  body {
+    height: 100%;
+  }
+
+  body {
+    display: flex;
+    flex-direction: column;
+  }
+
+  #container {
+    flex-grow: 1;
+
+    display: flex;
+    flex-direction: column;
+
+    overflow: hidden;
+  }
+
+  #container > * {
+    flex-grow: 1;
+
+    overflow: hidden;
+  }
+
+  #spex {
+    min-height: 100vh;
+  }
+</style>
+
+<script type="text/javascript">
+  //<![CDATA[
+  window.onload = function () {
+    // where to mount the SPEX app (it will be put in a shodow element)
+    const mountPoint = document.createElement("div");
+
+    // create style element in the shadow element to avoid any style conflicts
+    const style = document.createElement("style");
+    style.type = "text/css";
+    style.innerHTML = "@import url('static/spex.css');"
+
+    // create the shadow element and put the style element and the mount point
+    const spexContainer = document.getElementById("spex");
+    const shadowContainer = spexContainer.attachShadow({ mode: "open" });
+    shadowContainer.appendChild(style)
+    shadowContainer.appendChild(mountPoint);
+
+    // render the app with the expected options
+    const options = JSON.parse('{{{ options }}}');
+    window.spex.render(mountPoint, options);
+    const spexApp = shadowContainer.querySelector('div');
+
+    // render the app with a minimal height
+    spexApp.style.setProperty('position', 'absolute');
+    spexApp.style.setProperty('top', '0');
+    spexApp.style.setProperty('bottom', '0');
+    spexApp.style.setProperty('left', '0');
+    spexApp.style.setProperty('right', '0');
+
+    // specify some values for colors
+    spexApp.style.setProperty('--color-primary-50', '#ffefde');
+    spexApp.style.setProperty('--color-primary-100', '#ffe2c4');
+    spexApp.style.setProperty('--color-primary-200', '#ffca91');
+    spexApp.style.setProperty('--color-primary-300', '#ffb15e');
+    spexApp.style.setProperty('--color-primary-400', '#ff982b');
+    spexApp.style.setProperty('--color-primary-500', '#f77f00');
+    spexApp.style.setProperty('--color-primary-600', '#c46500');
+    spexApp.style.setProperty('--color-primary-700', '#914b00');
+    spexApp.style.setProperty('--color-primary-800', '#5e3000');
+    spexApp.style.setProperty('--color-primary-900', '#2b1600');
+  };
+//]]>
+</script>