upgrade grc20 and use Op instead of GrcOp (#585)

nikgraf · web-flow · commit f17af7183b8b · 2026-01-21T17:58:31.000+01:00
diff --git a/.changeset/young-falcons-speak.md b/.changeset/young-falcons-speak.md
@@ -0,0 +1,7 @@
+---
+"@graphprotocol/hypergraph-react": patch
+"@graphprotocol/hypergraph": patch
+---
+
+replace deprecated GrcOp with Op from grc-20
+  
diff --git a/apps/connect/package.json b/apps/connect/package.json
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-beta.2",
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@heroicons/react": "^2.2.0",
diff --git a/apps/events/package.json b/apps/events/package.json
@@ -10,7 +10,7 @@
     "test:script": "tsx test-script.ts"
   },
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@noble/hashes": "^1.8.0",
diff --git a/apps/events/src/components/create-events.tsx b/apps/events/src/components/create-events.tsx
@@ -1,4 +1,4 @@
-import { Graph, type GrcOp } from '@graphprotocol/grc-20';
+import { Graph, type Op } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { mapping } from '../mapping';
@@ -12,7 +12,7 @@ const createEvents = async ({
   space: string;
 }) => {
   try {
-    const ops: Array<GrcOp> = [];
+    const ops: Array<Op> = [];
 
     const { id: jobOfferTypeId, ops: createJobOfferTypeOps } = Graph.createEntity({
       name: 'My Test Job Offer',
diff --git a/apps/events/src/components/create-properties-and-types-event.tsx b/apps/events/src/components/create-properties-and-types-event.tsx
@@ -1,4 +1,4 @@
-import { Graph, type GrcOp } from '@graphprotocol/grc-20';
+import { Graph, type Op } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { useState } from 'react';
@@ -12,7 +12,7 @@ const createPropertiesAndTypesEvent = async ({
   smartSessionClient: Connect.SmartSessionClient;
   space: string;
 }) => {
-  const ops: Array<GrcOp> = [];
+  const ops: Array<Op> = [];
   const { id: salaryPropertyId, ops: createSalaryPropertyOps } = Graph.createProperty({
     dataType: 'FLOAT64',
     name: 'Salary',
diff --git a/apps/events/src/components/create-properties-and-types-todos.tsx b/apps/events/src/components/create-properties-and-types-todos.tsx
@@ -1,4 +1,4 @@
-import { Graph, type GrcOp } from '@graphprotocol/grc-20';
+import { Graph, type Op } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { useState } from 'react';
@@ -12,7 +12,7 @@ const createPropertiesAndTypesTodos = async ({
   smartSessionClient: Connect.SmartSessionClient;
   space: string;
 }) => {
-  const ops: Array<GrcOp> = [];
+  const ops: Array<Op> = [];
   const { id: checkedPropertyId, ops: createCheckedPropertyOps } = Graph.createProperty({
     dataType: 'BOOLEAN',
     name: 'Checked',
diff --git a/apps/next-example/package.json b/apps/next-example/package.json
@@ -11,7 +11,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "next": "15.5.9",
diff --git a/apps/privy-login-example/package.json b/apps/privy-login-example/package.json
@@ -9,7 +9,7 @@
     "typesync": "hypergraph typesync"
   },
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@noble/hashes": "^1.8.0",
diff --git a/apps/privy-login-example/src/components/create-events.tsx b/apps/privy-login-example/src/components/create-events.tsx
@@ -1,4 +1,4 @@
-import { Graph, type GrcOp } from '@graphprotocol/grc-20';
+import { Graph, type Op } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { mapping } from '../mapping';
@@ -12,7 +12,7 @@ const createEvents = async ({
   space: string;
 }) => {
   try {
-    const ops: Array<GrcOp> = [];
+    const ops: Array<Op> = [];
 
     const { id: jobOfferTypeId, ops: createJobOfferTypeOps } = Graph.createEntity({
       name: 'My Test Job Offer',
diff --git a/apps/privy-login-example/src/components/create-properties-and-types-event.tsx b/apps/privy-login-example/src/components/create-properties-and-types-event.tsx
@@ -1,4 +1,4 @@
-import { Graph, type GrcOp } from '@graphprotocol/grc-20';
+import { Graph, type Op } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { useState } from 'react';
@@ -12,7 +12,7 @@ const createPropertiesAndTypesEvent = async ({
   smartSessionClient: Connect.SmartSessionClient;
   space: string;
 }) => {
-  const ops: Array<GrcOp> = [];
+  const ops: Array<Op> = [];
   const { id: salaryPropertyId, ops: createSalaryPropertyOps } = Graph.createProperty({
     dataType: 'FLOAT64',
     name: 'Salary',
diff --git a/apps/privy-login-example/src/components/create-properties-and-types-todos.tsx b/apps/privy-login-example/src/components/create-properties-and-types-todos.tsx
@@ -1,4 +1,4 @@
-import { Graph, type GrcOp } from '@graphprotocol/grc-20';
+import { Graph, type Op } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { useState } from 'react';
@@ -12,7 +12,7 @@ const createPropertiesAndTypesTodos = async ({
   smartSessionClient: Connect.SmartSessionClient;
   space: string;
 }) => {
-  const ops: Array<GrcOp> = [];
+  const ops: Array<Op> = [];
   const { id: checkedPropertyId, ops: createCheckedPropertyOps } = Graph.createProperty({
     dataType: 'BOOLEAN',
     name: 'Checked',
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
     "@changesets/cli": "^2.29.8",
     "@effect/language-service": "^0.40.0",
     "@effect/vitest": "^0.25.1",
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "babel-plugin-annotate-pure-calls": "^0.5.0",
     "glob": "^11.0.3",
     "pkg-pr-new": "^0.0.56",
diff --git a/packages/hypergraph-react/package.json b/packages/hypergraph-react/package.json
@@ -47,7 +47,7 @@
     "@automerge/automerge": "^3.1.1",
     "@automerge/automerge-repo": "^2.2.0",
     "@automerge/automerge-repo-react-hooks": "^2.2.0",
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@noble/hashes": "^1.8.0",
     "@tanstack/react-query": "^5.85.5",
     "effect": "^3.17.13",
diff --git a/packages/hypergraph-react/src/internal/generate-delete-ops.tsx b/packages/hypergraph-react/src/internal/generate-delete-ops.tsx
@@ -1,4 +1,4 @@
-import type { GrcOp } from '@graphprotocol/grc-20';
+import type { Op } from '@graphprotocol/grc-20';
 import { Config } from '@graphprotocol/hypergraph';
 import { gql, request } from 'graphql-request';
 
@@ -51,7 +51,7 @@ export const generateDeleteOps = async ({ id }: { id: string; space: string }) =
   if (result.entity === null) {
     throw new Error('Entity not found');
   }
-  const ops: GrcOp[] = [];
+  const ops: Op[] = [];
   // for (const attribute of result.entity.currentVersion.version.triples.nodes) {
   //   ops.push(Triple.remove({ attributeId: attribute.attributeId, entityId: id }));
   // }
diff --git a/packages/hypergraph-react/src/prepare-publish.ts b/packages/hypergraph-react/src/prepare-publish.ts
@@ -1,7 +1,7 @@
 import {
   Graph,
-  type GrcOp,
   type Id,
+  type Op,
   type PropertiesParam,
   type PropertyValueParam,
   type RelationsParam,
@@ -66,7 +66,7 @@ export const preparePublish = async <S extends Schema.Schema.AnyNoContext>({
     },
   );
 
-  const ops: GrcOp[] = [];
+  const ops: Op[] = [];
   const values: PropertiesParam = [];
   const relations: RelationsParam = {};
   const type = entity.__schema;
diff --git a/packages/hypergraph-react/src/publish-ops.ts b/packages/hypergraph-react/src/publish-ops.ts
@@ -1,11 +1,11 @@
-import type { GrcOp } from '@graphprotocol/grc-20';
+import type { Op } from '@graphprotocol/grc-20';
 import { Ipfs } from '@graphprotocol/grc-20';
 import { Config, Connect } from '@graphprotocol/hypergraph';
 import type { Hash } from 'viem';
 
 type PublishParams = {
   name: string;
-  ops: GrcOp[];
+  ops: Op[];
   walletClient: Connect.SmartSessionClient;
   space: string;
 };
diff --git a/packages/hypergraph/package.json b/packages/hypergraph/package.json
@@ -72,7 +72,7 @@
     "@effect/platform-node": "^0.96.1",
     "@effect/printer": "^0.45.0",
     "@effect/printer-ansi": "^0.45.0",
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@noble/ciphers": "^1.3.0",
     "@noble/curves": "^1.9.7",
     "@noble/hashes": "^1.8.0",
diff --git a/packages/hypergraph/src/mapping/Mapping.ts b/packages/hypergraph/src/mapping/Mapping.ts
@@ -1,4 +1,4 @@
-import { type CreatePropertyParams, Graph, Id as Grc20Id, type GrcOp } from '@graphprotocol/grc-20';
+import { type CreatePropertyParams, Graph, Id as Grc20Id, type Op } from '@graphprotocol/grc-20';
 import { Data, Array as EffectArray, Schema as EffectSchema, Option, pipe } from 'effect';
 import { GeoIdSchema } from '../utils/geo-id.js';
 import { namesAreUnique, toCamelCase, toPascalCase } from './Utils.js';
@@ -331,17 +331,17 @@ export function allRelationPropertyTypesExist(types: ReadonlyArray<SchemaType>):
   );
 }
 
-export type GenerateMappingResult = [mapping: Mapping, ops: ReadonlyArray<GrcOp>];
+export type GenerateMappingResult = [mapping: Mapping, ops: ReadonlyArray<Op>];
 
 // Helper types for internal processing
 type PropertyIdMapping = { propName: string; id: Grc20Id };
 type TypeIdMapping = Map<string, Grc20Id | null>;
 type ProcessedProperty =
-  | { type: 'resolved'; mapping: PropertyIdMapping; ops: Array<GrcOp> }
+  | { type: 'resolved'; mapping: PropertyIdMapping; ops: Array<Op> }
   | { type: 'deferred'; property: SchemaTypePropertyRelation };
 
 type ProcessedType =
-  | { type: 'complete'; entry: MappingEntry & { typeName: string }; ops: Array<GrcOp> }
+  | { type: 'complete'; entry: MappingEntry & { typeName: string }; ops: Array<Op> }
   | {
       type: 'deferred';
       schemaType: SchemaType;
@@ -666,7 +666,7 @@ export function generateMapping(input: Schema): GenerateMappingResult {
   const { entries: deferredEntries, ops: secondPassOps } = pipe(
     deferredTypes,
     EffectArray.reduce(
-      { entries: [] as Array<MappingEntry & { typeName: string }>, ops: [] as Array<GrcOp> },
+      { entries: [] as Array<MappingEntry & { typeName: string }>, ops: [] as Array<Op> },
       (acc, deferred) => {
         // Resolve all deferred relation properties for this type
         const resolvedRelations = pipe(
diff --git a/packages/typesync-studio/package.json b/packages/typesync-studio/package.json
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-beta.2",
-    "@graphprotocol/grc-20": "^0.32.3",
+    "@graphprotocol/grc-20": "^0.33.0",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@graphql-typed-document-node/core": "^3.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
