checked:
-active:
-webId:
-webId resource:
- - - - - - - - -checked:
+active:
+webId:
+webId resource:
+ + + + + + + + +
](https://nlnet.nl/)
+[
](https://nlnet.nl/commonsfund/)
+
+## License
+
+MIT
diff --git a/packages/solid-vue/package.json b/packages/solid-vue/package.json
new file mode 100644
index 00000000..efd5e656
--- /dev/null
+++ b/packages/solid-vue/package.json
@@ -0,0 +1,56 @@
+{
+ "name": "@ldo/solid-vue",
+ "version": "1.0.0-alpha.50",
+ "description": "A Vue library for LDO and Solid",
+ "type": "module",
+ "main": "./dist/index.cjs",
+ "module": "./dist/index.mjs",
+ "types": "./dist/index.d.mts",
+ "exports": {
+ ".": {
+ "import": {
+ "types": "./dist/index.d.mts",
+ "default": "./dist/index.mjs"
+ },
+ "require": {
+ "types": "./dist/index.d.cts",
+ "default": "./dist/index.cjs"
+ }
+ },
+ "./package.json": "./package.json"
+ },
+ "scripts": {
+ "build": "rimraf dist && NODE_OPTIONS=--max-old-space-size=8192 tsdown",
+ "test": "vitest run --coverage"
+ },
+ "keywords": [
+ "ldo",
+ "linked-data-objects",
+ "rdf",
+ "solid-project",
+ "vuejs"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/o-development/ldo.git"
+ },
+ "author": "Jackson Morgan",
+ "license": "MIT",
+ "bugs": {
+ "url": "https://github.com/o-development/ldo/issues"
+ },
+ "homepage": "https://github.com/o-development/ldo/tree/main/packages/solid-vue#readme",
+ "dependencies": {
+ "@ldo/connected": "^1.0.0-alpha.50",
+ "@ldo/connected-solid": "^1.0.0-alpha.50",
+ "@ldo/vue": "^1.0.0-alpha.50",
+ "@uvdsl/solid-oidc-client-browser": "^0.2.3"
+ },
+ "peerDependencies": {
+ "vue": "^3.3.0"
+ },
+ "devDependencies": {
+ "@ldo/test-solid-server": "^1.0.0-alpha.50",
+ "vue": "^3.5.43"
+ }
+}
diff --git a/packages/solid-vue/src/createBrowserSolidVueComposables.ts b/packages/solid-vue/src/createBrowserSolidVueComposables.ts
new file mode 100644
index 00000000..0ed3a0c5
--- /dev/null
+++ b/packages/solid-vue/src/createBrowserSolidVueComposables.ts
@@ -0,0 +1,59 @@
+import { createLdoVueComposables } from "@ldo/vue";
+import {
+ provideSolidAuth,
+ useSolidAuth,
+ solidAuthInjectionKey,
+} from "./useSolidAuth";
+import { solidConnectedPlugin } from "@ldo/connected-solid";
+import type { ConnectedPlugin } from "@ldo/connected";
+import { createUseRootContainerFor } from "./useRootContainerFor";
+import { createUseResourceWithAuth } from "./useResourceWithAuth";
+
+/**
+ * Create LDO Vue composables with Solid protocol support.
+ *
+ * You can optionally also provide an array of additional plugins.
+ * Solid connected plugin is included by default.
+ */
+export function createBrowserSolidVueComposables<
+ Plugin extends ConnectedPlugin = never,
+>(additionalPlugins: Plugin[] = []) {
+ const {
+ provideDataset,
+ useResource,
+ useDataset,
+ datasetInjectionKey,
+ ...vueComposables
+ } = createLdoVueComposables([solidConnectedPlugin, ...additionalPlugins]);
+
+ function provideSolidLdo() {
+ const dataset = provideDataset();
+ const solidAuth = provideSolidAuth();
+ // Bind the Solid session's authenticate fetch to the LDO dataset
+ // to send Solid-authenticated requests.
+ dataset.setContext("solid", { fetch: solidAuth.fetch });
+ return { dataset, solidAuth };
+ }
+
+ const useResourceWithAuth = createUseResourceWithAuth({
+ useResource,
+ useSolidAuth,
+ });
+
+ return {
+ solidAuthInjectionKey,
+ datasetInjectionKey,
+ provideSolidLdo,
+ provideDataset,
+ useResource: useResourceWithAuth,
+ useDataset,
+ ...vueComposables,
+ provideSolidAuth,
+ useSolidAuth,
+ useRootContainerFor: createUseRootContainerFor({
+ useSolidAuth,
+ useDataset,
+ useResource: useResourceWithAuth,
+ }),
+ };
+}
diff --git a/packages/solid-vue/src/defaultInstance.ts b/packages/solid-vue/src/defaultInstance.ts
new file mode 100644
index 00000000..01d9bf5b
--- /dev/null
+++ b/packages/solid-vue/src/defaultInstance.ts
@@ -0,0 +1,23 @@
+import { createBrowserSolidVueComposables } from "./createBrowserSolidVueComposables";
+
+export const {
+ provideSolidLdo,
+ provideDataset,
+ provideSolidAuth,
+ useSolidAuth,
+ useDataset,
+ useLdo,
+ useResource,
+ useSubject,
+ useMatchObject,
+ useMatchSubject,
+ useSubscribeToResource,
+ useLinkQuery,
+ useChangeDataset,
+ useChangeSubject,
+ useChangeMatchObject,
+ useChangeMatchSubject,
+ useRootContainerFor,
+ datasetInjectionKey,
+ solidAuthInjectionKey,
+} = createBrowserSolidVueComposables();
diff --git a/packages/solid-vue/src/index.ts b/packages/solid-vue/src/index.ts
new file mode 100644
index 00000000..d511adba
--- /dev/null
+++ b/packages/solid-vue/src/index.ts
@@ -0,0 +1,3 @@
+export type * from "@ldo/vue";
+export * from "./createBrowserSolidVueComposables";
+export * from "./defaultInstance";
diff --git a/packages/solid-vue/src/useResourceWithAuth.ts b/packages/solid-vue/src/useResourceWithAuth.ts
new file mode 100644
index 00000000..b10444e5
--- /dev/null
+++ b/packages/solid-vue/src/useResourceWithAuth.ts
@@ -0,0 +1,55 @@
+import {
+ isSolidUri,
+ type SolidConnectedPlugin,
+ type SolidContainer,
+ type SolidLeaf,
+} from "@ldo/connected-solid";
+import type { UseResourceComposable } from "@ldo/vue";
+import { toValue, watch } from "vue";
+import type { useSolidAuth } from "./useSolidAuth";
+
+type UseSolidAuth = typeof useSolidAuth;
+
+/**
+ * @internal
+ *
+ * Creates a Solid-authentication-aware useResource composable.
+ * If the uri is Solid uri, we want to refetch the resource when session.isActive changes
+ */
+export function createUseResourceWithAuth({
+ useResource,
+ useSolidAuth,
+}: {
+ useResource: UseResourceComposable