@sanity/cli 6.0.0-alpha.4 → 6.0.0-alpha.6

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,
+      }
+    },
+  },
+})

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

@@ -0,0 +1,51 @@
+import {ImageIcon} from '@sanity/icons'
+import pluralize from 'pluralize-esm'
+import {defineField} from 'sanity'
+
+export const imageFeaturesType = defineField({
+  name: 'images',
+  title: 'Images',
+  type: 'object',
+  icon: ImageIcon,
+  fields: [
+    defineField({
+      name: 'imageFeatures',
+      title: 'Images',
+      type: 'array',
+      of: [{type: 'imageFeature'}],
+      validation: (Rule) => Rule.required().max(2),
+    }),
+    defineField({
+      name: 'fullWidth',
+      type: 'boolean',
+      description: 'Display single image at full width (on larger breakpoints)',
+      initialValue: false,
+      hidden: ({parent}) => parent?.modules?.length > 1,
+    }),
+    defineField({
+      name: 'verticalAlign',
+      title: 'Vertical alignment',
+      type: 'string',
+      initialValue: 'top',
+      options: {
+        direction: 'horizontal',
+        layout: 'radio',
+        list: ['top', 'center', 'bottom'],
+      },
+      hidden: ({parent}) => !parent?.modules || parent?.modules?.length < 2,
+      validation: (Rule) => Rule.required(),
+    }),
+  ],
+  preview: {
+    select: {
+      images: 'imageFeatures',
+    },
+    prepare({images}) {
+      return {
+        subtitle: 'Images',
+        title: images?.length > 0 ? pluralize('image', images.length, true) : 'No images',
+        media: ImageIcon,
+      }
+    },
+  },
+})

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

@@ -0,0 +1,35 @@
+import {UserIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+export const instagramType = defineField({
+  name: 'instagram',
+  title: 'Instagram',
+  type: 'object',
+  icon: UserIcon,
+  fields: [
+    defineField({
+      name: 'url',
+      title: 'URL',
+      type: 'string',
+      validation: (Rule) =>
+        Rule.custom((url) => {
+          const pattern = /(https?:\/\/(?:www\.)?instagram\.com\/p\/([^/?#&]+)).*/g
+          const isValid = url?.match(pattern)
+          return isValid ? true : 'Not a valid Instagram post URL'
+        }),
+    }),
+  ],
+  preview: {
+    select: {
+      url: 'url',
+    },
+    prepare(selection) {
+      const {url} = selection
+      return {
+        subtitle: 'Instagram',
+        title: url,
+        media: UserIcon,
+      }
+    },
+  },
+})

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

@@ -0,0 +1,50 @@
+import {TagIcon} from '@sanity/icons'
+import pluralize from 'pluralize-esm'
+import {defineField} from 'sanity'
+
+export const productFeaturesType = defineField({
+  name: 'products',
+  title: 'Products',
+  type: 'object',
+  icon: TagIcon,
+  fields: [
+    defineField({
+      name: 'products',
+      type: 'array',
+      of: [{type: 'productReference'}],
+      validation: (Rule) => Rule.required().max(2),
+    }),
+    defineField({
+      name: 'layout',
+      type: 'string',
+      initialValue: 'card',
+      options: {
+        direction: 'horizontal',
+        layout: 'radio',
+        list: [
+          {
+            title: 'Cards (large)',
+            value: 'card',
+          },
+          {
+            title: 'Pills (small)',
+            value: 'pill',
+          },
+        ],
+      },
+      validation: (Rule) => Rule.required(),
+    }),
+  ],
+  preview: {
+    select: {
+      products: 'products',
+    },
+    prepare({products}) {
+      return {
+        subtitle: 'Products',
+        title: products.length > 0 ? pluralize('product', products.length, true) : 'No products',
+        media: TagIcon,
+      }
+    },
+  },
+})

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

@@ -0,0 +1,42 @@
+import {TagIcon} from '@sanity/icons'
+
+import {defineField} from 'sanity'
+
+import ShopifyDocumentStatus from '../../../components/media/ShopifyDocumentStatus'
+
+export const productReferenceType = defineField({
+  name: 'productReference',
+  title: 'Product',
+  type: 'object',
+  icon: TagIcon,
+  fields: [
+    defineField({
+      name: 'productWithVariant',
+      type: 'productWithVariant',
+      validation: (Rule) => Rule.required(),
+    }),
+  ],
+  preview: {
+    select: {
+      isDeleted: 'productWithVariant.product.store.isDeleted',
+      previewImageUrl: 'productWithVariant.product.store.previewImageUrl',
+      status: 'productWithVariant.product.store.status',
+      title: 'productWithVariant.product.store.title',
+    },
+    prepare({isDeleted, previewImageUrl, status, title}) {
+      return {
+        media: (
+          <ShopifyDocumentStatus
+            isActive={status === 'active'}
+            isDeleted={isDeleted}
+            type="product"
+            url={previewImageUrl}
+            title={title}
+          />
+        ),
+        subtitle: 'Product',
+        title,
+      }
+    },
+  },
+})