@linkedrecords/react 0.1.0 → 0.2.0

package/.claude/settings.local.json

@@ -0,0 +1,19 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git -C /Users/wolf/git/linkedrecords diff main --stat)",
+      "Bash(git -C /Users/wolf/git/linkedrecords diff main -- src/browser_sdk/index.ts)",
+      "Bash(git -C /Users/wolf/git/linkedrecords diff main -- src/browser_sdk/records_repository.ts)",
+      "Bash(git -C /Users/wolf/git/linkedrecords show HEAD:src/browser_sdk/records_repository.ts)",
+      "Bash(git -C /Users/wolf/git/linkedrecords show HEAD:src/records/record_query.ts)",
+      "Bash(git -C /Users/wolf/git/linkedrecords-react log --oneline -3 -- package-lock.json)",
+      "Bash(git -C /Users/wolf/git/linkedrecords-react rm --cached src/useAttributes.ts -q)",
+      "Read(//Users/wolf/git/linkedrecords/**)",
+      "Read(//Users/wolf/git/linkedrecords/dist/src/browser_sdk/**)",
+      "Bash(npm install *)",
+      "Bash(npm run *)",
+      "Bash(node -e \"import\\('./dist/index.mjs'\\).then\\(m => console.log\\(Object.keys\\(m\\)\\)\\)\")",
+      "Bash(node *)"
+    ]
+  }
+}

package/dist/index.d.mts

@@ -17,7 +17,9 @@ declare function LinkedRecordsProvider({ children, serverUrl }: LinkedRecordsPro
 interface KVValue {
     [key: string]: KVValue | string | boolean | number | undefined;
 }
-declare function useKeyValueAttributes(query: any[]): KVValue[];
+declare function useKeyValueRecords(query: any[]): KVValue[];
+/** @deprecated Use useKeyValueRecords instead. */
+declare const useKeyValueAttributes: typeof useKeyValueRecords;
 
 declare function useLinkedRecords(): LinkedRecordsContextType;
 
@@ -26,4 +28,4 @@ type UserInfo = {
 };
 declare function useUserInfo(): UserInfo | null;
 
-export { LinkedRecordsContext, type LinkedRecordsContextType, LinkedRecordsProvider, useKeyValueAttributes, useLinkedRecords, useUserInfo };
+export { LinkedRecordsContext, type LinkedRecordsContextType, LinkedRecordsProvider, useKeyValueAttributes, useKeyValueRecords, useLinkedRecords, useUserInfo };

package/dist/index.d.ts

@@ -17,7 +17,9 @@ declare function LinkedRecordsProvider({ children, serverUrl }: LinkedRecordsPro
 interface KVValue {
     [key: string]: KVValue | string | boolean | number | undefined;
 }
-declare function useKeyValueAttributes(query: any[]): KVValue[];
+declare function useKeyValueRecords(query: any[]): KVValue[];
+/** @deprecated Use useKeyValueRecords instead. */
+declare const useKeyValueAttributes: typeof useKeyValueRecords;
 
 declare function useLinkedRecords(): LinkedRecordsContextType;
 
@@ -26,4 +28,4 @@ type UserInfo = {
 };
 declare function useUserInfo(): UserInfo | null;
 
-export { LinkedRecordsContext, type LinkedRecordsContextType, LinkedRecordsProvider, useKeyValueAttributes, useLinkedRecords, useUserInfo };
+export { LinkedRecordsContext, type LinkedRecordsContextType, LinkedRecordsProvider, useKeyValueAttributes, useKeyValueRecords, useLinkedRecords, useUserInfo };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(index_exports, {
   LinkedRecordsContext: () => LinkedRecordsContext,
   LinkedRecordsProvider: () => LinkedRecordsProvider,
   useKeyValueAttributes: () => useKeyValueAttributes,
+  useKeyValueRecords: () => useKeyValueRecords,
   useLinkedRecords: () => useLinkedRecords,
   useUserInfo: () => useUserInfo
 });
@@ -51,7 +52,7 @@ function LinkedRecordsProvider({ children, serverUrl }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkedRecordsContext.Provider, { value: { lr }, children });
 }
 
-// src/useAttributes.ts
+// src/useRecords.ts
 var import_react4 = require("react");
 
 // src/useLinkedRecords.ts
@@ -64,11 +65,11 @@ function useLinkedRecords() {
   return context;
 }
 
-// src/useAttributes.ts
+// src/useRecords.ts
 var import_browser2 = require("@linkedrecords/browser");
-function useKeyValueAttributes(query) {
+function useKeyValueRecords(query) {
   const { lr } = useLinkedRecords();
-  const [attributes, setAttributes] = (0, import_react4.useState)([]);
+  const [records, setRecords] = (0, import_react4.useState)([]);
   (0, import_react4.useEffect)(() => {
     const unsubscribeFnPromise = new Promise((resolve) => {
       const checkActorId = () => {
@@ -80,22 +81,22 @@ function useKeyValueAttributes(query) {
       };
       checkActorId();
     }).then(() => {
-      const queryUnsubscribe = lr.Attribute.subscribeToQuery({
-        attributes: [
-          ["$it", "$hasDataType", import_browser2.KeyValueAttribute],
+      const queryUnsubscribe = lr.Record.subscribeToQuery({
+        records: [
+          ["$it", "$hasDataType", import_browser2.KeyValueRecord],
           ...query
         ]
-      }, async ({ attributes: attributes2 }) => {
-        const values = await Promise.all(attributes2.map(async (a) => ({
-          _id: a.id,
-          ...await a.getValue()
+      }, async ({ records: records2 }) => {
+        const values = await Promise.all(records2.map(async (r) => ({
+          _id: r.id,
+          ...await r.getValue()
         })));
-        setAttributes(values);
-        attributes2.forEach((a) => {
-          a.subscribe(async () => {
-            const newValue = await a.getValue();
-            setAttributes((prev) => prev.map(
-              (v) => v._id === a.id ? { _id: a.id, ...newValue } : v
+        setRecords(values);
+        records2.forEach((r) => {
+          r.subscribe(async () => {
+            const newValue = await r.getValue();
+            setRecords((prev) => prev.map(
+              (v) => v._id === r.id ? { _id: r.id, ...newValue } : v
             ));
           });
         });
@@ -107,9 +108,10 @@ function useKeyValueAttributes(query) {
     return () => {
       unsubscribeFnPromise.then((fn) => fn());
     };
-  }, [lr.Attribute, setAttributes]);
-  return attributes;
+  }, [lr.Record, setRecords]);
+  return records;
 }
+var useKeyValueAttributes = useKeyValueRecords;
 
 // src/useUserInfo.ts
 var import_react5 = require("react");
@@ -126,6 +128,7 @@ function useUserInfo() {
   LinkedRecordsContext,
   LinkedRecordsProvider,
   useKeyValueAttributes,
+  useKeyValueRecords,
   useLinkedRecords,
   useUserInfo
 });

package/dist/index.mjs

@@ -11,7 +11,7 @@ function LinkedRecordsProvider({ children, serverUrl }) {
   return /* @__PURE__ */ jsx(LinkedRecordsContext.Provider, { value: { lr }, children });
 }
 
-// src/useAttributes.ts
+// src/useRecords.ts
 import { useEffect, useState } from "react";
 
 // src/useLinkedRecords.ts
@@ -24,11 +24,11 @@ function useLinkedRecords() {
   return context;
 }
 
-// src/useAttributes.ts
-import { KeyValueAttribute } from "@linkedrecords/browser";
-function useKeyValueAttributes(query) {
+// src/useRecords.ts
+import { KeyValueRecord } from "@linkedrecords/browser";
+function useKeyValueRecords(query) {
   const { lr } = useLinkedRecords();
-  const [attributes, setAttributes] = useState([]);
+  const [records, setRecords] = useState([]);
   useEffect(() => {
     const unsubscribeFnPromise = new Promise((resolve) => {
       const checkActorId = () => {
@@ -40,22 +40,22 @@ function useKeyValueAttributes(query) {
       };
       checkActorId();
     }).then(() => {
-      const queryUnsubscribe = lr.Attribute.subscribeToQuery({
-        attributes: [
-          ["$it", "$hasDataType", KeyValueAttribute],
+      const queryUnsubscribe = lr.Record.subscribeToQuery({
+        records: [
+          ["$it", "$hasDataType", KeyValueRecord],
           ...query
         ]
-      }, async ({ attributes: attributes2 }) => {
-        const values = await Promise.all(attributes2.map(async (a) => ({
-          _id: a.id,
-          ...await a.getValue()
+      }, async ({ records: records2 }) => {
+        const values = await Promise.all(records2.map(async (r) => ({
+          _id: r.id,
+          ...await r.getValue()
         })));
-        setAttributes(values);
-        attributes2.forEach((a) => {
-          a.subscribe(async () => {
-            const newValue = await a.getValue();
-            setAttributes((prev) => prev.map(
-              (v) => v._id === a.id ? { _id: a.id, ...newValue } : v
+        setRecords(values);
+        records2.forEach((r) => {
+          r.subscribe(async () => {
+            const newValue = await r.getValue();
+            setRecords((prev) => prev.map(
+              (v) => v._id === r.id ? { _id: r.id, ...newValue } : v
             ));
           });
         });
@@ -67,9 +67,10 @@ function useKeyValueAttributes(query) {
     return () => {
       unsubscribeFnPromise.then((fn) => fn());
     };
-  }, [lr.Attribute, setAttributes]);
-  return attributes;
+  }, [lr.Record, setRecords]);
+  return records;
 }
+var useKeyValueAttributes = useKeyValueRecords;
 
 // src/useUserInfo.ts
 import { useEffect as useEffect2, useState as useState2 } from "react";
@@ -85,6 +86,7 @@ export {
   LinkedRecordsContext,
   LinkedRecordsProvider,
   useKeyValueAttributes,
+  useKeyValueRecords,
   useLinkedRecords,
   useUserInfo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkedrecords/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,10 +16,10 @@
   },
   "keywords": [],
   "author": "Oliver Wolf",
-  "license": "AGPL-3.0",
+  "license": "MIT",
   "description": "",
   "dependencies": {
-    "@linkedrecords/browser": "^0.1.0",
+    "@linkedrecords/browser": "^0.2.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },

package/src/index.tsx

@@ -1,5 +1,5 @@
 export * from './linkedRecordsContext';
 export * from './LinkedRecordsProvider';
-export * from './useAttributes';
+export * from './useRecords';
 export * from './useLinkedRecords';
 export * from './useUserInfo';

package/src/{useAttributes.ts → useRecords.ts}

@@ -1,15 +1,15 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useEffect, useState } from "react";
 import { useLinkedRecords } from "./useLinkedRecords";
-import { KeyValueAttribute } from '@linkedrecords/browser';
+import { KeyValueRecord } from '@linkedrecords/browser';
 
 interface KVValue {
   [key: string]: KVValue | string | boolean | number | undefined;
 }
 
-export function useKeyValueAttributes(query: any[]): KVValue[]  {
+export function useKeyValueRecords(query: any[]): KVValue[]  {
   const { lr } = useLinkedRecords();
-  const [ attributes, setAttributes ] = useState<KVValue[]>([]);
+  const [ records, setRecords ] = useState<KVValue[]>([]);
 
   useEffect(() => {
     const unsubscribeFnPromise = new Promise<void>((resolve) => {
@@ -22,27 +22,27 @@ export function useKeyValueAttributes(query: any[]): KVValue[]  {
       };
       checkActorId();
     }).then(() => {
-      const queryUnsubscribe = lr.Attribute.subscribeToQuery({
-        attributes: [
-          ['$it', '$hasDataType', KeyValueAttribute],
+      const queryUnsubscribe = lr.Record.subscribeToQuery({
+        records: [
+          ['$it', '$hasDataType', KeyValueRecord],
           ...query
         ],
-      }, async ({ attributes }) => {
-        const values = await Promise.all(attributes.map(async (a) => ({
-          _id: a.id,
-          ...(await a.getValue()),
+      }, async ({ records }) => {
+        const values = await Promise.all(records.map(async (r) => ({
+          _id: r.id,
+          ...(await r.getValue()),
         })));
 
-        setAttributes(values);
+        setRecords(values);
 
-        attributes.forEach((a) => {
-          a.subscribe(async () => {
-            const newValue = await a.getValue();
+        records.forEach((r) => {
+          r.subscribe(async () => {
+            const newValue = await r.getValue();
 
             // Use functional update to avoid stale closure
-            setAttributes(prev => prev.map(v =>
-              v._id === a.id
-                ? { _id: a.id, ...newValue }
+            setRecords(prev => prev.map(v =>
+              v._id === r.id
+                ? { _id: r.id, ...newValue }
                 : v
             ));
           });
@@ -57,7 +57,10 @@ export function useKeyValueAttributes(query: any[]): KVValue[]  {
     return () => {
       unsubscribeFnPromise.then(fn => fn());
     }
-  }, [ lr.Attribute, setAttributes ]);
+  }, [ lr.Record, setRecords ]);
 
-  return attributes;
+  return records;
 }
+
+/** @deprecated Use useKeyValueRecords instead. */
+export const useKeyValueAttributes = useKeyValueRecords;