upgrade grc-20 (most features not working yet) and remove KG endpoint usage (#228)

Author: nikgraf

apps/connect/package.json

@@ -8,7 +8,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.11.5",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@privy-io/react-auth": "^2.13.0",

apps/events/package.json

@@ -8,7 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@graphprotocol/grc-20": "^0.11.5",
+    "@graphprotocol/grc-20": "^0.20.0",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
     "@noble/hashes": "^1.8.0",

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

@@ -11,7 +11,7 @@ const createPropertiesAndTypes = async ({
 }: { smartAccountWalletClient: GeoSmartAccount; space: string }) => {
   const ops: Array<Op> = [];
   const { id: checkedPropertyId, ops: createCheckedPropertyOps } = Graph.createProperty({
-    type: 'CHECKBOX',
+    dataType: 'CHECKBOX',
     name: 'Checked',
   });
   ops.push(...createCheckedPropertyOps);
@@ -22,32 +22,32 @@ const createPropertiesAndTypes = async ({
   ops.push(...createUserOps);
 
   const { id: assigneesRelationTypeId, ops: createAssigneesRelationTypeOps } = Graph.createProperty({
-    type: 'RELATION',
+    dataType: 'RELATION',
     name: 'Assignees',
     relationValueTypes: [userId],
   });
   ops.push(...createAssigneesRelationTypeOps);
 
   const { id: duePropertyId, ops: createDuePropertyOps } = Graph.createProperty({
-    type: 'TIME',
+    dataType: 'TIME',
     name: 'Due',
   });
   ops.push(...createDuePropertyOps);
 
   const { id: pointPropertyId, ops: createPointPropertyOps } = Graph.createProperty({
-    type: 'POINT',
+    dataType: 'POINT',
     name: 'Point',
   });
   ops.push(...createPointPropertyOps);
 
   const { id: amountPropertyId, ops: createAmountPropertyOps } = Graph.createProperty({
-    type: 'NUMBER',
+    dataType: 'NUMBER',
     name: 'Amount',
   });
   ops.push(...createAmountPropertyOps);
 
   const { id: websitePropertyId, ops: createWebsitePropertyOps } = Graph.createProperty({
-    type: 'URL',
+    dataType: 'TEXT',
     name: 'Website',
   });
   ops.push(...createWebsitePropertyOps);

apps/events/src/components/playground.tsx

@@ -1,8 +1,8 @@
 import { useQuery } from '@graphprotocol/hypergraph-react';
-import { NewsStory } from '../schema';
+import { Event } from '../schema';
 
 export const Playground = () => {
-  const { data: entityData, isLoading, isError } = useQuery(NewsStory, { mode: 'public' });
+  const { data: entityData, isLoading, isError } = useQuery(Event, { mode: 'public' });
 
   console.log({ isLoading, isError, entityData });
 

apps/events/src/components/todo/todos-public-kg.tsx

@@ -12,7 +12,7 @@ import { Todo2 } from '../../schema';
 import { Spinner } from '../spinner';
 import { Button } from '../ui/button';
 
-export const TodosPublicGeo = () => {
+export const TodosPublic = () => {
   const space = useHypergraphSpace();
   const {
     data: dataPublic,

…src/components/todo/todos-public-geo.tsx …nts/src/components/todo/todos-public.tsxapps/events/src/components/todo/todos-public-geo.tsx renamed to apps/events/src/components/todo/todos-public.tsx apps/events/src/components/todo/todos-public-geo.tsx renamed to apps/events/src/components/todo/todos-public.tsx

@@ -16,8 +16,7 @@ import Select from 'react-select';
 import { Todo2, User } from '../schema';
 import { Spinner } from './spinner';
 import { TodosLocal } from './todo/todos-local';
-import { TodosPublicGeo } from './todo/todos-public-geo';
-import { TodosPublicKg } from './todo/todos-public-kg';
+import { TodosPublic } from './todo/todos-public';
 import { Button } from './ui/button';
 import { Input } from './ui/input';
 import { Modal } from './ui/modal';
@@ -262,9 +261,7 @@ export const Todos2 = () => {
 
       <TodosLocal />
 
-      <TodosPublicGeo />
-
-      <TodosPublicKg />
+      <TodosPublic />
     </>
   );
 };

apps/events/src/components/todos2.tsx

@@ -4,7 +4,7 @@ import { User } from '../../schema';
 import { Spinner } from '../spinner';
 import { Button } from '../ui/button';
 
-export const UsersPublicGeo = () => {
+export const UsersPublic = () => {
   const space = useHypergraphSpace();
   const { data: dataPublic, isLoading: isLoadingPublic, isError: isErrorPublic } = useQuery(User, { mode: 'public' });
 

…rc/components/users/users-public-geo.tsx …ts/src/components/users/users-public.tsxapps/events/src/components/users/users-public-geo.tsx renamed to apps/events/src/components/users/users-public.tsx apps/events/src/components/users/users-public-geo.tsx renamed to apps/events/src/components/users/users-public.tsx

@@ -2,32 +2,31 @@ import { Id } from '@graphprotocol/grc-20';
 import type { Mapping } from '@graphprotocol/hypergraph-react';
 
 export const mapping: Mapping = {
-  NewsStory: {
-    typeIds: [Id.Id('VKPGYGnFuaoAASiAukCVCX')],
+  Event: {
+    typeIds: [Id.Id('4d876b81-787e-41fc-ab5d-075d4da66a3f')],
     properties: {
-      name: Id.Id('LuBWqZAu6pz54eiJS5mLv8'),
-      publishDate: Id.Id('KPNjGaLx5dKofVhT6Dfw22'),
-      description: Id.Id('LA1DqP5v6QAdsgLPXGF3YA'),
-    },
-  },
-  Todo2: {
-    typeIds: [Id.Id('LJuM8ju67mCv78FhAiK9k9')],
-    properties: {
-      name: Id.Id('LuBWqZAu6pz54eiJS5mLv8'),
-      checked: Id.Id('Ud9kn9gAUsCr1pxvxcgDj8'),
-      due: Id.Id('CFisPgjjWVdnaMtSWJDBqA'),
-      point: Id.Id('BkcVo7JZHF5LsWw7XZJwwe'),
-      website: Id.Id('XZmLQ8XyaUHnNWgSSbzaHU'),
-      amount: Id.Id('LfzKTfgy5Qg3PxAfKB2BL7'),
-    },
-    relations: {
-      assignees: Id.Id('HCdFcTRyMyZMXScKox738i'),
-    },
-  },
-  User: {
-    typeIds: [Id.Id('Fk5qzwdpKsD35gm5ts4SZA')],
-    properties: {
-      name: Id.Id('LuBWqZAu6pz54eiJS5mLv8'),
+      name: Id.Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
+      // description: Id.Id('9b1f76ff-9711-404c-861e-59dc3fa7d037'),
     },
   },
+  // Todo2: {
+  //   typeIds: [Id.Id('LJuM8ju67mCv78FhAiK9k9')],
+  //   properties: {
+  //     name: Id.Id('LuBWqZAu6pz54eiJS5mLv8'),
+  //     checked: Id.Id('Ud9kn9gAUsCr1pxvxcgDj8'),
+  //     due: Id.Id('CFisPgjjWVdnaMtSWJDBqA'),
+  //     point: Id.Id('BkcVo7JZHF5LsWw7XZJwwe'),
+  //     website: Id.Id('XZmLQ8XyaUHnNWgSSbzaHU'),
+  //     amount: Id.Id('LfzKTfgy5Qg3PxAfKB2BL7'),
+  //   },
+  //   relations: {
+  //     assignees: Id.Id('HCdFcTRyMyZMXScKox738i'),
+  //   },
+  // },
+  // User: {
+  //   typeIds: [Id.Id('Fk5qzwdpKsD35gm5ts4SZA')],
+  //   properties: {
+  //     name: Id.Id('LuBWqZAu6pz54eiJS5mLv8'),
+  //   },
+  // },
 };

apps/events/src/mapping.ts

@@ -9,7 +9,7 @@ export const Route = createLazyFileRoute('/playground')({
 
 function RouteComponent() {
   return (
-    <HypergraphSpaceProvider space="BDuZwkjCg3nPWMDshoYtpS" mapping={mapping}>
+    <HypergraphSpaceProvider space="aa84b08d-779a-495c-93f1-44e667baf6d7" mapping={mapping}>
       <div className="flex flex-col gap-4 max-w-(--breakpoint-sm) mx-auto py-8">
         <h1 className="text-2xl font-bold">Playground</h1>
         <Playground />