@graphcommerce/hygraph-cli 6.2.0-canary.82 → 6.2.0-canary.83

package/dist/migrations/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./graphcommerce5to6"), exports);
+__exportStar(require("./graphcommerce6to7"), exports);

package/dist/readSchema.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readSchema = void 0;
+const client_1 = require("@apollo/client");
+const fetch_1 = require("@whatwg-node/fetch");
+const readSchema = async (config) => {
+    if (!config.hygraphProjectId) {
+        throw new Error('Please provide GC_HYGRAPH_PROJECT_ID in your env file');
+    }
+    if (!config.hygraphWriteAccessToken) {
+        throw new Error('Please provide GC_HYGRAPH_WRITE_ACCESS_TOKEN in your env file');
+    }
+    const projectId = config.hygraphProjectId;
+    const hygraphClient = new client_1.ApolloClient({
+        link: new client_1.HttpLink({
+            uri: 'https://management.hygraph.com/graphql',
+            fetch: fetch_1.fetch,
+            headers: { Authorization: `Bearer ${config.hygraphWriteAccessToken}` },
+        }),
+        cache: new client_1.InMemoryCache(),
+    });
+    const { data } = await hygraphClient.query({
+        query: (0, client_1.gql) `
+      query getSchema($projectId: ID!) {
+        viewer {
+          project(id: $projectId) {
+            environment(name: "master") {
+              contentModel {
+                models {
+                  apiId
+                  apiIdPlural
+                  fields {
+                    apiId
+                  }
+                }
+                components {
+                  apiId
+                  apiIdPlural
+                  fields {
+                    apiId
+                  }
+                }
+                enumerations {
+                  apiId
+                }
+              }
+            }
+          }
+        }
+      }
+    `,
+        variables: {
+            projectId,
+        },
+    });
+    return data;
+};
+exports.readSchema = readSchema;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/hygraph-cli",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "6.2.0-canary.82",
+  "version": "6.2.0-canary.83",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -14,21 +14,22 @@
   "main": "dist/index.js",
   "types": "src/index.ts",
   "dependencies": {
-    "@graphcommerce/next-config": "6.2.0-canary.82",
-    "@graphql-codegen/cli": "4.0.1",
-    "@graphql-mesh/cli": "latest",
-    "@graphql-mesh/types": "latest",
-    "@graphql-mesh/utils": "latest",
+    "@apollo/client": "~3.7.17",
+    "@graphcommerce/next-config": "6.2.0-canary.83",
     "@hygraph/management-sdk": "^1.1.2-alpha.1",
-    "graphql-tag": "^2.12.6"
+    "graphql-tag": "^2.12.6",
+    "prompts": "^2.4.2",
+    "@whatwg-node/fetch": "^0.9.4"
   },
   "peerDependencies": {
-    "graphql": "^16.7.1"
+    "graphql": "^16.7.1",
+    "dotenv": "^16.1.4"
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "6.2.0-canary.82",
-    "@graphcommerce/prettier-config-pwa": "6.2.0-canary.82",
-    "@graphcommerce/typescript-config-pwa": "6.2.0-canary.82",
+    "@types/prompts": "^2.4.4",
+    "@graphcommerce/eslint-config-pwa": "6.2.0-canary.83",
+    "@graphcommerce/prettier-config-pwa": "6.2.0-canary.83",
+    "@graphcommerce/typescript-config-pwa": "6.2.0-canary.83",
     "typescript": "5.1.3"
   },
   "sideEffects": false,

package/src/client.ts

@@ -0,0 +1,25 @@
+import { GraphCommerceConfig } from '@graphcommerce/next-config'
+import { Client } from '@hygraph/management-sdk'
+import { graphcommerceLog } from './log-functions'
+
+export const initClient = (config: GraphCommerceConfig, name: string | undefined) => {
+  if (!config.hygraphWriteAccessEndpoint) {
+    graphcommerceLog(
+      'Please provide hygraphWriteAccessEndpoint in your config or GC_HYGRAPH_WRITE_ACCESS_ENDPOINT in your env file',
+      'error',
+    )
+
+    return 0
+  }
+  if (!config.hygraphWriteAccessToken) {
+    graphcommerceLog('Please provide GC_HYGRAPH_WRITE_ACCESS_TOKEN in your env file')
+
+    return 0
+  }
+
+  return new Client({
+    authToken: config.hygraphWriteAccessToken,
+    endpoint: config.hygraphWriteAccessEndpoint,
+    name,
+  })
+}

package/src/log-functions.ts

@@ -0,0 +1,12 @@
+export const capitalize = (word: string) =>
+  word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
+
+export const graphcommerceLog = (message: string, type?: 'info' | 'warning' | 'error') => {
+  const color = {
+    error: '\x1b[31m\x1b[1m%s\x1b[0m',
+    warning: '\x1b[33m\x1b[1m%s\x1b[0m',
+    info: '\x1b[36m\x1b[1m%s\x1b[0m',
+  }
+  // eslint-disable-next-line no-console
+  console.log(type ? color[type] : '', `[GraphCommerce]: ${message}`)
+}

package/src/migrateHygraph.ts

@@ -1,73 +1,86 @@
-/* eslint-disable no-console */
-/* eslint-disable import/no-extraneous-dependencies */
-import readline from 'readline'
+import fs from 'fs'
+import { loadConfig } from '@graphcommerce/next-config'
 import { MigrationInfo } from '@hygraph/management-sdk/dist/ManagementAPIClient'
-import { dynamicRow } from './migrations/dynamicRow'
+import dotenv from 'dotenv'
+import prompts, { PromptObject } from 'prompts'
+import { graphcommerceLog } from './log-functions'
+import * as migrations from './migrations'
+import { readSchema } from './readSchema'
+import { Schema } from './types'
 
-export async function migrateHygraph() {
-  let forceRun = false
-
-  // Interface to determine if force run should be enabled
-  readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-  })
+dotenv.config()
 
-  const affirmativeAnswers = ['y', 'yes', 'Y', 'YES']
+export async function migrateHygraph() {
+  const config = loadConfig(process.cwd())
 
-  const handleKeypress = (key: string) => {
-    if (affirmativeAnswers.includes(key.toLowerCase())) {
-      console.log('\nForce run enabled')
-      forceRun = true
-    } else {
-      console.log('\nForce run disabled')
-      forceRun = false
-    }
+  /**
+   * Extracting the current GC version. Are we gonna use the current version to determine which
+   * scripts should be runned? Or do we let the user pick the migration from a list? 🤔
+   */
+  const packageJson = fs.readFileSync('package.json', 'utf8')
+  const packageData = JSON.parse(packageJson)
+  const graphcommerceVersion = packageData.dependencies['@graphcommerce/next-ui']
 
-    process.stdin.pause()
-  }
+  graphcommerceLog(`Graphcommerce version: ${graphcommerceVersion}`, 'info')
 
-  // Listen for keypress events
-  process.stdin.on('keypress', handleKeypress)
-  process.stdin.setRawMode(true)
-  process.stdin.resume()
+  // Extract the currently existing models, components and enumerations from the Hygraph schema.
+  const schemaViewer = await readSchema(config)
+  const schema: Schema = schemaViewer.viewer.project.environment.contentModel
 
-  console.log('Enable force run? (y/n)')
+  // A list of possible migrations
+  const possibleMigrations: [string, (schema: Schema) => Promise<0 | MigrationInfo>][] =
+    Object.entries(migrations)
 
-  // Wait for input
-  await new Promise<void>((resolve) => {
-    process.stdin.once('data', () => {
-      // Stop listening for input
-      process.stdin.removeListener('keypress', handleKeypress)
-      process.stdin.setRawMode(false)
+  // Here we setup the list we ask the user to choose from
+  const selectMigrationInput: PromptObject<string> | PromptObject<string>[] = {
+    type: 'select',
+    name: 'selectedMigration',
+    message: '\x1b[36m\x1b[1m[GraphCommerce]: Select migration',
+    choices: [],
+  }
 
-      resolve()
-    })
-  })
+  for (const [name, migration] of possibleMigrations) {
+    if (Array.isArray(selectMigrationInput.choices)) {
+      selectMigrationInput?.choices?.push({ title: name, value: { name, migration } })
+    }
+  }
 
-  // TODO: Choose migration
-  // TODO: GC-Version based migration
-  const possibleMigrations: [string, (name: string | undefined) => Promise<MigrationInfo>][] = [
-    ['add_dynamic_rows', dynamicRow],
-  ]
+  // Here we ask the user to choose a migration from a list of possible migrations
+  try {
+    graphcommerceLog('Available migrations: ', 'info')
+    const selectMigrationOutput = await prompts(selectMigrationInput)
+    const { migration, name } = selectMigrationOutput.selectedMigration
+    graphcommerceLog(
+      `You have selected the ${selectMigrationOutput.selectedMigration.name} migration`,
+      'info',
+    )
 
-  for (const [name, migration] of possibleMigrations) {
     try {
+      // Here we try to run the migration
       // eslint-disable-next-line no-await-in-loop
-      const result = await migration(forceRun ? undefined : name)
-      console.log(result)
+      const result = await migration(schema)
 
+      graphcommerceLog(`Migration result: ${JSON.stringify(result)}`, 'info')
+      if (!result) {
+        throw new Error(
+          '[GraphCommerce]: No migration client found. Please make sure your GC_HYGRAPH_WRITE_ACCESS_ENDPOINT and GC_HYGRAPH_WRITE_ACCESS_TOKEN in your env file are correct.',
+        )
+      }
       if (result.status !== 'SUCCESS') {
-        throw new Error(`Migration not successful: ${result.status} ${name}:\n${result.errors}`)
+        throw new Error(
+          `[GraphCommerce]: Migration not successful: ${result.status} ${name}:\n${result.errors}`,
+        )
       }
 
-      console.log(`Migration successful: ${name}`)
+      graphcommerceLog(`Migration successful: ${name}`, 'info')
     } catch (err) {
       if (err instanceof Error) {
         const garbledErrorIndex = err.message.indexOf(': {"')
         const msg = garbledErrorIndex > 0 ? err.message.slice(0, garbledErrorIndex) : err.message
-        console.error(msg)
+        graphcommerceLog(`${msg}`, 'error')
       }
     }
+  } catch (error) {
+    graphcommerceLog(`[GraphCommerce]: An error occurred: ${error}`, 'error')
   }
 }

package/src/migrationAction.ts

@@ -0,0 +1,217 @@
+import { loadConfig } from '@graphcommerce/next-config'
+import {
+  BatchMigrationCreateModelInput,
+  BatchMigrationCreateComponentInput,
+  BatchMigrationCreateEnumerationInput,
+  BatchMigrationCreateSimpleFieldInput,
+  BatchMigrationCreateEnumerableFieldInput,
+  BatchMigrationCreateRelationalFieldInput,
+  BatchMigrationCreateUnionFieldInput,
+  BatchMigrationCreateComponentFieldInput,
+  BatchMigrationDeleteComponentInput,
+  BatchMigrationDeleteEnumerationInput,
+  BatchMigrationDeleteModelInput,
+  BatchMigrationUpdateComponentFieldInput,
+  BatchMigrationUpdateComponentInput,
+  BatchMigrationUpdateEnumerableFieldInput,
+  BatchMigrationUpdateEnumerationInput,
+  BatchMigrationUpdateModelInput,
+  BatchMigrationUpdateRelationalFieldInput,
+  BatchMigrationUpdateSimpleFieldInput,
+  BatchMigrationUpdateUnionFieldInput,
+  BatchMigrationDeleteFieldInput,
+  BatchMigrationCreateComponentUnionFieldInput,
+  BatchMigrationUpdateComponentUnionFieldInput,
+} from '@hygraph/management-sdk'
+import dotenv from 'dotenv'
+import { initClient } from './client'
+import { graphcommerceLog, capitalize } from './log-functions'
+import { Schema } from './types'
+
+dotenv.config()
+const config = loadConfig(process.cwd())
+
+export const client = initClient(config, undefined)
+
+type AllActions =
+  | BatchMigrationCreateModelInput
+  | BatchMigrationUpdateModelInput
+  | BatchMigrationDeleteModelInput
+  | BatchMigrationCreateComponentInput
+  | BatchMigrationUpdateComponentInput
+  | BatchMigrationDeleteComponentInput
+  | BatchMigrationCreateEnumerationInput
+  | BatchMigrationUpdateEnumerationInput
+  | BatchMigrationDeleteEnumerationInput
+  | BatchMigrationCreateSimpleFieldInput // type: SimpleFieldType
+  | BatchMigrationUpdateSimpleFieldInput
+  | BatchMigrationCreateEnumerableFieldInput
+  | BatchMigrationUpdateEnumerableFieldInput
+  | BatchMigrationCreateRelationalFieldInput // type: RelationalFieldType
+  | BatchMigrationUpdateRelationalFieldInput
+  | BatchMigrationCreateUnionFieldInput
+  | BatchMigrationUpdateUnionFieldInput
+  | BatchMigrationCreateComponentFieldInput
+  | BatchMigrationUpdateComponentFieldInput
+  | BatchMigrationDeleteFieldInput
+  | BatchMigrationCreateComponentUnionFieldInput
+  | BatchMigrationUpdateComponentUnionFieldInput
+
+/**
+ * This constant is used to assign the right action of the management SDK to the migratioAction
+ * function
+ */
+const actionMap = client
+  ? {
+      create: {
+        model: (innerprops: BatchMigrationCreateModelInput) => client.createModel(innerprops),
+        component: (innerprops: BatchMigrationCreateComponentInput) =>
+          client.createComponent(innerprops),
+        enumeration: (innerprops: BatchMigrationCreateEnumerationInput) =>
+          client.createEnumeration(innerprops),
+        simpleField: (innerprops: BatchMigrationCreateSimpleFieldInput) =>
+          client.createSimpleField(innerprops),
+        enumerableField: (innerprops: BatchMigrationCreateEnumerableFieldInput) =>
+          client.createEnumerableField(innerprops),
+        componentField: (innerprops: BatchMigrationCreateComponentFieldInput) =>
+          client.createComponentField(innerprops),
+        relationalField: (innerprops: BatchMigrationCreateRelationalFieldInput) =>
+          client.createRelationalField(innerprops),
+        unionField: (innerprops: BatchMigrationCreateUnionFieldInput) =>
+          client.createUnionField(innerprops),
+        componentUnionField: (innerprops: BatchMigrationCreateComponentUnionFieldInput) =>
+          client.createComponentUnionField(innerprops),
+      },
+      update: {
+        model: (innerprops: BatchMigrationUpdateModelInput) => client.updateModel(innerprops),
+        component: (innerprops: BatchMigrationUpdateComponentInput) =>
+          client.updateComponent(innerprops),
+        enumeration: (innerprops: BatchMigrationUpdateEnumerationInput) =>
+          client.updateEnumeration(innerprops),
+        simpleField: (innerprops: BatchMigrationUpdateSimpleFieldInput) =>
+          client.updateSimpleField(innerprops),
+        enumerableField: (innerprops: BatchMigrationUpdateEnumerableFieldInput) =>
+          client.updateEnumerableField(innerprops),
+        componentField: (innerprops: BatchMigrationUpdateComponentFieldInput) =>
+          client.updateComponentField(innerprops),
+        relationalField: (innerprops: BatchMigrationUpdateRelationalFieldInput) =>
+          client.updateRelationalField(innerprops),
+        unionField: (innerprops: BatchMigrationUpdateUnionFieldInput) =>
+          client.updateUnionField(innerprops),
+        componentUnionField: (innerprops: BatchMigrationUpdateComponentUnionFieldInput) =>
+          client.updateComponentUnionField(innerprops),
+      },
+      delete: {
+        model: (innerprops: BatchMigrationDeleteModelInput) => client.deleteModel(innerprops),
+        component: (innerprops: BatchMigrationDeleteComponentInput) =>
+          client.deleteComponent(innerprops),
+        enumeration: (innerprops: BatchMigrationDeleteEnumerationInput) =>
+          client.deleteEnumeration(innerprops),
+        simpleField: (innerprops: BatchMigrationDeleteFieldInput) => client.deleteField(innerprops),
+        enumerableField: (innerprops: BatchMigrationDeleteFieldInput) =>
+          client.deleteField(innerprops),
+        componentField: (innerprops: BatchMigrationDeleteFieldInput) =>
+          client.deleteField(innerprops),
+        relationalField: (innerprops: BatchMigrationDeleteFieldInput) =>
+          client.deleteField(innerprops),
+        unionField: (innerprops: BatchMigrationDeleteFieldInput) => client.deleteField(innerprops),
+        componentUnionField: (innerprops: BatchMigrationDeleteFieldInput) =>
+          client.deleteField(innerprops),
+      },
+    }
+  : undefined
+
+/**
+ * This function is our variation on the client.migrationAction functions from the hygraph
+ * management sdk.
+ *
+ * MigrationAction() is better suited because it is a single function for all actions. More
+ * importantly, if the action fails, because a field with the apiID already exists for instance. it
+ * will skip this action but still continue the whole migration, while the management sdk function
+ * will bail.
+ *
+ * It takes the schema as argument, which is always the same.
+ *
+ * Then it takes the type of schema entity you want to do an action upon, and the action you want to
+ * do.
+ *
+ * The fourth arguments are the props that belong to the action you want to do. For instance, if you
+ * want to create a model, you need to pass the props that belong to a model.
+ *
+ * The last two arguments are optional. If you want to create a field, you need to pass the apiId of
+ * the model or component you want to create the field on. If you want to create a field on a
+ * component, you also need to pass the parentType, which is either 'model' or 'component'.
+ */
+export const migrationAction = (
+  schema: Schema,
+  type:
+    | 'model'
+    | 'component'
+    | 'enumeration'
+    | 'simpleField'
+    | 'componentField'
+    | 'enumerableField'
+    | 'relationalField'
+    | 'unionField'
+    | 'componentUnionField',
+  action: 'create' | 'update' | 'delete',
+  props: AllActions,
+  parentApiId?: string,
+  parentType?: 'model' | 'component' | 'enumeration',
+) => {
+  // Check if the entity already exists
+  const alreadyExists = () => {
+    switch (type) {
+      case 'model':
+        return schema.models.some((model) => model.apiId === props.apiId)
+
+      case 'component':
+        return schema.components.some((component) => component.apiId === props.apiId)
+
+      case 'enumeration':
+        return schema.enumerations.some((enumeration) => enumeration.apiId === props.apiId)
+
+      case 'simpleField':
+      case 'enumerableField':
+      case 'relationalField':
+      case 'unionField':
+      case 'componentUnionField': {
+        let parent
+        switch (parentType) {
+          case 'model': {
+            parent = schema.models.find((model) => model.apiId === parentApiId)
+            break
+          }
+          case 'component': {
+            parent = schema.components.find((component) => component.apiId === parentApiId)
+            break
+          }
+          default:
+            return false // or undefined or any other value you want if no match
+        }
+        return parent?.fields.some((field) => field.apiId === props.apiId)
+      }
+      default: {
+        return false // or undefined or any other value you want if no match
+      }
+    }
+  }
+
+  const actionFunc = actionMap && actionMap[action] && actionMap[action][type]
+
+  if (!alreadyExists()) {
+    if (actionFunc) {
+      graphcommerceLog(`${capitalize(action)} ${type} with apiId ${props.apiId}...`)
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore | This error is a loss on typescript autocomplete, but the function is called correctly
+      actionFunc(props)
+    } else {
+      graphcommerceLog(`Action ${action} is not supported for ${type}`, 'error')
+    }
+  } else {
+    graphcommerceLog(
+      `${capitalize(type)} with apiId ${props.apiId} on ${parentApiId} already exists`,
+      'warning',
+    )
+  }
+}

package/src/migrations/graphcommerce5to6.ts

@@ -0,0 +1,149 @@
+import { RelationalFieldType, SimpleFieldType, VisibilityTypes } from '@hygraph/management-sdk'
+import { migrationAction, client } from '../migrationAction'
+import { Schema } from '../types'
+
+export const graphcommerce5to6 = async (schema: Schema) => {
+  if (!client) {
+    return 0
+  }
+
+  // ? ENUMERATIONS
+  migrationAction(schema, 'enumeration', 'create', {
+    displayName: 'Row Links Variants',
+    apiId: 'RowLinksVariants',
+    values: [
+      { displayName: 'Inline', apiId: 'Inline' },
+      { displayName: 'Image Label Swiper', apiId: 'ImageLabelSwiper' },
+      { displayName: 'Logo Swiper', apiId: 'LogoSwiper' },
+      { displayName: 'USPS', apiId: 'Usps' },
+    ],
+  })
+
+  // ? MODEL
+  migrationAction(schema, 'model', 'create', {
+    apiId: 'RowLinks',
+    apiIdPlural: 'RowLinksMultiple',
+    displayName: 'Row Links',
+    description: 'Row Links is a Row of PageLinks with different variants',
+  })
+
+  migrationAction(
+    schema,
+    'simpleField',
+    'create',
+    {
+      displayName: 'Identity',
+      apiId: 'identity',
+      description: 'Only used for internal reference',
+      type: SimpleFieldType.String,
+      isTitle: true,
+      isRequired: true,
+      isUnique: true,
+      modelApiId: 'RowLinks',
+    },
+    'RowLinks',
+    'model',
+  )
+
+  migrationAction(
+    schema,
+    'enumerableField',
+    'create',
+    {
+      displayName: 'Variant',
+      apiId: 'linksVariant',
+      parentApiId: 'RowLinks',
+      enumerationApiId: 'RowLinksVariants',
+      description: 'Different variants for Row Links',
+    },
+    'RowLinks',
+    'model',
+  )
+
+  migrationAction(
+    schema,
+    'simpleField',
+    'create',
+    {
+      displayName: 'Title',
+      apiId: 'title',
+      type: SimpleFieldType.String,
+      isRequired: true,
+      modelApiId: 'RowLinks',
+      isLocalized: true,
+    },
+    'RowLinks',
+    'model',
+  )
+
+  migrationAction(
+    schema,
+    'simpleField',
+    'create',
+    {
+      displayName: 'Copy',
+      apiId: 'rowLinksCopy',
+      type: SimpleFieldType.Richtext,
+      isLocalized: true,
+      modelApiId: 'RowLinks',
+    },
+    'RowLinks',
+    'model',
+  )
+
+  migrationAction(
+    schema,
+    'relationalField',
+    'create',
+    {
+      displayName: 'Links',
+      apiId: 'pageLinks',
+      modelApiId: 'RowLinks',
+      type: RelationalFieldType.Relation,
+      reverseField: {
+        apiId: 'rowLinks',
+        modelApiId: 'PageLink',
+        displayName: 'RowLinks',
+        visibility: VisibilityTypes.Hidden,
+        isList: true,
+      },
+      visibility: VisibilityTypes.ReadWrite,
+      isList: true,
+    },
+    'RowLinks',
+    'model',
+  )
+
+  migrationAction(
+    schema,
+    'unionField',
+    'update',
+    {
+      apiId: 'content',
+      displayName: 'Content',
+      modelApiId: 'Page',
+      reverseField: {
+        modelApiIds: [
+          'RowLinks',
+          'RowServiceOptions',
+          'RowSpecialBanner',
+          'RowQuote',
+          'RowProduct',
+          'RowColumnOne',
+          'RowColumnTwo',
+          'RowColumnThree',
+          'RowHeroBanner',
+          'RowBlogContent',
+          'RowButtonList',
+          'RowContentLinks',
+          'RowButtonLinkList',
+        ],
+        // visibility: VisibilityTypes.Hidden, => Currently not supported for updateUnionField | https://github.com/hygraph/management-sdk/issues/34
+      },
+    },
+    'Page',
+    'model',
+  )
+
+  return client.run(true)
+}