@sanity/cli 6.0.0-alpha.5 → 6.0.0-alpha.7

package/templates/shopify/schemaTypes/objects/hotspot/productHotspotsType.tsx

@@ -0,0 +1,17 @@
+import {defineArrayMember, defineField} from 'sanity'
+
+import ProductTooltip from '../../../components/hotspots/ProductTooltip'
+
+export const productHotspotsType = defineField({
+  name: 'productHotspots',
+  title: 'Hotspots',
+  type: 'array',
+  of: [defineArrayMember({type: 'spot'})],
+  options: {
+    imageHotspot: {
+      imagePath: 'image',
+      tooltip: ProductTooltip,
+      pathRoot: 'parent',
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/hotspot/spotType.tsx

@@ -0,0 +1,60 @@
+import {defineField} from 'sanity'
+
+import ShopifyDocumentStatus from '../../../components/media/ShopifyDocumentStatus'
+
+export const spotType = defineField({
+  name: 'spot',
+  title: 'Spot',
+  type: 'object',
+  fieldsets: [{name: 'position', options: {columns: 2}}],
+  fields: [
+    defineField({
+      name: 'productWithVariant',
+      type: 'productWithVariant',
+    }),
+    defineField({
+      name: 'x',
+      type: 'number',
+      readOnly: true,
+      fieldset: 'position',
+      initialValue: 50,
+      validation: (Rule) => Rule.required().min(0).max(100),
+    }),
+    defineField({
+      name: 'y',
+      type: 'number',
+      readOnly: true,
+      fieldset: 'position',
+      initialValue: 50,
+      validation: (Rule) => Rule.required().min(0).max(100),
+    }),
+  ],
+  preview: {
+    select: {
+      isDeleted: 'productWithVariant.product.store.isDeleted',
+      previewImageUrl: 'productWithVariant.product.store.previewImageUrl',
+      productTitle: 'productWithVariant.product.store.title',
+      status: 'productWithVariant.product.store.status',
+      variantPreviewImageUrl: 'productWithVariant.variant.store.previewImageUrl',
+      x: 'x',
+      y: 'y',
+    },
+    prepare(selection) {
+      const {isDeleted, previewImageUrl, productTitle, status, variantPreviewImageUrl, x, y} =
+        selection
+      return {
+        media: (
+          <ShopifyDocumentStatus
+            isActive={status === 'active'}
+            isDeleted={isDeleted}
+            type="product"
+            url={variantPreviewImageUrl || previewImageUrl}
+            title={productTitle}
+          />
+        ),
+        title: productTitle,
+        subtitle: x && y ? `[${x}%, ${y}%]` : `No position set`,
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/link/linkEmailType.tsx

@@ -0,0 +1,34 @@
+import {EnvelopeIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+export const linkEmailType = defineField({
+  title: 'Email link',
+  name: 'linkEmail',
+  type: 'object',
+  icon: EnvelopeIcon,
+  components: {
+    annotation: (props) => (
+      <span>
+        <EnvelopeIcon
+          style={{
+            marginLeft: '0.05em',
+            marginRight: '0.1em',
+            width: '0.75em',
+          }}
+        />
+        {props.renderDefault(props)}
+      </span>
+    ),
+  },
+  fields: [
+    defineField({
+      name: 'email',
+      type: 'email',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'email',
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/link/linkExternalType.tsx

@@ -0,0 +1,37 @@
+import {EarthGlobeIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+export const linkExternalType = defineField({
+  title: 'External Link',
+  name: 'linkExternal',
+  type: 'object',
+  icon: EarthGlobeIcon,
+  components: {
+    annotation: (props) => (
+      <span>
+        <EarthGlobeIcon
+          style={{
+            marginLeft: '0.05em',
+            marginRight: '0.1em',
+            width: '0.75em',
+          }}
+        />
+        {props.renderDefault(props)}
+      </span>
+    ),
+  },
+  fields: [
+    defineField({
+      name: 'url',
+      title: 'URL',
+      type: 'url',
+      validation: (Rule) => Rule.required().uri({scheme: ['http', 'https']}),
+    }),
+    defineField({
+      title: 'Open in a new window?',
+      name: 'newWindow',
+      type: 'boolean',
+      initialValue: true,
+    }),
+  ],
+})

package/templates/shopify/schemaTypes/objects/link/linkInternalType.tsx

@@ -0,0 +1,33 @@
+import {LinkIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+import {PAGE_REFERENCES} from '../../../constants'
+
+export const linkInternalType = defineField({
+  title: 'Internal Link',
+  name: 'linkInternal',
+  type: 'object',
+  icon: LinkIcon,
+  components: {
+    annotation: (props) => (
+      <span>
+        <LinkIcon
+          style={{
+            marginLeft: '0.05em',
+            marginRight: '0.1em',
+            width: '0.75em',
+          }}
+        />
+        {props.renderDefault(props)}
+      </span>
+    ),
+  },
+  fields: [
+    defineField({
+      name: 'reference',
+      type: 'reference',
+      weak: true,
+      validation: (Rule) => Rule.required(),
+      to: PAGE_REFERENCES,
+    }),
+  ],
+})

package/templates/shopify/schemaTypes/objects/link/linkProductType.tsx

@@ -0,0 +1,60 @@
+import {TagIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+export const linkProductType = defineField({
+  title: 'Product',
+  name: 'linkProduct',
+  type: 'object',
+  icon: TagIcon,
+  components: {
+    annotation: (props) => (
+      <span>
+        <TagIcon
+          style={{
+            marginLeft: '0.05em',
+            marginRight: '0.1em',
+            width: '0.75em',
+          }}
+        />
+        {props.renderDefault(props)}
+      </span>
+    ),
+  },
+  fields: [
+    defineField({
+      name: 'productWithVariant',
+      type: 'productWithVariant',
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'linkAction',
+      type: 'string',
+      initialValue: 'link',
+      options: {
+        layout: 'radio',
+        list: [
+          {
+            title: 'Navigate to product',
+            value: 'link',
+          },
+          {
+            title: 'Add to cart',
+            value: 'addToCart',
+          },
+          {
+            title: 'Buy now',
+            value: 'buyNow',
+          },
+        ],
+      },
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'quantity',
+      type: 'number',
+      initialValue: 1,
+      hidden: ({parent}) => parent.linkAction === 'link',
+      validation: (Rule) => Rule.required().min(1).max(10),
+    }),
+  ],
+})

package/templates/shopify/schemaTypes/objects/module/accordionGroupType.ts

@@ -0,0 +1,33 @@
+import {defineField} from 'sanity'
+import blocksToText from '../../../utils/blocksToText'
+
+export const accordionGroupType = defineField({
+  name: 'accordionGroup',
+  title: 'Accordion Group',
+  type: 'object',
+  icon: false,
+  fields: [
+    defineField({
+      name: 'title',
+      type: 'string',
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'body',
+      type: 'portableTextSimple',
+      validation: (Rule) => Rule.required(),
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      body: 'body',
+    },
+    prepare({title, body}) {
+      return {
+        title,
+        subtitle: body && blocksToText(body),
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/accordionType.ts

@@ -0,0 +1,28 @@
+import {StackCompactIcon} from '@sanity/icons'
+import pluralize from 'pluralize-esm'
+import {defineField} from 'sanity'
+
+export const accordionType = defineField({
+  name: 'accordion',
+  title: 'Accordion',
+  type: 'object',
+  icon: StackCompactIcon,
+  fields: [
+    defineField({
+      name: 'groups',
+      type: 'array',
+      of: [{type: 'accordionGroup'}],
+    }),
+  ],
+  preview: {
+    select: {
+      groups: 'groups',
+    },
+    prepare({groups}) {
+      return {
+        subtitle: 'Accordion',
+        title: groups?.length > 0 ? pluralize('group', groups.length, true) : 'No groups',
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/callToActionType.tsx

@@ -0,0 +1,85 @@
+import {BlockElementIcon, ImageIcon} from '@sanity/icons'
+import {defineArrayMember, defineField} from 'sanity'
+
+export const callToActionType = defineField({
+  name: 'callToAction',
+  title: 'Call to action',
+  type: 'object',
+  icon: BlockElementIcon,
+  fieldsets: [
+    {
+      name: 'copy',
+      title: 'Copy',
+    },
+  ],
+  fields: [
+    defineField({
+      name: 'layout',
+      type: 'string',
+      initialValue: 'left',
+      options: {
+        direction: 'horizontal',
+        layout: 'radio',
+        list: [
+          {
+            title: 'Content / Copy',
+            value: 'left',
+          },
+          {
+            title: 'Copy / Content',
+            value: 'right',
+          },
+        ],
+      },
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'title',
+      type: 'string',
+      validation: (Rule) => Rule.required(),
+      fieldset: 'copy',
+    }),
+    defineField({
+      name: 'portableText',
+      type: 'text',
+      rows: 2,
+      fieldset: 'copy',
+    }),
+    defineField({
+      name: 'link',
+      type: 'array',
+      of: [{type: 'linkInternal'}, {type: 'linkExternal'}],
+      validation: (Rule) => Rule.max(1),
+      fieldset: 'copy',
+    }),
+    defineField({
+      name: 'content',
+      type: 'array',
+      validation: (Rule) => Rule.required().max(1),
+      of: [
+        defineArrayMember({
+          icon: ImageIcon,
+          type: 'image',
+          options: {hotspot: true},
+        }),
+        defineArrayMember({
+          name: 'productWithVariant',
+          type: 'productWithVariant',
+          validation: (Rule) => Rule.required(),
+        }),
+      ],
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+    },
+    prepare({title}) {
+      return {
+        subtitle: 'Call to action',
+        title,
+        media: BlockElementIcon,
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/calloutType.ts

@@ -0,0 +1,38 @@
+import {BulbOutlineIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+export const calloutType = defineField({
+  name: 'callout',
+  title: 'Callout',
+  type: 'object',
+  icon: BulbOutlineIcon,
+  fields: [
+    defineField({
+      name: 'text',
+      type: 'text',
+      rows: 2,
+      validation: (Rule) => [
+        Rule.required(),
+        Rule.max(70).warning(`Callout length shouldn't be more than 70 characters.`),
+      ],
+    }),
+    defineField({
+      name: 'link',
+      type: 'array',
+      of: [{type: 'linkInternal'}, {type: 'linkExternal'}],
+      validation: (Rule) => Rule.max(1),
+    }),
+  ],
+  preview: {
+    select: {
+      text: 'text',
+    },
+    prepare({text}) {
+      return {
+        subtitle: 'Callout',
+        title: text,
+        media: BulbOutlineIcon,
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/collectionReferenceType.tsx

@@ -0,0 +1,47 @@
+import {PackageIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+import ShopifyDocumentStatus from '../../../components/media/ShopifyDocumentStatus'
+
+export const collectionReferenceType = defineField({
+  name: 'collectionReference',
+  title: 'Collection',
+  type: 'object',
+  icon: PackageIcon,
+  fields: [
+    defineField({
+      name: 'collection',
+      type: 'reference',
+      weak: true,
+      to: [{type: 'collection'}],
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'showBackground',
+      type: 'boolean',
+      description: 'Use Shopify collection image as background (if available)',
+      initialValue: false,
+    }),
+  ],
+  preview: {
+    select: {
+      collectionTitle: 'collection.store.title',
+      imageUrl: 'collection.store.imageUrl',
+      isDeleted: 'collection.store.isDeleted',
+    },
+    prepare({collectionTitle, imageUrl, isDeleted}) {
+      return {
+        media: (
+          <ShopifyDocumentStatus
+            isDeleted={isDeleted}
+            type="collection"
+            url={imageUrl}
+            title={collectionTitle}
+          />
+        ),
+        subtitle: 'Collection',
+        title: collectionTitle,
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/gridItemType.ts

@@ -0,0 +1,41 @@
+import {defineField} from 'sanity'
+
+import blocksToText from '../../../utils/blocksToText'
+
+export const gridItemType = defineField({
+  name: 'gridItem',
+  title: 'Grid Item',
+  type: 'object',
+  fields: [
+    defineField({
+      name: 'title',
+      type: 'string',
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'image',
+      type: 'image',
+      options: {hotspot: true},
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'body',
+      type: 'portableTextSimple',
+      validation: (Rule) => Rule.required(),
+    }),
+  ],
+  preview: {
+    select: {
+      body: 'body',
+      image: 'image',
+      title: 'title',
+    },
+    prepare({body, image, title}) {
+      return {
+        media: image,
+        subtitle: body && blocksToText(body),
+        title,
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/gridType.ts

@@ -0,0 +1,28 @@
+import {ThLargeIcon} from '@sanity/icons'
+import pluralize from 'pluralize-esm'
+import {defineArrayMember, defineField} from 'sanity'
+
+export const gridType = defineField({
+  name: 'grid',
+  title: 'Grid',
+  type: 'object',
+  icon: ThLargeIcon,
+  fields: [
+    defineField({
+      name: 'items',
+      type: 'array',
+      of: [defineArrayMember({type: 'gridItem'})],
+    }),
+  ],
+  preview: {
+    select: {
+      items: 'items',
+    },
+    prepare({items}) {
+      return {
+        subtitle: 'Grid',
+        title: items?.length > 0 ? pluralize('item', items.length, true) : 'No items',
+      }
+    },
+  },
+})

package/templates/shopify/schemaTypes/objects/module/heroType.tsx

@@ -0,0 +1,40 @@
+import {defineArrayMember, defineField} from 'sanity'
+
+export const heroType = defineField({
+  name: 'hero',
+  title: 'Hero',
+  type: 'object',
+  fields: [
+    defineField({
+      name: 'title',
+      type: 'text',
+      rows: 3,
+    }),
+    defineField({
+      name: 'description',
+      type: 'text',
+      rows: 3,
+    }),
+    defineField({
+      name: 'link',
+      type: 'array',
+      of: [{type: 'linkInternal'}, {type: 'linkExternal'}],
+      validation: (Rule) => Rule.max(1),
+    }),
+    defineField({
+      name: 'content',
+      type: 'array',
+      validation: (Rule) => Rule.max(1),
+      of: [
+        defineArrayMember({
+          name: 'productWithVariant',
+          type: 'productWithVariant',
+        }),
+        defineArrayMember({
+          name: 'imageWithProductHotspots',
+          type: 'imageWithProductHotspots',
+        }),
+      ],
+    }),
+  ],
+})

package/templates/shopify/schemaTypes/objects/module/imageCallToActionType.tsx

@@ -0,0 +1,19 @@
+import {defineField} from 'sanity'
+
+export const imageCallToActionType = defineField({
+  name: 'imageCallToAction',
+  title: 'Call to action',
+  type: 'object',
+  fields: [
+    defineField({
+      name: 'title',
+      type: 'string',
+    }),
+    defineField({
+      name: 'link',
+      type: 'array',
+      of: [{type: 'linkInternal'}, {type: 'linkExternal'}],
+      validation: (Rule) => Rule.max(1),
+    }),
+  ],
+})

package/templates/shopify/schemaTypes/objects/module/imageFeatureType.ts

@@ -0,0 +1,80 @@
+import {ImageIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+const VARIANTS = [
+  {title: 'Simple', value: undefined},
+  {title: 'Caption', value: 'caption'},
+  {title: 'Call to action', value: 'callToAction'},
+  {title: 'Product hotspots', value: 'productHotspots'},
+  {title: 'Product tags', value: 'productTags'},
+]
+
+export const imageFeatureType = defineField({
+  name: 'imageFeature',
+  title: 'Image Feature',
+  type: 'object',
+  icon: ImageIcon,
+  fields: [
+    defineField({
+      name: 'image',
+      type: 'image',
+      options: {hotspot: true},
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'variant',
+      type: 'string',
+      options: {
+        direction: 'horizontal',
+        layout: 'radio',
+        list: VARIANTS,
+      },
+      initialValue: undefined,
+    }),
+    defineField({
+      name: 'caption',
+      type: 'text',
+      rows: 2,
+      hidden: ({parent}) => parent.variant !== 'caption',
+    }),
+    defineField({
+      name: 'callToAction',
+      type: 'imageCallToAction',
+      hidden: ({parent}) => parent.variant !== 'callToAction',
+    }),
+    defineField({
+      name: 'productHotspots',
+      title: 'Hotspots',
+      type: 'productHotspots',
+      hidden: ({parent}) => parent.variant !== 'productHotspots',
+    }),
+    defineField({
+      name: 'productTags',
+      title: 'Products',
+      type: 'array',
+      hidden: ({parent}) => parent.variant !== 'productTags',
+      of: [
+        defineField({
+          name: 'productWithVariant',
+          type: 'productWithVariant',
+        }),
+      ],
+    }),
+  ],
+  preview: {
+    select: {
+      fileName: 'image.asset.originalFilename',
+      image: 'image',
+      variant: 'variant',
+    },
+    prepare({fileName, image, variant}) {
+      const currentVariant = VARIANTS.find((v) => v.value === variant)
+
+      return {
+        media: image,
+        subtitle: 'Image' + (currentVariant ? ` [${currentVariant.title}]` : ''),
+        title: fileName,
+      }
+    },
+  },
+})