chore: 🤖 fix conflicts

.gitignore

@@ -2,18 +2,19 @@
 
 # dependencies
 node_modules
-/.pnp
+.pnp
 .pnp.js
 
 # testing
-/coverage
+coverage
 
 # next.js
-.next/
-out/
+.next
+out
 
 # production
-/build
+build
+dist
 
 # misc
 .DS_Store
@@ -35,5 +36,5 @@ yarn-error.log*
 # vercel
 .vercel
 
-# vscode launch
-.vscode/launch.json
+# Turborepo
+.turbo

.prettierignore

@@ -1,3 +1,5 @@
+# Every package defines its prettier config
 node_modules
+dist
 .next
-public
+public

.prettierrc

@@ -2,13 +2,5 @@
   "semi": false,
   "singleQuote": true,
   "tabWidth": 2,
-  "useTabs": false,
-  "overrides": [
-    {
-      "files": ["framework/saleor/**/*"],
-      "options": {
-        "printWidth": 120
-      }
-    }
-  ]
+  "useTabs": false
 }

.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-  "recommendations": ["esbenp.prettier-vscode", "csstools.postcss", "bradlc.vscode-tailwindcss"]
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "csstools.postcss",
+    "bradlc.vscode-tailwindcss",
+    "ms-vscode.vscode-typescript-next"
+  ]
 }

README.md

@@ -35,17 +35,16 @@ Next.js Commerce integrates out-of-the-box with BigCommerce, Shopify, Swell, Sal
 
 ## Considerations
 
-- `framework/commerce` contains all types, helpers and functions to be used as base to build a new **provider**.
-- **Providers** live under `framework`'s root folder and they will extend Next.js Commerce types and functionality (`framework/commerce`).
+- `packages/commerce` contains all types, helpers and functions to be used as base to build a new **provider**.
+- **Providers** live under `packages`'s root folder and they will extend Next.js Commerce types and functionality (`packages/commerce`).
 - We have a **Features API** to ensure feature parity between the UI and the Provider. The UI should update accordingly and no extra code should be bundled. All extra configuration for features will live under `features` in `commerce.config.json` and if needed it can also be accessed programatically.
 - Each **provider** should add its corresponding `next.config.js` and `commerce.config.json` adding specific data related to the provider. For example in case of BigCommerce, the images CDN and additional API routes.
-- **Providers don't depend on anything that's specific to the application they're used in**. They only depend on `framework/commerce`, on their own framework folder and on some dependencies included in `package.json`
 
 ## Configuration
 
 ### How to change providers
 
-Open `.env.local` and change the value of `COMMERCE_PROVIDER` to the provider you would like to use, then set the environment variables for that provider (use `.env.template` as the base).
+Open `site/.env.local` and change the value of `COMMERCE_PROVIDER` to the provider you would like to use, then set the environment variables for that provider (use `site/.env.template` as the base).
 
 The setup for Shopify would look like this for example:
 
@@ -55,18 +54,9 @@ NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN=xxxxxxxxxxxxxxxxxxxxxxxxxxxx
 NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN=xxxxxxx.myshopify.com
 ```
 
-And check that the `tsconfig.json` resolves to the chosen provider:
-
-```
-  "@framework": ["framework/shopify"],
-  "@framework/*": ["framework/shopify/*"]
-```
-
-That's it!
-
 ### Features
 
-Every provider defines the features that it supports under `framework/{provider}/commerce.config.json`
+Every provider defines the features that it supports under `packages/{provider}/src/commerce.config.json`
 
 #### Features Available
 
@@ -83,7 +73,7 @@ For example: Turning `cart` off will disable Cart capabilities.
 
 > NOTE: The selected provider should support the feature that you are toggling. (This means that you can't turn wishlist on if the provider doesn't support this functionality out the box)
 
-- Open `commerce.config.json`
+- Open `site/commerce.config.json`
 - You'll see a config file like this:
   ```json
   {
@@ -98,9 +88,7 @@ For example: Turning `cart` off will disable Cart capabilities.
 
 ### How to create a new provider
 
-🔔 New providers are on hold [until we have a new API for commerce](https://github.com/vercel/commerce/pull/252) 🔔
-
-Follow our docs for [Adding a new Commerce Provider](framework/commerce/new-provider.md).
+Follow our docs for [Adding a new Commerce Provider](packages/commerce/new-provider.md).
 
 If you succeeded building a provider, submit a PR with a valid demo and we'll review it asap.
 
@@ -110,16 +98,17 @@ Our commitment to Open Source can be found [here](https://vercel.com/oss).
 
 1. [Fork](https://help.github.com/articles/fork-a-repo/) this repository to your own GitHub account and then [clone](https://help.github.com/articles/cloning-a-repository/) it to your local device.
 2. Create a new branch `git checkout -b MY_BRANCH_NAME`
-3. Install the dependencies: `npm i`
-4. Duplicate `.env.template` and rename it to `.env.local`
-5. Add proper store values to `.env.local`
-6. Run `npm run dev` to build and watch for code changes
+3. Install the dependencies: `yarn`
+4. Duplicate `site/.env.template` and rename it to `site/.env.local`
+5. Add proper store values to `site/.env.local`
+6. Run `cd site` and `yarn dev` to build and watch for code changes
+7. Run `yarn turbo run build` to check the build after your changes
 
 ## Work in progress
 
 We're using Github Projects to keep track of issues in progress and todo's. Here is our [Board](https://github.com/vercel/commerce/projects/1)
 
-People actively working on this project: @okbel & @lfades.
+People actively working on this project: @okbel, @lfades, @dominiksipowicz, @gbibeaul.
 
 ## Troubleshoot
 

components/common/Head/Head.tsx

@@ -1,18 +0,0 @@
-import { FC } from 'react'
-import NextHead from 'next/head'
-import { DefaultSeo } from 'next-seo'
-import config from '@config/seo.json'
-
-const Head: FC = () => {
-  return (
-    <>
-      <DefaultSeo {...config} />
-      <NextHead>
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="manifest" href="/site.webmanifest" key="site-manifest" />
-      </NextHead>
-    </>
-  )
-}
-
-export default Head

framework/bigcommerce/types/checkout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/checkout'

framework/bigcommerce/types/common.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/common'

framework/bigcommerce/types/customer.ts

@@ -1,5 +0,0 @@
-import * as Core from '@commerce/types/customer'
-
-export * from '@commerce/types/customer'
-
-export type CustomerSchema = Core.CustomerSchema

framework/bigcommerce/types/login.ts

@@ -1,8 +0,0 @@
-import * as Core from '@commerce/types/login'
-import type { LoginMutationVariables } from '../schema'
-
-export * from '@commerce/types/login'
-
-export type LoginOperation = Core.LoginOperation & {
-  variables: LoginMutationVariables
-}

framework/bigcommerce/types/logout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/logout'

framework/bigcommerce/types/product.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/product'

framework/bigcommerce/types/signup.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/signup'

framework/commercejs/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/commercejs/types/common.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/common'

framework/commercejs/types/customer.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/customer'

framework/commercejs/types/logout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/logout'

framework/commercejs/types/page.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/page'

framework/commercejs/types/signup.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/signup'

framework/commercejs/types/wishlist.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/wishlist'

framework/commercelayer/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/kibocommerce/checkout/use-checkout.tsx

@@ -1,14 +0,0 @@
-import { SWRHook } from '@commerce/utils/types'
-import useCheckout, { UseCheckout } from '@commerce/checkout/use-checkout'
-
-export default useCheckout as UseCheckout<typeof handler>
-
-export const handler: SWRHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ useData }) =>
-    async (input) => ({}),
-}

framework/kibocommerce/customer/address/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/address/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/kibocommerce/customer/card/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/card/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/kibocommerce/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/kibocommerce/types/login.ts

@@ -1,8 +0,0 @@
-import * as Core from '@commerce/types/login'
-import type { CustomerUserAuthInfoInput } from '../schema'
-
-export * from '@commerce/types/login'
-
-export type LoginOperation = Core.LoginOperation & {
-  variables: CustomerUserAuthInfoInput
-}

framework/kibocommerce/types/logout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/logout'

framework/kibocommerce/types/signup.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/signup'

framework/local/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/ordercloud/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/saleor/customer/address/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/address/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/saleor/customer/card/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/card/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/saleor/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/shopify/customer/address/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/address/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/shopify/customer/card/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/card/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/shopify/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/shopify/types/checkout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/checkout'

framework/shopify/types/common.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/common'

framework/shopify/types/customer.ts

@@ -1,5 +0,0 @@
-import * as Core from '@commerce/types/customer'
-
-export * from '@commerce/types/customer'
-
-export type CustomerSchema = Core.CustomerSchema

framework/shopify/types/login.ts

@@ -1,8 +0,0 @@
-import * as Core from '@commerce/types/login'
-import type { CustomerAccessTokenCreateInput } from '../schema'
-
-export * from '@commerce/types/login'
-
-export type LoginOperation = Core.LoginOperation & {
-  variables: CustomerAccessTokenCreateInput
-}

framework/shopify/types/logout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/logout'

framework/shopify/types/product.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/product'

framework/shopify/types/signup.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/signup'

framework/shopify/types/site.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/site'

framework/shopify/types/wishlist.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/wishlist'

framework/spree/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/swell/checkout/use-checkout.tsx

@@ -1,14 +0,0 @@
-import { SWRHook } from '@commerce/utils/types'
-import useCheckout, { UseCheckout } from '@commerce/checkout/use-checkout'
-
-export default useCheckout as UseCheckout<typeof handler>
-
-export const handler: SWRHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ useData }) =>
-    async (input) => ({}),
-}

framework/swell/customer/address/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/address/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/swell/customer/card/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/card/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/swell/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/swell/types/cart.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/cart'

framework/swell/types/checkout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/checkout'

framework/swell/types/common.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/common'

framework/swell/types/customer.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/customer'

framework/swell/types/login.ts

@@ -1,11 +0,0 @@
-import * as Core from '@commerce/types/login'
-import { LoginBody, LoginTypes } from '@commerce/types/login'
-
-export * from '@commerce/types/login'
-
-export type LoginHook<T extends LoginTypes = LoginTypes> = {
-  data: null
-  actionInput: LoginBody
-  fetcherInput: LoginBody
-  body: T['body']
-}

framework/swell/types/logout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/logout'

framework/swell/types/page.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/page'

framework/swell/types/product.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/product'

framework/swell/types/signup.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/signup'

framework/swell/types/site.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/site'

framework/swell/types/wishlist.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/wishlist'

framework/vendure/checkout/use-checkout.tsx

@@ -1,14 +0,0 @@
-import { SWRHook } from '@commerce/utils/types'
-import useCheckout, { UseCheckout } from '@commerce/checkout/use-checkout'
-
-export default useCheckout as UseCheckout<typeof handler>
-
-export const handler: SWRHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ useData }) =>
-    async (input) => ({}),
-}

framework/vendure/customer/address/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/address/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/vendure/customer/card/use-add-item.tsx

@@ -1,15 +0,0 @@
-import useAddItem, { UseAddItem } from '@commerce/customer/card/use-add-item'
-import { MutationHook } from '@commerce/utils/types'
-
-export default useAddItem as UseAddItem<typeof handler>
-
-export const handler: MutationHook<any> = {
-  fetchOptions: {
-    query: '',
-  },
-  async fetcher({ input, options, fetch }) {},
-  useHook:
-    ({ fetch }) =>
-    () =>
-    async () => ({}),
-}

framework/vendure/product/use-price.tsx

@@ -1,2 +0,0 @@
-export * from '@commerce/product/use-price'
-export { default } from '@commerce/product/use-price'

framework/vendure/types/cart.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/cart'

framework/vendure/types/checkout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/checkout'

framework/vendure/types/common.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/common'

framework/vendure/types/customer.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/customer'

framework/vendure/types/login.ts

@@ -1,12 +0,0 @@
-import * as Core from '@commerce/types/login'
-import type { LoginMutationVariables } from '../schema'
-import { LoginBody, LoginTypes } from '@commerce/types/login'
-
-export * from '@commerce/types/login'
-
-export type LoginHook<T extends LoginTypes = LoginTypes> = {
-  data: null
-  actionInput: LoginBody
-  fetcherInput: LoginBody
-  body: T['body']
-}

framework/vendure/types/logout.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/logout'

framework/vendure/types/page.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/page'

framework/vendure/types/product.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/product'

framework/vendure/types/signup.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/signup'

framework/vendure/types/site.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/site'

framework/vendure/types/wishlist.ts

@@ -1 +0,0 @@
-export * from '@commerce/types/wishlist'

package.json

@@ -1,129 +1,26 @@
 {
-  "name": "nextjs-commerce",
-  "version": "1.0.0",
-  "scripts": {
-    "dev": "NODE_OPTIONS='--inspect' next dev",
-    "build": "next build",
-    "start": "next start",
-    "analyze": "BUNDLE_ANALYZE=both next build",
-    "lint": "next lint",
-    "prettier-fix": "prettier --write .",
-    "find:unused": "npx next-unused",
-    "generate": "graphql-codegen",
-    "generate:shopify": "DOTENV_CONFIG_PATH=./.env.local graphql-codegen -r dotenv/config --config framework/shopify/codegen.json",
-    "generate:vendure": "graphql-codegen --config framework/vendure/codegen.json",
-    "generate:definitions": "node framework/bigcommerce/scripts/generate-definitions.js",
-    "generate:kibocommerce": "graphql-codegen --config framework/kibocommerce/codegen.json"
-  },
-  "sideEffects": false,
+  "name": "commerce",
   "license": "MIT",
-  "engines": {
-    "node": ">=14.x"
-  },
-  "dependencies": {
-    "@commercelayer/js-auth": "^2.0.7",
-    "@commercelayer/js-sdk": "^4.1.3",
-    "@chec/commerce.js": "^2.8.0",
-    "@react-spring/web": "^9.4.1",
-    "@spree/storefront-api-v2-sdk": "^5.1.1",
-    "@vercel/fetch": "^6.1.1",
-    "autoprefixer": "^10.4.2",
-    "body-scroll-lock": "^4.0.0-beta.0",
-    "classnames": "^2.3.1",
-    "cookie": "^0.4.1",
-    "email-validator": "^2.0.4",
-    "immutability-helper": "^3.1.1",
-    "js-cookie": "^3.0.1",
-    "keen-slider": "^6.6.3",
-    "lodash.debounce": "^4.0.8",
-    "lodash.random": "^3.2.0",
-    "lodash.throttle": "^4.1.1",
-    "next": "^12.0.8",
-    "next-seo": "^4.28.1",
-    "next-themes": "^0.0.15",
-    "postcss": "^8.4.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-fast-marquee": "^1.3.1",
-    "react-merge-refs": "^1.1.0",
-    "react-use-measure": "^2.1.1",
-    "stripe": "^8.196.0",
-    "swell-js": "^4.0.0-next.0",
-    "swr": "^1.1.2",
-    "tabbable": "^5.2.1",
-    "tailwindcss": "^3.0.13",
-    "uuidv4": "^6.2.12"
+  "private": true,
+  "workspaces": [
+    "site",
+    "packages/*"
+  ],
+  "scripts": {
+    "build": "turbo run build --scope=next-commerce --include-dependencies --no-deps",
+    "dev": "turbo run dev",
+    "start": "turbo run start",
+    "prettier-fix": "prettier --write ."
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^1.21.5",
-    "@graphql-codegen/schema-ast": "^1.18.3",
-    "@graphql-codegen/typescript": "^1.22.2",
-    "@graphql-codegen/typescript-operations": "^1.18.1",
-    "@next/bundle-analyzer": "^12.0.8",
-    "@types/body-scroll-lock": "^3.1.0",
-    "@types/chec__commerce.js": "^2.8.4",
-    "@types/cookie": "^0.4.1",
-    "@types/js-cookie": "^3.0.1",
-    "@types/lodash.debounce": "^4.0.6",
-    "@types/lodash.random": "^3.2.6",
-    "@types/lodash.throttle": "^4.1.6",
-    "@types/node": "^17.0.8",
-    "@types/react": "^17.0.38",
-    "deepmerge": "^4.2.2",
-    "eslint": "^8.6.0",
-    "eslint-config-next": "^12.0.8",
-    "eslint-config-prettier": "^8.3.0",
-    "graphql": "^15.5.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.1.7",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-preset-env": "^7.2.3",
     "prettier": "^2.5.1",
-    "typescript": "4.5.4"
+    "turbo": "^1.1.2"
   },
   "husky": {
     "hooks": {
-      "pre-commit": "lint-staged"
+      "pre-commit": "turbo run lint"
     }
   },
-  "lint-staged": {
-    "**/*.{js,jsx,ts,tsx}": [
-      "eslint",
-      "prettier --write",
-      "git add"
-    ],
-    "**/*.{md,mdx,json}": [
-      "prettier --write",
-      "git add"
-    ]
-  },
-  "next-unused": {
-    "alias": {
-      "@lib/*": [
-        "lib/*"
-      ],
-      "@assets/*": [
-        "assets/*"
-      ],
-      "@config/*": [
-        "config/*"
-      ],
-      "@components/*": [
-        "components/*"
-      ],
-      "@utils/*": [
-        "utils/*"
-      ]
-    },
-    "debug": true,
-    "include": [
-      "components",
-      "lib",
-      "pages"
-    ],
-    "exclude": [],
-    "entrypoints": [
-      "pages"
-    ]
-  }
+  "packageManager": "yarn@1.22.17"
 }

packages/bigcommerce/.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+dist

packages/bigcommerce/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false
+}

packages/bigcommerce/README.md

@@ -9,7 +9,7 @@ With the deploy button below you'll be able to have a [BigCommerce](https://www.
 If you already have a BigCommerce account and want to use your current store, then copy the `.env.template` file in this directory to `.env.local` in the main directory (which will be ignored by Git):
 
 ```bash
-cp framework/bigcommerce/.env.template .env.local
+cp packages/bigcommerce/.env.template .env.local
 ```
 
 Then, set the environment variables in `.env.local` to match the ones from your store.

packages/bigcommerce/codegen.json

@@ -8,16 +8,16 @@
   },
   "documents": [
     {
-      "./framework/bigcommerce/api/**/*.ts": {
+      "./src/api/**/*.ts": {
         "noRequire": true
       }
     }
   ],
   "generates": {
-    "./framework/bigcommerce/schema.d.ts": {
+    "./schema.d.ts": {
       "plugins": ["typescript", "typescript-operations"]
     },
-    "./framework/bigcommerce/schema.graphql": {
+    "./schema.graphql": {
       "plugins": ["schema-ast"]
     }
   },

packages/bigcommerce/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@vercel/commerce-bigcommerce",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "release": "taskr release",
+    "build": "taskr build",
+    "dev": "taskr",
+    "types": "tsc --emitDeclarationOnly",
+    "generate:definitions": "node scripts/generate-definitions.js"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": [
+      "./dist/*.js",
+      "./dist/*/index.js"
+    ],
+    "./next.config": "./dist/next.config.cjs"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "src/*",
+        "src/*/index"
+      ],
+      "next.config": [
+        "dist/next.config.d.cts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "typesVersions": {
+      "*": {
+        "*": [
+          "dist/*.d.ts",
+          "dist/*/index.d.ts"
+        ],
+        "config": [
+          "dist/next.config.d.cts"
+        ]
+      }
+    }
+  },
+  "dependencies": {
+    "@vercel/fetch": "^6.1.1",
+    "cookie": "^0.4.1",
+    "immutability-helper": "^3.1.1",
+    "jsonwebtoken": "^8.5.1",
+    "lodash.debounce": "^4.0.8",
+    "uuidv4": "^6.2.12"
+  },
+  "peerDependencies": {
+    "next": "^12",
+    "react": "^17",
+    "react-dom": "^17"
+  },
+  "devDependencies": {
+    "@taskr/clear": "^1.1.0",
+    "@taskr/esnext": "^1.1.0",
+    "@taskr/watch": "^1.1.0",
+    "@types/cookie": "^0.4.1",
+    "@types/jsonwebtoken": "^8.5.7",
+    "@types/lodash.debounce": "^4.0.6",
+    "@types/node": "^17.0.8",
+    "@types/react": "^17.0.38",
+    "lint-staged": "^12.1.7",
+    "next": "^12.0.8",
+    "prettier": "^2.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "taskr": "^1.1.0",
+    "taskr-swc": "^0.0.1",
+    "typescript": "^4.5.4"
+  },
+  "lint-staged": {
+    "**/*.{js,jsx,ts,tsx,json}": [
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

packages/bigcommerce/src/api/endpoints/cart/index.ts

@@ -1,5 +1,5 @@
-import { GetAPISchema, createEndpoint } from '@commerce/api'
-import cartEndpoint from '@commerce/api/endpoints/cart'
+import { GetAPISchema, createEndpoint } from '@vercel/commerce/api'
+import cartEndpoint from '@vercel/commerce/api/endpoints/cart'
 import type { CartSchema } from '../../../types/cart'
 import type { BigcommerceAPI } from '../..'
 import getCart from './get-cart'

packages/bigcommerce/src/api/endpoints/catalog/products/get-products.ts

@@ -1,4 +1,4 @@
-import { Product } from '@commerce/types/product'
+import { Product } from '@vercel/commerce/types/product'
 import { ProductsEndpoint } from '.'
 
 const SORT: { [key: string]: string | undefined } = {

packages/bigcommerce/src/api/endpoints/catalog/products/index.ts

@@ -1,5 +1,5 @@
-import { GetAPISchema, createEndpoint } from '@commerce/api'
-import productsEndpoint from '@commerce/api/endpoints/catalog/products'
+import { GetAPISchema, createEndpoint } from '@vercel/commerce/api'
+import productsEndpoint from '@vercel/commerce/api/endpoints/catalog/products'
 import type { ProductsSchema } from '../../../../types/product'
 import type { BigcommerceAPI } from '../../..'
 import getProducts from './get-products'

packages/bigcommerce/src/api/endpoints/checkout/index.ts

@@ -1,5 +1,5 @@
-import { GetAPISchema, createEndpoint } from '@commerce/api'
-import checkoutEndpoint from '@commerce/api/endpoints/checkout'
+import { GetAPISchema, createEndpoint } from '@vercel/commerce/api'
+import checkoutEndpoint from '@vercel/commerce/api/endpoints/checkout'
 import type { CheckoutSchema } from '../../../types/checkout'
 import type { BigcommerceAPI } from '../..'
 import getCheckout from './get-checkout'