Nik/upgrade to the new grc-20 and new testnet (#583)

Author: nikgraf

.claude/settings.local.json

@@ -8,7 +8,14 @@
       "Bash(pnpm test:*)",
       "Bash(pnpm vitest:*)",
       "Bash(pnpm changeset:*)",
-      "Bash(npx tsc:*)"
+      "Bash(npx tsc:*)",
+      "Bash(find:*)",
+      "Bash(grep:*)",
+      "WebFetch(domain:raw.githubusercontent.com)",
+      "Bash(node -e:*)",
+      "Bash(pnpm build:*)",
+      "mcp__chrome-devtools__list_pages",
+      "Bash(pnpm lint:*)"
     ],
     "deny": [],
     "ask": []

apps/connect/package.json

@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-beta.2",
-    "@graphprotocol/grc-20": "^0.27.0",
+    "@graphprotocol/grc-20": "^0.32.3",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@heroicons/react": "^2.2.0",

apps/events/package.json

@@ -10,7 +10,7 @@
     "test:script": "tsx test-script.ts"
   },
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.27.0",
+    "@graphprotocol/grc-20": "^0.32.3",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@noble/hashes": "^1.8.0",

apps/events/src/Boot.tsx

@@ -17,7 +17,7 @@ export function Boot() {
     <HypergraphAppProvider
       syncServerUri="http://localhost:3030"
       appId="93bb8907085a4a0e83dd62b0dc98e793"
-      apiOrigin="https://testnet-api.geobrowser.io"
+      apiOrigin="https://testnet-api-staging.geobrowser.io"
     >
       <RouterProvider router={router} />
     </HypergraphAppProvider>

apps/events/src/components/create-events.tsx

@@ -1,4 +1,4 @@
-import { Graph, type Op } from '@graphprotocol/grc-20';
+import { Graph, type GrcOp } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { mapping } from '../mapping';
@@ -12,15 +12,16 @@ const createEvents = async ({
   space: string;
 }) => {
   try {
-    const ops: Array<Op> = [];
+    const ops: Array<GrcOp> = [];
 
     const { id: jobOfferTypeId, ops: createJobOfferTypeOps } = Graph.createEntity({
       name: 'My Test Job Offer',
       types: mapping.JobOffer.typeIds,
       values: [
         {
           property: mapping.JobOffer.properties?.salary as string,
-          value: '80000',
+          type: 'float64',
+          value: 80000,
         },
       ],
     });
@@ -32,7 +33,8 @@ const createEvents = async ({
       values: [
         {
           property: mapping.JobOffer.properties?.salary as string,
-          value: '90000',
+          type: 'float64',
+          value: 90000,
         },
       ],
     });

apps/events/src/components/create-properties-and-types-event.tsx

@@ -1,4 +1,4 @@
-import { Graph, type Op } from '@graphprotocol/grc-20';
+import { Graph, type GrcOp } from '@graphprotocol/grc-20';
 import type { Connect } from '@graphprotocol/hypergraph';
 import { publishOps, useHypergraphApp } from '@graphprotocol/hypergraph-react';
 import { useState } from 'react';
@@ -12,9 +12,9 @@ const createPropertiesAndTypesEvent = async ({
   smartSessionClient: Connect.SmartSessionClient;
   space: string;
 }) => {
-  const ops: Array<Op> = [];
+  const ops: Array<GrcOp> = [];
   const { id: salaryPropertyId, ops: createSalaryPropertyOps } = Graph.createProperty({
-    dataType: 'NUMBER',
+    dataType: 'FLOAT64',
     name: 'Salary',
   });
   ops.push(...createSalaryPropertyOps);

apps/events/src/components/create-properties-and-types-todos.tsx

@@ -1,4 +1,4 @@
-import { Graph, type Op } from '@graphprotocol/grc-20';
+import { Graph, type GrcOp } 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<Op> = [];
+  const ops: Array<GrcOp> = [];
   const { id: checkedPropertyId, ops: createCheckedPropertyOps } = Graph.createProperty({
     dataType: 'BOOLEAN',
     name: 'Checked',
@@ -44,13 +44,13 @@ const createPropertiesAndTypesTodos = async ({
   ops.push(...createPointPropertyOps);
 
   const { id: amountPropertyId, ops: createAmountPropertyOps } = Graph.createProperty({
-    dataType: 'NUMBER',
+    dataType: 'FLOAT64',
     name: 'Amount',
   });
   ops.push(...createAmountPropertyOps);
 
   const { id: websitePropertyId, ops: createWebsitePropertyOps } = Graph.createProperty({
-    dataType: 'STRING',
+    dataType: 'TEXT',
     name: 'Website',
   });
   ops.push(...createWebsitePropertyOps);

apps/events/src/routes/podcasts.lazy.tsx

@@ -1,6 +1,6 @@
-import { Person, PersonHostTest, Podcast, Topic } from '@/schema';
 import { useEntities, useEntity, usePublicSpaces } from '@graphprotocol/hypergraph-react';
 import { createLazyFileRoute } from '@tanstack/react-router';
+import { Person, PersonHostTest, Podcast, Topic } from '@/schema';
 
 export const Route = createLazyFileRoute('/podcasts')({
   component: RouteComponent,

apps/events/test-script.ts

@@ -1,7 +1,7 @@
 import { SystemIds } from '@graphprotocol/grc-20';
 import { Config, Entity, Id, Type } from '@graphprotocol/hypergraph';
 
-Config.setApiOrigin('https://testnet-api.geobrowser.io');
+Config.setApiOrigin('https://testnet-api-staging.geobrowser.io');
 
 const BOUNTY_TYPE_ID = Id('327976dea5ad45769b83b7e7ec6337cf');
 const REWARD_PROPERTY_ID = Id('e8e7301136354e84b46b767e7cd530a8');

apps/next-example/package.json

@@ -11,7 +11,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.27.0",
+    "@graphprotocol/grc-20": "^0.32.3",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "next": "15.5.9",