@c7-digital/react 0.0.3 → 0.0.4

package/README.md

@@ -1,4 +1,4 @@
-# @c7-digital/react
+# @c7/react
 
 React hooks for Daml ledger integration using Canton JSON API v2
 
@@ -12,11 +12,11 @@ React hooks for Daml ledger integration using Canton JSON API v2
 
 ## Versioning
 
-This package follows the Canton SDK versioning scheme, matching the `@c7-digital/ledger` package it depends on.
+This package follows the Canton SDK versioning scheme, matching the `@c7/ledger` package it depends on.
 
 **Current version**: `3.3.0-snapshot.20250507.0`
 
-- Versioned to match the Canton SDK and `@c7-digital/ledger` package
+- Versioned to match the Canton SDK and `@c7/ledger` package
 - Ensures compatibility with the specific Canton OpenAPI types
 - When Canton releases a new version, both packages will be updated together
 
@@ -25,7 +25,7 @@ This package follows the Canton SDK versioning scheme, matching the `@c7-digital
 ## Installation
 
 ```bash
-pnpm install @c7-digital/react @c7-digital/ledger
+pnpm install @c7/react @c7/ledger
 ```
 
 ## Build Output
@@ -43,8 +43,8 @@ The library builds to the `dist/` folder with:
 Wrap your app with `DamlLedger` provider:
 
 ```tsx
-import { DamlLedger } from "@c7-digital/react";
-import { Ledger } from "@c7-digital/ledger";
+import { DamlLedger } from "@c7/react";
+import { Ledger } from "@c7/ledger";
 
 const ledger = new Ledger({
   baseUrl: "http://localhost:7575",
@@ -66,7 +66,7 @@ function App() {
 Use `useQuery` to fetch active contracts:
 
 ```tsx
-import { useQuery } from "@c7-digital/react";
+import { useQuery } from "@c7/react";
 
 function MyComponent() {
   const { contracts, loading, error, reload } = useQuery(
@@ -77,9 +77,7 @@ function MyComponent() {
   if (error) return <div>Error: {error.message}</div>;
 
   // Filter contracts at the application level
-  const exampleContracts = contracts.filter(
-    (contract) => contract.domain === "example.com"
-  );
+  const exampleContracts = contracts.filter(contract => contract.domain === "example.com");
 
   return (
     <div>
@@ -98,7 +96,7 @@ function MyComponent() {
 Use `useLedger` to get the ledger instance and `useUser` for the current user information:
 
 ```tsx
-import { useLedger, useUser } from "@c7-digital/react";
+import { useLedger, useUser } from "@c7/react";
 
 function ApprovalComponent({ contractId }: { contractId: string }) {
   const ledger = useLedger();
@@ -107,8 +105,7 @@ function ApprovalComponent({ contractId }: { contractId: string }) {
   const handleApprove = async () => {
     try {
       await ledger.exercise({
-        templateId:
-          "#domain-verification-model:InternetDomainName:VerificationRequest",
+        templateId: "#domain-verification-model:InternetDomainName:VerificationRequest",
         contractId,
         choice: "AcceptRequest",
         choiceArgument: {
@@ -123,9 +120,7 @@ function ApprovalComponent({ contractId }: { contractId: string }) {
   if (loading) return <div>Loading user...</div>;
   if (error) return <div>Error: {error.message}</div>;
 
-  return (
-    <button onClick={handleApprove}>Approve Request (as {user?.userId})</button>
-  );
+  return <button onClick={handleApprove}>Approve Request (as {user?.userId})</button>;
 }
 ```
 
@@ -134,7 +129,7 @@ function ApprovalComponent({ contractId }: { contractId: string }) {
 Use `useStreamQuery` for live updates:
 
 ```tsx
-import { useStreamQuery } from "@c7-digital/react";
+import { useStreamQuery } from "@c7/react";
 
 function LiveContracts() {
   const { contracts, loading, connected, error } = useStreamQuery(
@@ -176,10 +171,7 @@ interface DamlLedgerProps {
 Query active contracts for a template.
 
 ```tsx
-function useQuery<T>(
-  templateId: string,
-  options?: QueryOptions
-): QueryResult<T>;
+function useQuery<T>(templateId: string, options?: QueryOptions): QueryResult<T>;
 
 interface QueryOptions {
   autoReload?: boolean;
@@ -220,10 +212,7 @@ interface UserResult {
 Stream active contracts with real-time updates.
 
 ```tsx
-function useStreamQuery<T>(
-  templateId: string,
-  options?: QueryOptions
-): StreamQueryResult<T>;
+function useStreamQuery<T>(templateId: string, options?: QueryOptions): StreamQueryResult<T>;
 
 interface StreamQueryResult<T> extends QueryResult<T> {
   connected: boolean;
@@ -235,10 +224,7 @@ interface StreamQueryResult<T> extends QueryResult<T> {
 Stream multiple templates simultaneously.
 
 ```tsx
-function useStreamQueries<T>(
-  templateIds: string[],
-  options?: QueryOptions
-): StreamQueryResult<T>;
+function useStreamQueries<T>(templateIds: string[], options?: QueryOptions): StreamQueryResult<T>;
 ```
 
 #### `useReload()`
@@ -253,13 +239,13 @@ function useReload(): () => void;
 
 This package provides a compatible API with `@daml/react` but uses the newer Canton JSON API v2:
 
-| @daml/react        | @c7-digital/react  | Notes                          |
-| ------------------ | ------------------ | ------------------------------ |
-| `DamlLedger`       | `DamlLedger`       | Same API, different backend    |
-| `useParty()`       | `useParty()`       | Identical                      |
-| `useLedger()`      | `useLedger()`      | Enhanced with typed operations |
-| `useQuery()`       | `useQuery()`       | Improved filtering and caching |
-| `useStreamQuery()` | `useStreamQuery()` | Real-time WebSocket updates    |
+| @daml/react        | @c7/react            | Notes                          |
+| ------------------ | -------------------- | ------------------------------ |
+| `DamlLedger`       | `DamlLedger`         | Same API, different backend    |
+| `useParty()`       | `useParty()`         | Identical                      |
+| `useLedger()`      | `useLedger()`        | Enhanced with typed operations |
+| `useQuery()`       | `useQuery()`         | Improved filtering and caching |
+| `useStreamQuery()` | `useStreamQuery()`   | Real-time WebSocket updates    |
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c7-digital/react",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "React hooks for Daml ledger integration using Canton JSON API v2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
   "author": "",
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@c7-digital/ledger": "^0.0.3",
+    "@c7/ledger": "^0.0.4",
     "react": "^18.0.0"
   },
   "dependencies": {