@sanity/form-toolkit 2.2.2 → 3.0.0

package/src/hubspot/index.ts

@@ -1,52 +0,0 @@
-import {asyncList} from '@sanity/sanity-plugin-async-list'
-import {definePlugin} from 'sanity'
-
-import {Option} from './components/option'
-import {hubSpotHandler} from './create-handler'
-import {fetchHubSpotData} from './fetch-hubspot-data'
-interface HubSpotInputConfig {
-  url: string | URL
-}
-
-/**
- * Usage in `sanity.config.ts` (or .js)
- *
- * ```ts
- * import {defineConfig} from 'sanity'
- * import {hubSpotInput} from '@sanity/form-toolkit/hubspot'
- *
- * export default defineConfig({
- *   // ...
- *   plugins: [
- *    hubSpotInput({
- *      url: 'http://localhost:3000/api/hubspot'
- *    })
- *   ],
- * })
- * ```
- */
-
-type ExtendedOption = {value: string; name: string}
-export {fetchHubSpotData, hubSpotHandler}
-export const hubSpotInput = definePlugin<HubSpotInputConfig>((options) => {
-  return {
-    name: 'sanity-plugin-form-toolkit_hubspot-input',
-    plugins: [
-      asyncList({
-        schemaType: 'hubSpotForm',
-        loader: async () => {
-          const data = await fetch(options.url)
-          const body = await data.json()
-          return body
-        },
-        autocompleteProps: {
-          renderOption: (option) => Option(option as ExtendedOption),
-          renderValue(value, option) {
-            // @ts-expect-error can't extend default type?
-            return option?.name ?? value
-          },
-        },
-      }),
-    ],
-  }
-})

package/src/index.ts

@@ -1,19 +0,0 @@
-// import {FormRenderer, formSchema} from './form-schema'
-// import type {FormDataProps} from './form-schema/components/types'
-// import {hubSpotInput} from './hubspot'
-// import {hubSpotHandler} from './hubspot/create-handler'
-// import {fetchHubSpotData} from './hubspot/fetch-hubspot-data'
-// import {mailchimpInput} from './mailchimp'
-// import {fetchMailchimpData, mailchimpHandler} from './mailchimp/create-handler'
-
-// export {
-//   fetchHubSpotData,
-//   fetchMailchimpData,
-//   type FormDataProps,
-//   FormRenderer,
-//   formSchema,
-//   hubSpotHandler,
-//   hubSpotInput,
-//   mailchimpHandler,
-//   mailchimpInput,
-// }

package/src/mailchimp/components/option.tsx

@@ -1,30 +0,0 @@
-import {Card, Text} from '@sanity/ui'
-import type {ReactElement} from 'react'
-
-export const Option = (option: {
-  value: string
-  form: {
-    header: {
-      text?: string
-    }
-  }
-  list: {
-    name: string
-    stats: {
-      member_count: number
-    }
-  }
-}): ReactElement => {
-  return (
-    <Card data-as="button" padding={3} radius={2} tone="inherit">
-      <Text size={2} textOverflow="ellipsis">
-        {`${option.form.header.text ? `${option.form.header.text} - ` : ``}${option.value}`}
-      </Text>
-      <Card paddingTop={2} tone="inherit" style={{background: 'inherit'}}>
-        <Text size={1} textOverflow="ellipsis">
-          {`${option.list.name} - ${option.list.stats.member_count} member${option.list.stats.member_count == 1 ? '' : 's'}`}
-        </Text>
-      </Card>
-    </Card>
-  )
-}

package/src/mailchimp/create-handler.ts

@@ -1,39 +0,0 @@
-import mailchimp from '@mailchimp/mailchimp_marketing'
-
-import createHandler from '../shared/create-handler'
-
-// Fetch from Mailchimp's API
-export async function fetchMailchimpData({
-  key,
-  server,
-}: {
-  key: string
-  server: string
-}): Promise<unknown> {
-  mailchimp.setConfig({
-    apiKey: key,
-    server: server,
-  })
-  const signupForms = []
-  // @ts-expect-error bad typing for mailchimp
-  const {lists} = await mailchimp.lists.getAllLists()
-  for (const list of lists) {
-    // @ts-expect-error bad typing for mailchimp
-    // eslint-disable-next-line camelcase
-    const {signup_forms} = await mailchimp.lists.getListSignupForms(list.id)
-    // eslint-disable-next-line camelcase
-    for (const form of signup_forms) {
-      signupForms.push({
-        list,
-        form,
-        value: form.signup_form_url,
-      })
-    }
-  }
-  return signupForms
-}
-
-// Create the Mailchimp handler for a specific key and server
-export const mailchimpHandler = (keys: {key: string; server: string}) => {
-  return createHandler(() => fetchMailchimpData(keys))
-}

package/src/mailchimp/index.ts

@@ -1,43 +0,0 @@
-import {asyncList} from '@sanity/sanity-plugin-async-list'
-import {definePlugin} from 'sanity'
-
-import {Option} from './components/option'
-import {mailchimpHandler} from './create-handler'
-import {fetchMailchimpData} from './create-handler'
-interface MailchimpInputConfig {
-  url: string | URL
-}
-
-/**
- * Usage in `sanity.config.ts` (or .js)
- *
- * ```ts
- * import {defineConfig} from 'sanity'
- * import {mailchimpInput} from '@sanity/form-toolkit/mailchimp'
- *
- * export default defineConfig({
- *   // ...
- *   plugins: [mailchimpInput()],
- * })
- * ```
- */
-export {fetchMailchimpData, mailchimpHandler}
-export const mailchimpInput = definePlugin<MailchimpInputConfig>((options) => {
-  return {
-    name: 'sanity-plugin-form-toolkit_mailchimp-input',
-    plugins: [
-      asyncList({
-        schemaType: 'mailchimpForm',
-        loader: async () => {
-          const data = await fetch(options.url)
-          const body = await data.json()
-          return body
-        },
-        autocompleteProps: {
-          //@ts-expect-error incorrect typing on props?
-          renderOption: (option) => Option(option),
-        },
-      }),
-    ],
-  }
-})

package/src/shared/create-handler.ts

@@ -1,109 +0,0 @@
-import {defineEventHandler, type H3Event} from 'h3' // For Nuxt.js/Nitro
-import type {IncomingMessage, ServerResponse} from 'http'
-
-// Utility function to detect the framework at runtime
-const detectFramework = (): string => {
-  if (process.env.NEXT_RUNTIME) {
-    return 'nextjs'
-  } else if (process.env.NUXT_ENV) {
-    return 'nuxt'
-  } else if (process.env.SVELTEKIT_ENV) {
-    return 'sveltekit'
-  } else if (process.env.REMIX_ENV) {
-    return 'remix'
-  } else if (process.env.ASTRO_ENV) {
-    return 'astro'
-  }
-  throw new Error('Unable to detect framework.')
-}
-
-// Create a generic handler with predefined logic
-const createHandler = (handlerFunc: () => Promise<unknown>) => {
-  const framework = detectFramework()
-
-  // Handler logic to fetch Mailchimp data
-  const handlerLogic = async ({
-    // eslint-disable-next-line
-    req,
-    res,
-  }: {
-    req: IncomingMessage | Request
-    res?: ServerResponse
-  }): Promise<unknown> => {
-    try {
-      const data = await handlerFunc()
-
-      if (res) {
-        // Send response directly for frameworks like Next.js and Nuxt.js
-        res.writeHead(200, {'Content-Type': 'application/json'})
-        res.end(JSON.stringify(data))
-      }
-
-      // Return the response for frameworks like SvelteKit, Remix, and Astro
-      return data
-    } catch (error) {
-      if (error instanceof Error) {
-        if (res) {
-          res.writeHead(500, {'Content-Type': 'application/json'})
-          res.end(JSON.stringify({error: error.message}))
-        }
-        return {error: error.message}
-      }
-      // Handle non-Error types (e.g., strings, objects)
-      if (res) {
-        res.writeHead(500, {'Content-Type': 'application/json'})
-        res.end(JSON.stringify({error: 'An unexpected error occurred'}))
-      }
-      return {error: 'An unexpected error occurred'}
-    }
-  }
-
-  // Framework-specific implementations
-  if (framework === 'nextjs') {
-    return async (req: IncomingMessage, res: ServerResponse) => {
-      // Set CORS headers
-      res.setHeader('Access-Control-Allow-Origin', '*') // Allow all origins
-      res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS') // Allowed HTTP methods
-      res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization') // Allowed headers
-
-      await handlerLogic({req, res})
-    }
-  } else if (framework === 'nuxt') {
-    return defineEventHandler(async (event: H3Event) => {
-      const req = event.node.req
-      const res = event.node.res
-      return handlerLogic({req, res})
-    })
-  } else if (framework === 'sveltekit') {
-    return {
-      GET: async ({request}: {request: Request}) => {
-        const result = await handlerLogic({req: request})
-        return new Response(JSON.stringify(result), {
-          headers: {'Content-Type': 'application/json'},
-        })
-      },
-    }
-  } else if (framework === 'remix') {
-    return {
-      loader: async ({request}: {request: Request}) => {
-        const result = await handlerLogic({req: request})
-        return new Response(JSON.stringify(result), {
-          headers: {'Content-Type': 'application/json'},
-        })
-      },
-    }
-  } else if (framework === 'astro') {
-    return {
-      get: async ({request}: {request: Request}) => {
-        const result = await handlerLogic({req: request})
-        return {
-          body: JSON.stringify(result),
-          headers: {'Content-Type': 'application/json'},
-        }
-      },
-    }
-  }
-  throw new Error(`Unsupported framework: ${framework}`)
-}
-
-export default createHandler

package/v2-incompatible.js

@@ -1,11 +0,0 @@
-const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
-const {name, version, sanityExchangeUrl} = require('./package.json')
-
-export default showIncompatiblePluginDialog({
-  name: name,
-  versions: {
-    v3: version,
-    v2: undefined,
-  },
-  sanityExchangeUrl,
-})