lit-rdf 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # lit-rdf
 
+## 0.3.3
+
+### Patch Changes
+
+- 3b452a8: Remove unused direct dependency `rdf-canonize`
+- 3b452a8: Update `@zazuko/env` to `^3.0.4`.
+- 5a504bc: Made `@zazuko/prefixes` a peer dependency
+- 3b452a8: Add a repository AI skill demonstrating lit-rdf data binding, filtering, sorting, and custom component patterns, with an interactive example and contributor guidance.
+
+## 0.3.2
+
+### Patch Changes
+
+- ee852da: Allow both `[id]` and `[data-attribute]` to select the graph from `window.graphs`
+- ee852da: `rdf-graph` should not rely on RDF environment so that populating data from `window.graphs` is as fast as possible
+
 ## 0.3.1
 
 ### Patch Changes

package/custom-elements.json

@@ -348,16 +348,6 @@
           "description": "Custom element (`<rdf-graph>`) that contributes an RDF graph dataset to an ancestor\n`DatasetProvider` (such as `<rdf-dataset>`).",
           "name": "RdfGraph",
           "members": [
-            {
-              "kind": "field",
-              "name": "env",
-              "type": {
-                "text": "Environment"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "new Environment(this)"
-            },
             {
               "kind": "field",
               "name": "value",

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "lit-rdf",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "type": "module",
   "scripts": {
-    "prepare": "husky && patch-package",
+    "prepare": "husky && patch-package && skills experimental_sync -y",
     "lint": "eslint . --quiet",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -39,39 +39,43 @@
     "@lit/context": "^1.1.6",
     "@rdfjs-elements/lit-helpers": "^0.3.13",
     "@rdfjs/data-model": "^2.1.1",
+    "@rdfjs/dataset": "^2.0.3",
     "@rdfjs/types": "^2",
-    "@zazuko/env": "^3.0.1",
-    "@zazuko/prefixes": "^2.6.1",
+    "@zazuko/env": "^3.0.4",
     "clownface": "^2.0.3",
     "clownface-shacl-path": "^2.4.0",
     "is-url": "^1.2.4",
     "lit": "^3",
-    "rdf-canonize": "^3.4.0",
     "rdf-literal": "^2.0.0",
     "sparql-path-parser": "^0.1.1"
   },
+  "peerDependencies": {
+    "@zazuko/prefixes": ">=2.6.1"
+  },
   "devDependencies": {
-    "@changesets/cli": "^3.0.0-next.11",
+    "@changesets/cli": "^3.0.3",
     "@chromatic-com/storybook": "^5.3.0",
     "@custom-elements-manifest/analyzer": "^0.11.0",
     "@eslint/config-helpers": "^0.7.0",
     "@eslint/js": "^10",
+    "@lit-labs/ssr": "^4.1.0",
     "@open-wc/testing": "^5.0.0",
-    "@rollup/plugin-commonjs": "^26",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rolldown/plugin-node-polyfills": "^1.0.3",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-vitest": "^10.6.0",
-    "@storybook/web-components-vite": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.6",
+    "@storybook/addon-vitest": "^10.6.6",
+    "@storybook/web-components-vite": "^10.6.6",
     "@tpluscode/eslint-config": "^4.0.2",
     "@types/clownface": "^2.0.10",
     "@types/is-url": "^1.2.32",
     "@types/rdfjs__data-model": "^2.0.9",
+    "@types/rdfjs__dataset": "^2.0.7",
     "@types/readable-stream": "^4.0.24",
     "@types/sinon": "^22.0.0",
     "@typescript-eslint/eslint-plugin": "^8.66.0",
     "@typescript-eslint/parser": "^8.66.0",
-    "@vitest/browser-playwright": "^4.1.11",
-    "@vitest/coverage-v8": "^4.1.11",
+    "@vitest/browser-playwright": "^4.1.12",
+    "@vitest/coverage-v8": "^4.1.12",
     "@vocabulary/rdfs": "^1.0.6",
     "@web/dev-server-esbuild": "^2.0.0",
     "@web/dev-server-rollup": "^1.0.0",
@@ -82,14 +86,15 @@
     "eslint-plugin-storybook": "^10.5.7",
     "husky": "^9.1.7",
     "lint-staged": "^17.3.0",
+    "skills": "^1.7.6",
     "patch-package": "^8.0.1",
-    "playwright": "^1.58.2",
+    "playwright": "^1.65.0",
     "sinon": "^22.1.0",
-    "storybook": "^10.6.0",
+    "storybook": "^10.6.6",
     "string-to-stream": "^3.0.1",
     "typescript": "^5",
     "util": "^0.12.5",
-    "vitest": "^4.1.11"
+    "vitest": "^4.1.12"
   },
   "lint-staged": {
     "*.{js,ts}": [

package/src/components/rdf-graph.d.ts

@@ -14,7 +14,6 @@ declare global {
  * @element rdf-graph
  */
 export default class RdfGraph extends LitElement {
-    private readonly env;
     /**
      * The RDF/JS dataset containing the graph triples to contribute to the parent dataset provider.
      */
@@ -24,7 +23,6 @@ export default class RdfGraph extends LitElement {
      */
     graph: NamedNode | undefined;
     private datasetProvider;
-    constructor();
     protected updated(properties: Map<string, unknown>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/src/components/rdf-graph.js

@@ -7,8 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { consume } from '@lit/context';
+import Dataset from '@rdfjs/dataset';
+import factory from '@rdfjs/data-model';
 import { datasetProvider } from '../context.js';
-import { Environment } from '../controllers/Environment.js';
 import { toNamedNode } from '../converter.js';
 /**
  * Custom element (`<rdf-graph>`) that contributes an RDF graph dataset to an ancestor
@@ -17,10 +18,6 @@ import { toNamedNode } from '../converter.js';
  * @element rdf-graph
  */
 let RdfGraph = class RdfGraph extends LitElement {
-    constructor() {
-        super();
-        this.env = new Environment(this);
-    }
     updated(properties) {
         if (properties.has('value')) {
             if (this.value) {
@@ -32,10 +29,11 @@ let RdfGraph = class RdfGraph extends LitElement {
         }
     }
     connectedCallback() {
-        super.connectedCallback();
-        if (!this.value && this.id && window.graphs?.[this.id]) {
-            this.value = this.env.value.dataset(window.graphs[this.id]({ factory: this.env.value }));
+        const graphId = this.getAttribute('data-graph') || this.id;
+        if (!this.value && graphId && window.graphs?.[graphId]) {
+            this.value = Dataset.dataset(window.graphs[graphId]({ factory }));
         }
+        super.connectedCallback();
         if (this.value) {
             this.datasetProvider?.updateGraph(this, this.value, this.graph);
         }

package/src/custom-elements.d.ts

@@ -50,7 +50,6 @@ interface HTMLRdfEnvironmentElement extends HTMLElement {
 
 
 interface HTMLRdfGraphElement extends HTMLElement {
-    env: Environment;
     /**
      * The RDF/JS dataset containing the graph triples to contribute to the parent dataset provider.
      */