polen 0.10.0-next.14 → 0.10.0-next.16

package/src/template/components/Changelog/groups/DirectiveArgumentOperation.tsx

@@ -0,0 +1,25 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const DirectiveArgumentOperation: React.FC<{ change: GraphqlChange.Group.DirectiveArgumentOperation }> = (
+  { change },
+) => {
+  switch (change.type) {
+    case `DIRECTIVE_ARGUMENT_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added argument <Code>{change.meta.addedDirectiveArgumentName}</Code> to directive{' '}
+          <Code>@{change.meta.directiveName}</Code>
+        </ChangeBase>
+      )
+    case `DIRECTIVE_ARGUMENT_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed argument <Code>{change.meta.removedDirectiveArgumentName}</Code> from directive{' '}
+          <Code>@{change.meta.directiveName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/DirectiveDescription.tsx

@@ -0,0 +1,12 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const DirectiveDescription: React.FC<{ change: GraphqlChange.Group.DirectiveDescription }> = ({ change }) => {
+  return (
+    <ChangeBase change={change}>
+      Changed description for directive <Code>@{change.meta.directiveName}</Code>
+    </ChangeBase>
+  )
+}

package/src/template/components/Changelog/groups/DirectiveLocationOperation.tsx

@@ -0,0 +1,25 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const DirectiveLocationOperation: React.FC<{ change: GraphqlChange.Group.DirectiveLocationOperation }> = (
+  { change },
+) => {
+  switch (change.type) {
+    case `DIRECTIVE_LOCATION_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Directive <Code>@{change.meta.directiveName}</Code> can now be used on{' '}
+          <Code>{change.meta.addedDirectiveLocation}</Code>
+        </ChangeBase>
+      )
+    case `DIRECTIVE_LOCATION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Directive <Code>@{change.meta.directiveName}</Code> can no longer be used on{' '}
+          <Code>{change.meta.removedDirectiveLocation}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/DirectiveOperation.tsx

@@ -0,0 +1,21 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const DirectiveOperation: React.FC<{ change: GraphqlChange.Group.DirectiveOperation }> = ({ change }) => {
+  switch (change.type) {
+    case `DIRECTIVE_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added directive <Code>@{change.meta.addedDirectiveName}</Code>
+        </ChangeBase>
+      )
+    case `DIRECTIVE_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed directive <Code>@{change.meta.removedDirectiveName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/DirectiveUsage.tsx

@@ -0,0 +1,137 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const DirectiveUsage: React.FC<{ change: GraphqlChange.Group.DirectiveUsage }> = ({ change }) => {
+  const isAdded = change.type.includes(`_ADDED`)
+  const action = isAdded ? `Added` : `Removed`
+  const preposition = isAdded ? `to` : `from`
+
+  // Helper to get the directive name based on whether it's added or removed
+  const getDirectiveName = () => {
+    if (`addedDirectiveName` in change.meta) {
+      return change.meta.addedDirectiveName
+    }
+    if (`removedDirectiveName` in change.meta) {
+      return change.meta.removedDirectiveName
+    }
+    return ``
+  }
+
+  const directiveName = getDirectiveName()
+
+  switch (change.type) {
+    case `DIRECTIVE_USAGE_UNION_MEMBER_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} union member{' '}
+          <Code>{change.meta.addedUnionMemberTypeName}</Code> on union <Code>{change.meta.unionName}</Code>
+        </ChangeBase>
+      )
+    case `DIRECTIVE_USAGE_UNION_MEMBER_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} union member{' '}
+          <Code>{change.meta.removedUnionMemberTypeName}</Code> on union <Code>{change.meta.unionName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_ENUM_ADDED`:
+    case `DIRECTIVE_USAGE_ENUM_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} enum <Code>{change.meta.enumName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_ENUM_VALUE_ADDED`:
+    case `DIRECTIVE_USAGE_ENUM_VALUE_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} enum value{' '}
+          <Code>{change.meta.enumValueName}</Code> on <Code>{change.meta.enumName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_INPUT_OBJECT_ADDED`:
+    case `DIRECTIVE_USAGE_INPUT_OBJECT_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} input object{' '}
+          <Code>{change.meta.inputObjectName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_FIELD_ADDED`:
+    case `DIRECTIVE_USAGE_FIELD_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} field <Code>{change.meta.fieldName}</Code> on
+          {' '}
+          <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_SCALAR_ADDED`:
+    case `DIRECTIVE_USAGE_SCALAR_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} scalar <Code>{change.meta.scalarName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_OBJECT_ADDED`:
+    case `DIRECTIVE_USAGE_OBJECT_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} object <Code>{change.meta.objectName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_INTERFACE_ADDED`:
+    case `DIRECTIVE_USAGE_INTERFACE_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} interface{' '}
+          <Code>{change.meta.interfaceName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_ARGUMENT_DEFINITION_ADDED`:
+    case `DIRECTIVE_USAGE_ARGUMENT_DEFINITION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} argument{' '}
+          <Code>{change.meta.argumentName}</Code> on <Code>{change.meta.fieldName}</Code> field on{' '}
+          <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_SCHEMA_ADDED`:
+    case `DIRECTIVE_USAGE_SCHEMA_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} schema
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_FIELD_DEFINITION_ADDED`:
+    case `DIRECTIVE_USAGE_FIELD_DEFINITION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} field definition{' '}
+          <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+
+    case `DIRECTIVE_USAGE_INPUT_FIELD_DEFINITION_ADDED`:
+    case `DIRECTIVE_USAGE_INPUT_FIELD_DEFINITION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          {action} directive <Code>@{directiveName}</Code> {preposition} input field{' '}
+          <Code>{change.meta.inputFieldName}</Code> on <Code>{change.meta.inputObjectName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/EnumValueDeprecationReason.tsx

@@ -0,0 +1,32 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const EnumValueDeprecationReason: React.FC<{ change: GraphqlChange.Group.EnumValueDeprecationReason }> = (
+  { change },
+) => {
+  switch (change.type) {
+    case `ENUM_VALUE_DEPRECATION_REASON_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Deprecated enum value <Code>{change.meta.enumValueName}</Code> on <Code>{change.meta.enumName}</Code>
+          {change.meta.addedValueDeprecationReason && <>: "{change.meta.addedValueDeprecationReason}"</>}
+        </ChangeBase>
+      )
+    case `ENUM_VALUE_DEPRECATION_REASON_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed deprecation from enum value <Code>{change.meta.enumValueName}</Code> on{' '}
+          <Code>{change.meta.enumName}</Code>
+        </ChangeBase>
+      )
+    case `ENUM_VALUE_DEPRECATION_REASON_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed deprecation reason for enum value <Code>{change.meta.enumValueName}</Code> on{' '}
+          <Code>{change.meta.enumName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/EnumValueDescription.tsx

@@ -0,0 +1,12 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const EnumValueDescription: React.FC<{ change: GraphqlChange.Group.EnumValueDescription }> = ({ change }) => {
+  return (
+    <ChangeBase change={change}>
+      Changed description for enum value <Code>{change.meta.enumValueName}</Code> on <Code>{change.meta.enumName}</Code>
+    </ChangeBase>
+  )
+}

package/src/template/components/Changelog/groups/EnumValueOperation.tsx

@@ -0,0 +1,21 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const EnumValueOperation: React.FC<{ change: GraphqlChange.Group.EnumValueOperation }> = ({ change }) => {
+  switch (change.type) {
+    case `ENUM_VALUE_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added value <Code>{change.meta.addedEnumValueName}</Code> to enum <Code>{change.meta.enumName}</Code>
+        </ChangeBase>
+      )
+    case `ENUM_VALUE_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed value <Code>{change.meta.removedEnumValueName}</Code> from enum <Code>{change.meta.enumName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/FieldArgument.tsx

@@ -0,0 +1,26 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldArgument: React.FC<{ change: GraphqlChange.Group.FieldArgument }> = ({ change }) => {
+  switch (change.type) {
+    case `FIELD_ARGUMENT_DEFAULT_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed default value for argument <Code>{change.meta.argumentName}</Code> on field{' '}
+          <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code> from{' '}
+          <Code>{change.meta.oldDefaultValue}</Code> to <Code>{change.meta.newDefaultValue}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_ARGUMENT_TYPE_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed argument <Code>{change.meta.argumentName}</Code> type from <Code>{change.meta.oldArgumentType}</Code>
+          {' '}
+          to <Code>{change.meta.newArgumentType}</Code> on field <Code>{change.meta.fieldName}</Code> on{' '}
+          <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/FieldArgumentDescription.tsx

@@ -0,0 +1,15 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldArgumentDescription: React.FC<{ change: GraphqlChange.Group.FieldArgumentDescription }> = (
+  { change },
+) => {
+  return (
+    <ChangeBase change={change}>
+      Changed description for argument <Code>{change.meta.argumentName}</Code> on field{' '}
+      <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+    </ChangeBase>
+  )
+}

package/src/template/components/Changelog/groups/FieldArgumentOperation.tsx

@@ -0,0 +1,26 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldArgumentOperation: React.FC<{ change: GraphqlChange.Group.FieldArgumentOperation }> = (
+  { change },
+) => {
+  switch (change.type) {
+    case `FIELD_ARGUMENT_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added argument <Code>{change.meta.addedArgumentName}</Code> to field <Code>{change.meta.fieldName}</Code> on
+          {' '}
+          <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_ARGUMENT_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed argument <Code>{change.meta.removedFieldArgumentName}</Code> from field{' '}
+          <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/FieldDeprecation.tsx

@@ -0,0 +1,21 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldDeprecation: React.FC<{ change: GraphqlChange.Group.FieldDeprecation }> = ({ change }) => {
+  switch (change.type) {
+    case `FIELD_DEPRECATION_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Deprecated field <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_DEPRECATION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed deprecation from field <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/FieldDeprecationReason.tsx

@@ -0,0 +1,33 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldDeprecationReason: React.FC<{ change: GraphqlChange.Group.FieldDeprecationReason }> = (
+  { change },
+) => {
+  switch (change.type) {
+    case `FIELD_DEPRECATION_REASON_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added deprecation reason to field <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+          {change.meta.addedDeprecationReason && <>: "{change.meta.addedDeprecationReason}"</>}
+        </ChangeBase>
+      )
+    case `FIELD_DEPRECATION_REASON_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed deprecation reason from field <Code>{change.meta.fieldName}</Code> on{' '}
+          <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_DEPRECATION_REASON_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed deprecation reason for field <Code>{change.meta.fieldName}</Code> on{' '}
+          <Code>{change.meta.typeName}</Code> from <Code>{change.meta.oldDeprecationReason}</Code> to{' '}
+          <Code>{change.meta.newDeprecationReason}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/FieldDescription.tsx

@@ -0,0 +1,27 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldDescription: React.FC<{ change: GraphqlChange.Group.FieldDescription }> = ({ change }) => {
+  switch (change.type) {
+    case `FIELD_DESCRIPTION_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added description to field <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_DESCRIPTION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed description from field <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_DESCRIPTION_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed description for field <Code>{change.meta.fieldName}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/FieldOperation.tsx

@@ -0,0 +1,28 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const FieldOperation: React.FC<{ change: GraphqlChange.Group.FieldOperation }> = ({ change }) => {
+  switch (change.type) {
+    case `FIELD_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added field <Code>{change.meta.addedFieldName}</Code> to <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed field <Code>{change.meta.removedFieldName}</Code> from <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `FIELD_TYPE_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed field <Code>{change.meta.fieldName}</Code> type from <Code>{change.meta.oldFieldType}</Code> to{' '}
+          <Code>{change.meta.newFieldType}</Code> on <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/InputFieldDefaultValue.tsx

@@ -0,0 +1,16 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const InputFieldDefaultValue: React.FC<{ change: GraphqlChange.Group.InputFieldDefaultValue }> = (
+  { change },
+) => {
+  return (
+    <ChangeBase change={change}>
+      Changed default value for input field <Code>{change.meta.inputFieldName}</Code> on{' '}
+      <Code>{change.meta.inputName}</Code> from <Code>{change.meta.oldDefaultValue}</Code> to{' '}
+      <Code>{change.meta.newDefaultValue}</Code>
+    </ChangeBase>
+  )
+}

package/src/template/components/Changelog/groups/InputFieldDescription.tsx

@@ -0,0 +1,30 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const InputFieldDescription: React.FC<{ change: GraphqlChange.Group.InputFieldDescription }> = ({ change }) => {
+  switch (change.type) {
+    case `INPUT_FIELD_DESCRIPTION_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added description to input field <Code>{change.meta.inputFieldName}</Code> on{' '}
+          <Code>{change.meta.inputName}</Code>
+        </ChangeBase>
+      )
+    case `INPUT_FIELD_DESCRIPTION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed description from input field <Code>{change.meta.inputFieldName}</Code> on{' '}
+          <Code>{change.meta.inputName}</Code>
+        </ChangeBase>
+      )
+    case `INPUT_FIELD_DESCRIPTION_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed description for input field <Code>{change.meta.inputFieldName}</Code> on{' '}
+          <Code>{change.meta.inputName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/InputFieldOperation.tsx

@@ -0,0 +1,29 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const InputFieldOperation: React.FC<{ change: GraphqlChange.Group.InputFieldOperation }> = ({ change }) => {
+  switch (change.type) {
+    case `INPUT_FIELD_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added input field <Code>{change.meta.addedInputFieldName}</Code> to <Code>{change.meta.inputName}</Code>
+        </ChangeBase>
+      )
+    case `INPUT_FIELD_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed input field <Code>{change.meta.removedFieldName}</Code> from <Code>{change.meta.inputName}</Code>
+        </ChangeBase>
+      )
+    case `INPUT_FIELD_TYPE_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed field <Code>{change.meta.inputFieldName}</Code> type from <Code>{change.meta.oldInputFieldType}</Code>
+          {' '}
+          to <Code>{change.meta.newInputFieldType}</Code> on input <Code>{change.meta.inputName}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/ObjectTypeInterfaceOperation.tsx

@@ -0,0 +1,25 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const ObjectTypeInterfaceOperation: React.FC<{ change: GraphqlChange.Group.ObjectTypeInterfaceOperation }> = (
+  { change },
+) => {
+  switch (change.type) {
+    case `OBJECT_TYPE_INTERFACE_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          <Code>{change.meta.objectTypeName}</Code> object implements <Code>{change.meta.addedInterfaceName}</Code>{' '}
+          interface
+        </ChangeBase>
+      )
+    case `OBJECT_TYPE_INTERFACE_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          <Code>{change.meta.objectTypeName}</Code> object no longer implements{' '}
+          <Code>{change.meta.removedInterfaceName}</Code> interface
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/SchemaRootType.tsx

@@ -0,0 +1,31 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const SchemaRootType: React.FC<{ change: GraphqlChange.Group.SchemaRootType }> = ({ change }) => {
+  switch (change.type) {
+    case `SCHEMA_QUERY_TYPE_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Schema query root type changed from <Code>{change.meta.oldQueryTypeName}</Code> to{' '}
+          <Code>{change.meta.newQueryTypeName}</Code>
+        </ChangeBase>
+      )
+    case `SCHEMA_MUTATION_TYPE_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Schema mutation root type changed from <Code>{change.meta.oldMutationTypeName || `null`}</Code> to{' '}
+          <Code>{change.meta.newMutationTypeName || `null`}</Code>
+        </ChangeBase>
+      )
+    case `SCHEMA_SUBSCRIPTION_TYPE_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Schema subscription root type changed from <Code>{change.meta.oldSubscriptionTypeName || `null`}</Code> to
+          {' '}
+          <Code>{change.meta.newSubscriptionTypeName || `null`}</Code>
+        </ChangeBase>
+      )
+  }
+}

package/src/template/components/Changelog/groups/TypeDescription.tsx

@@ -0,0 +1,27 @@
+import type { GraphqlChange } from '#lib/graphql-change/index'
+import { Code } from '@radix-ui/themes'
+import type React from 'react'
+import { ChangeBase } from '../ChangeBase.js'
+
+export const TypeDescription: React.FC<{ change: GraphqlChange.Group.TypeDescription }> = ({ change }) => {
+  switch (change.type) {
+    case `TYPE_DESCRIPTION_ADDED`:
+      return (
+        <ChangeBase change={change}>
+          Added description to type <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `TYPE_DESCRIPTION_REMOVED`:
+      return (
+        <ChangeBase change={change}>
+          Removed description from type <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+    case `TYPE_DESCRIPTION_CHANGED`:
+      return (
+        <ChangeBase change={change}>
+          Changed description for type <Code>{change.meta.typeName}</Code>
+        </ChangeBase>
+      )
+  }
+}