Add generic landing page content type

cms/lib/desk.ts

@@ -20,6 +20,7 @@ import {
   BiMailSend,
   BiCodeCurly,
 } from 'react-icons/bi';
+import { RiTodoLine } from 'react-icons/ri';
 import { map } from 'rxjs/operators';
 
 import { AiOutlineFileSearch } from 'react-icons/ai';
@@ -159,6 +160,14 @@ export const deskStructure = (
                 .title('Newsletter')
                 .icon(BiMailSend)
                 .child(buildStandaloneList('newsletter', 'Newsletter', S)),
+              S.listItem()
+                .title('Landing Pages')
+                .icon(RiTodoLine)
+                .child(
+                  S.documentTypeList('landing').filter(
+                    '_type == "landing" &&  !defined(__i18n_base)',
+                  ),
+                ),
               S.listItem()
                 .title('Powerful PWAs')
                 .icon(IoLogoPwa)

cms/schemas/index.ts

@@ -48,6 +48,7 @@ import themeSubschema from '$subschema/theme';
 import appSubschema from '$subschema/app';
 import resourcesSubschema from '$subschema/resources';
 import homepageCardSchema from '$subschema/homepage-card';
+import bannerSubschema from '$subschema/banner';
 
 // Schemas
 import tag from './tag';
@@ -64,6 +65,7 @@ import newsletter from './newsletter';
 import stories from './stories';
 import cookies from './cookies';
 import pwas from './pwas';
+import landing from './landing';
 
 export const schemaTypes = [
   // Schemas
@@ -81,6 +83,7 @@ export const schemaTypes = [
   stories,
   cookies,
   pwas,
+  landing,
 
   // Fields
   fullBlockField,
@@ -117,4 +120,5 @@ export const schemaTypes = [
   appSubschema,
   resourcesSubschema,
   homepageCardSchema,
+  bannerSubschema,
 ];

cms/schemas/landing.ts

@@ -0,0 +1,107 @@
+/**
+ * Copyright 2022 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { defineField, defineType } from 'sanity';
+import { isL10n } from '$lib/validators/i18n';
+
+export default defineType({
+  name: 'landing',
+  title: 'Landing Page',
+  type: 'document',
+  i18n: true,
+  groups: [
+    {
+      name: 'content',
+      title: 'Content',
+      default: true,
+    },
+    {
+      name: 'publishing',
+      title: 'Publishing',
+    },
+    {
+      name: 'promotion',
+      title: 'Promotion',
+    },
+    {
+      name: 'seo_social',
+      title: 'SEO & Social',
+    },
+  ],
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'title',
+      group: ['content', 'seo_social'],
+    }),
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'l10n-slug',
+      group: ['seo_social'],
+    }),
+    defineField({
+      name: 'description',
+      title: 'Description',
+      type: 'description',
+      group: ['seo_social'],
+    }),
+    defineField({
+      name: 'category',
+      title: 'Category',
+      type: 'reference',
+      to: { type: 'tag' },
+      validation: (Rule) => Rule.required(),
+      group: ['content'],
+      options: {
+        disableNew: true,
+        filter: 'is_post_category == true',
+      },
+      readOnly: isL10n,
+      hidden: isL10n,
+    }),
+
+    defineField({
+      name: 'banner',
+      title: 'Banner',
+      type: 'banner',
+      group: ['content'],
+      validation: (Rule) => Rule.required(),
+      readOnly: isL10n,
+      hidden: isL10n,
+    }),
+
+    defineField({
+      name: 'body',
+      title: 'Body',
+      group: 'content',
+      type: 'full-block',
+      validation: (Rule) => Rule.required(),
+    }),
+  ],
+
+  preview: {
+    select: {
+      title: 'title',
+      media: 'banner.narrow',
+    },
+    prepare(selection) {
+      return {
+        ...selection,
+      };
+    },
+  },
+});

cms/schemas/subschema/banner.ts

@@ -0,0 +1,20 @@
+import { defineType, defineField } from 'sanity';
+
+export default defineType({
+  name: 'banner',
+  title: 'Banner media',
+  description: 'Banner background images',
+  type: 'object',
+  fields: [
+    defineField({
+      name: 'wide',
+      title: 'Wide banner image',
+      type: 'image',
+    }),
+    defineField({
+      name: 'narrow',
+      title: 'Narrow banner image',
+      type: 'image',
+    }),
+  ],
+});