feat: support browsing through JSON-LD documents

Fixed in latest rdflib, here included as a pre-release version together with a test, that proves it is working.

Author: angelo-v

apps/test-solid-server/data/alice/public/generic/resource.jsonld

@@ -0,0 +1,22 @@
+{
+  "@context": {
+    "schema": "http://schema.org/"
+  },
+  "@graph": [
+    {
+      "@id": "#it",
+      "@type": "schema:Thing",
+      "schema:name": "Something",
+      "schema:image": {
+        "@id": "thing.png"
+      },
+      "schema:description": "A very generic item",
+      "schema:parentItem": {
+        "@id": "#parent",
+        "@type": "schema:Thing",
+        "schema:name": "Related Thing",
+        "schema:description": "This is somehow related to the other thing"
+      }
+    }
+  ]
+}

apps/tests/reading-jsonld.spec.ts

@@ -0,0 +1,27 @@
+import { test } from "./fixtures";
+import { expect } from "@playwright/test";
+
+test("shows data from a JSON-LD document", async ({ page, navigationBar }) => {
+  // when opening PodOS Browser
+  await page.goto("/");
+
+  // and navigating to a generic resource
+  await navigationBar.fillAndSubmit(
+    "http://localhost:4000/alice/public/generic/resource.jsonld#it",
+  );
+
+  // then page shows a heading with the resource name
+  const heading = page.getByRole("heading");
+  await expect(heading).toHaveText("Something");
+
+  // and it shows the description of the resource
+  const overview = page.getByRole("article", { name: "Something" });
+  await expect(overview).toHaveText(/A very generic item/);
+
+  // and the type of the resource
+  await expect(overview).toHaveText(/Thing/);
+
+  // and the image
+  const image = overview.getByAltText("Something");
+  await expect(image).toHaveAttribute("src", /blob:/);
+});

core/CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- PodOS can now handle JSON-LD documents as regular RDF documents and work with their data 
+
 ## 0.18.0
 
 ### ⚠ BREAKING CHANGES

core/package.json

@@ -53,7 +53,7 @@
     "buffer": "^6.0.3",
     "lunr": "^2.3.9",
     "rdf-namespaces": "^1.16.0",
-    "rdflib": "^2.2.37",
+    "rdflib": "2.2.37-38360c03",
     "rxjs": "^7.8.2",
     "slugify": "^1.6.6",
     "url": "^0.11.4"