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

package/templates/shopify-online-storefront/schemaTypes/documents/productVariant.tsx

@@ -0,0 +1,82 @@
+import {CopyIcon} from '@sanity/icons'
+import {defineField, defineType} from 'sanity'
+import ShopifyIcon from '../../components/icons/Shopify'
+import ProductVariantHiddenInput from '../../components/inputs/ProductVariantHidden'
+import ShopifyDocumentStatus from '../../components/media/ShopifyDocumentStatus'
+
+const GROUPS = [
+  {
+    name: 'editorial',
+    title: 'Editorial',
+    default: true,
+  },
+  {
+    name: 'shopifySync',
+    title: 'Shopify sync',
+    icon: ShopifyIcon,
+  },
+]
+
+export default defineType({
+  name: 'productVariant',
+  title: 'Product variant',
+  type: 'document',
+  icon: CopyIcon,
+  groups: GROUPS,
+  fields: [
+    // Product variant hidden status
+    defineField({
+      name: 'hidden',
+      type: 'string',
+      components: {
+        field: ProductVariantHiddenInput,
+      },
+      hidden: ({parent}) => {
+        const isDeleted = parent?.store?.isDeleted
+
+        return !isDeleted
+      },
+    }),
+    // Title (proxy)
+    defineField({
+      title: 'Title',
+      name: 'titleProxy',
+      type: 'proxyString',
+      options: {field: 'store.title'},
+    }),
+    // Shopify product variant
+    defineField({
+      name: 'store',
+      title: 'Shopify',
+      description: 'Variant data from Shopify (read-only)',
+      type: 'shopifyProductVariant',
+      group: 'shopifySync',
+    }),
+  ],
+  preview: {
+    select: {
+      isDeleted: 'store.isDeleted',
+      previewImageUrl: 'store.previewImageUrl',
+      sku: 'store.sku',
+      status: 'store.status',
+      title: 'store.title',
+    },
+    prepare(selection) {
+      const {isDeleted, previewImageUrl, sku, status, title} = selection
+
+      return {
+        media: (
+          <ShopifyDocumentStatus
+            isActive={status === 'active'}
+            isDeleted={isDeleted}
+            type="productVariant"
+            url={previewImageUrl}
+            title={title}
+          />
+        ),
+        subtitle: sku,
+        title,
+      }
+    },
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/index.ts

@@ -0,0 +1,43 @@
+// document types
+import collection from './documents/collection'
+import product from './documents/product'
+import productVariant from './documents/productVariant'
+
+// objects
+import accordion from './objects/accordion'
+import accordionGroup from './objects/accordionGroup'
+import callout from './objects/callout'
+import inventory from './objects/inventory'
+import option from './objects/option'
+import priceRange from './objects/priceRange'
+import proxyString from './objects/proxyString'
+import shopifyCollection from './objects/shopifyCollection'
+import shopifyCollectionRule from './objects/shopifyCollectionRule'
+import shopifyProduct from './objects/shopifyProduct'
+import shopifyProductVariant from './objects/shopifyProductVariant'
+
+// block content
+import blockContent from './blocks/blockContent'
+
+export const schemaTypes = [
+  // document types
+  collection,
+  product,
+  productVariant,
+
+  // objects
+  accordion,
+  accordionGroup,
+  callout,
+  inventory,
+  option,
+  priceRange,
+  proxyString,
+  shopifyCollection,
+  shopifyCollectionRule,
+  shopifyProduct,
+  shopifyProductVariant,
+
+  // block content
+  blockContent,
+]

package/templates/shopify-online-storefront/schemaTypes/objects/accordion.ts

@@ -0,0 +1,31 @@
+import {StackCompactIcon} from '@sanity/icons'
+import pluralize from 'pluralize-esm'
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'accordion',
+  title: 'Accordion',
+  type: 'object',
+  icon: StackCompactIcon,
+  fields: [
+    // Groups
+    defineField({
+      name: 'groups',
+      title: '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',
+        media: StackCompactIcon,
+      }
+    },
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/objects/accordionGroup.ts

@@ -0,0 +1,35 @@
+import {defineField, defineType} from 'sanity'
+import {toPlainText} from '@portabletext/toolkit'
+
+export default defineType({
+  name: 'accordionGroup',
+  title: 'Group',
+  type: 'object',
+  icon: false,
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: (Rule) => Rule.required(),
+    }),
+    defineField({
+      name: 'body',
+      title: 'Body',
+      type: 'blockContent',
+    }),
+  ],
+  preview: {
+    select: {
+      body: 'body',
+      title: 'title',
+    },
+    prepare(selection) {
+      const {body, title} = selection
+      return {
+        subtitle: body && toPlainText(body),
+        title,
+      }
+    },
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/objects/callout.ts

@@ -0,0 +1,40 @@
+import {BulbOutlineIcon} from '@sanity/icons'
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'callout',
+  title: 'Callout',
+  type: 'object',
+  icon: BulbOutlineIcon,
+  fields: [
+    // Text
+    defineField({
+      name: 'text',
+      title: 'Text',
+      type: 'text',
+      rows: 2,
+      validation: (Rule) => [
+        Rule.required(),
+        Rule.max(70).warning(`Callout length shouldn't be more than 70 characters.`),
+      ],
+    }),
+    // Link
+    defineField({
+      name: 'links',
+      title: 'Link',
+      type: 'url',
+    }),
+  ],
+  preview: {
+    select: {
+      text: 'text',
+    },
+    prepare({text}) {
+      return {
+        subtitle: 'Callout',
+        title: text,
+        media: BulbOutlineIcon,
+      }
+    },
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/objects/inventory.ts

@@ -0,0 +1,30 @@
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'inventory',
+  title: 'Inventory',
+  type: 'object',
+  options: {
+    columns: 3,
+  },
+  fields: [
+    // Available
+    defineField({
+      name: 'isAvailable',
+      title: 'Available',
+      type: 'boolean',
+    }),
+    // Management
+    defineField({
+      name: 'management',
+      title: 'Management',
+      type: 'string',
+    }),
+    // Policy
+    defineField({
+      name: 'policy',
+      title: 'Policy',
+      type: 'string',
+    }),
+  ],
+})

package/templates/shopify-online-storefront/schemaTypes/objects/option.ts

@@ -0,0 +1,30 @@
+import {SunIcon} from '@sanity/icons'
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  title: 'Product option',
+  name: 'option',
+  type: 'object',
+  icon: SunIcon,
+  readOnly: true,
+  fields: [
+    // Name
+    defineField({
+      title: 'Name',
+      name: 'name',
+      type: 'string',
+    }),
+    // Values
+    defineField({
+      title: 'Values',
+      name: 'values',
+      type: 'array',
+      of: [{type: 'string'}],
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'name',
+    },
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/objects/priceRange.ts

@@ -0,0 +1,22 @@
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'priceRange',
+  title: 'Price range',
+  type: 'object',
+  options: {
+    columns: 2,
+  },
+  fields: [
+    defineField({
+      name: 'minVariantPrice',
+      title: 'Min variant price',
+      type: 'number',
+    }),
+    defineField({
+      name: 'maxVariantPrice',
+      title: 'Max variant price',
+      type: 'number',
+    }),
+  ],
+})

package/templates/shopify-online-storefront/schemaTypes/objects/proxyString.ts

@@ -0,0 +1,11 @@
+import {defineType} from 'sanity'
+import ProxyStringInput from '../../components/inputs/ProxyString'
+
+export default defineType({
+  name: 'proxyString',
+  title: 'Title',
+  type: 'string',
+  components: {
+    input: ProxyStringInput,
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/objects/shopifyCollection.ts

@@ -0,0 +1,109 @@
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'shopifyCollection',
+  title: 'Shopify',
+  type: 'object',
+  options: {
+    collapsed: false,
+    collapsible: true,
+  },
+  readOnly: true,
+  fieldsets: [
+    {
+      name: 'status',
+      title: 'Status',
+    },
+  ],
+  fields: [
+    // Created at
+    defineField({
+      fieldset: 'status',
+      name: 'createdAt',
+      title: 'Created at',
+      type: 'string',
+    }),
+    // Updated at
+    defineField({
+      fieldset: 'status',
+      name: 'updatedAt',
+      title: 'Updated at',
+      type: 'string',
+    }),
+    // Deleted
+    defineField({
+      fieldset: 'status',
+      name: 'isDeleted',
+      title: 'Deleted from Shopify?',
+      type: 'boolean',
+    }),
+    // Title
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+    }),
+    // Collection ID
+    defineField({
+      name: 'id',
+      title: 'ID',
+      type: 'number',
+      description: 'Shopify Collection ID',
+    }),
+    // GID
+    defineField({
+      name: 'gid',
+      title: 'GID',
+      type: 'string',
+      description: 'Shopify Collection GID',
+    }),
+    // Slug
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      description: 'Shopify Collection handle',
+      type: 'slug',
+    }),
+    // Description
+    defineField({
+      name: 'descriptionHtml',
+      title: 'HTML Description',
+      type: 'text',
+      rows: 5,
+    }),
+    // Image URL
+    defineField({
+      name: 'imageUrl',
+      title: 'Image URL',
+      type: 'string',
+    }),
+    // Rules
+    defineField({
+      name: 'rules',
+      title: 'Rules',
+      type: 'array',
+      description: 'Include Shopify products that satisfy these conditions',
+      of: [{type: 'collectionRule'}],
+    }),
+    // Disjunctive rules
+    defineField({
+      name: 'disjunctive',
+      title: 'Disjunctive rules?',
+      description: 'Require any condition if true, otherwise require all conditions',
+      type: 'boolean',
+    }),
+    // Sort order
+    defineField({
+      name: 'sortOrder',
+      title: 'Sort order',
+      type: 'string',
+    }),
+    // Shop details
+    defineField({
+      name: 'shop',
+      title: 'Shop',
+      type: 'shop',
+      description: 'Shopify Shop details',
+    }),
+  ],
+})

package/templates/shopify-online-storefront/schemaTypes/objects/shopifyCollectionRule.tsx

@@ -0,0 +1,45 @@
+import {FilterIcon} from '@sanity/icons'
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  title: 'Collection rule',
+  name: 'collectionRule',
+  type: 'object',
+  icon: FilterIcon,
+  readOnly: true,
+  fields: [
+    // Column
+    defineField({
+      title: 'Column',
+      name: 'column',
+      type: 'string',
+    }),
+    // Values
+    defineField({
+      title: 'Relation',
+      name: 'relation',
+      type: 'string',
+    }),
+    // Condition
+    defineField({
+      title: 'Condition',
+      name: 'condition',
+      type: 'string',
+    }),
+  ],
+  preview: {
+    select: {
+      condition: 'condition',
+      name: 'column',
+      relation: 'relation',
+    },
+    prepare(selection) {
+      const {condition, name, relation} = selection
+
+      return {
+        subtitle: `${relation} ${condition}`,
+        title: name,
+      }
+    },
+  },
+})

package/templates/shopify-online-storefront/schemaTypes/objects/shopifyProduct.ts

@@ -0,0 +1,165 @@
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'shopifyProduct',
+  title: 'Shopify',
+  type: 'object',
+  options: {
+    collapsed: false,
+    collapsible: true,
+  },
+  readOnly: true,
+  fieldsets: [
+    {
+      name: 'status',
+      title: 'Status',
+    },
+    {
+      name: 'organization',
+      title: 'Organization',
+      options: {
+        columns: 2,
+      },
+    },
+    {
+      name: 'variants',
+      title: 'Variants',
+      options: {
+        collapsed: true,
+        collapsible: true,
+      },
+    },
+  ],
+  fields: [
+    // Created at
+    defineField({
+      fieldset: 'status',
+      name: 'createdAt',
+      title: 'Created at',
+      type: 'string',
+    }),
+    // Updated at
+    defineField({
+      fieldset: 'status',
+      name: 'updatedAt',
+      title: 'Updated at',
+      type: 'string',
+    }),
+    // Product status
+    defineField({
+      fieldset: 'status',
+      name: 'status',
+      title: 'Product status',
+      type: 'string',
+      options: {
+        layout: 'dropdown',
+        list: ['active', 'archived', 'draft'],
+      },
+    }),
+    // Deleted
+    defineField({
+      fieldset: 'status',
+      name: 'isDeleted',
+      title: 'Deleted from Shopify?',
+      type: 'boolean',
+    }),
+    // Title
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      description: 'Title displayed in both cart and checkout',
+    }),
+    // Product ID
+    defineField({
+      name: 'id',
+      title: 'ID',
+      type: 'number',
+      description: 'Shopify Product ID',
+    }),
+    // Product ID
+    defineField({
+      name: 'gid',
+      title: 'GID',
+      type: 'string',
+      description: 'Shopify Product GID',
+    }),
+    // Slug
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'slug',
+      description: 'Shopify Product handle',
+    }),
+    // Description
+    defineField({
+      name: 'descriptionHtml',
+      title: 'HTML Description',
+      type: 'text',
+      rows: 5,
+    }),
+    // Product Type
+    defineField({
+      fieldset: 'organization',
+      name: 'productType',
+      title: 'Product type',
+      type: 'string',
+    }),
+    // Vendor
+    defineField({
+      fieldset: 'organization',
+      name: 'vendor',
+      title: 'Vendor',
+      type: 'string',
+    }),
+    // Tags
+    defineField({
+      fieldset: 'organization',
+      name: 'tags',
+      title: 'Tags',
+      type: 'string',
+    }),
+    // Price range
+    defineField({
+      name: 'priceRange',
+      type: 'priceRange',
+      title: 'Price range',
+    }),
+    // Preview Image URL
+    defineField({
+      name: 'previewImageUrl',
+      title: 'Preview Image URL',
+      type: 'string',
+      description: 'Image displayed in both cart and checkout',
+    }),
+    // Options
+    defineField({
+      name: 'options',
+      title: 'Options',
+      type: 'array',
+      of: [{type: 'option'}],
+    }),
+    // Variants
+    defineField({
+      fieldset: 'variants',
+      name: 'variants',
+      title: 'Variants',
+      type: 'array',
+      of: [
+        {
+          title: 'Variant',
+          type: 'reference',
+          weak: true,
+          to: [{type: 'productVariant'}],
+        },
+      ],
+    }),
+    // Shop details
+    defineField({
+      name: 'shop',
+      title: 'Shop',
+      type: 'shop',
+      description: 'Shopify Shop details',
+    }),
+  ],
+})