Figuring out how to make imports work

.gitignore

@@ -14,6 +14,7 @@ out
 
 # production
 build
+dist
 
 # misc
 .DS_Store

.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"
+  ]
 }

framework/local/product/use-price.tsx

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

package-copy.json

@@ -0,0 +1,128 @@
+{
+  "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,
+  "license": "MIT",
+  "engines": {
+    "node": ">=14.x"
+  },
+  "dependencies": {
+    "@chec/commerce.js": "^2.8.0",
+    "@react-spring/web": "^9.2.1",
+    "@spree/storefront-api-v2-sdk": "^5.0.1",
+    "@vercel/fetch": "^6.1.1",
+    "autoprefixer": "^10.2.6",
+    "body-scroll-lock": "^3.1.5",
+    "classnames": "^2.3.1",
+    "cookie": "^0.4.1",
+    "email-validator": "^2.0.4",
+    "immutability-helper": "^3.1.1",
+    "js-cookie": "^2.2.1",
+    "keen-slider": "^6.3.2",
+    "lodash.debounce": "^4.0.8",
+    "lodash.random": "^3.2.0",
+    "lodash.throttle": "^4.1.1",
+    "next": "^12.0.3",
+    "next-seo": "^4.26.0",
+    "next-themes": "^0.0.14",
+    "postcss": "^8.3.5",
+    "postcss-nesting": "^8.0.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-fast-marquee": "^1.1.4",
+    "react-merge-refs": "^1.1.0",
+    "react-use-measure": "^2.0.4",
+    "stripe": "^8.176.0",
+    "swell-js": "^4.0.0-next.0",
+    "swr": "^0.5.6",
+    "tabbable": "^5.2.0",
+    "tailwindcss": "^2.2.2",
+    "uuidv4": "^6.2.10"
+  },
+  "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": "^10.2.3",
+    "@types/body-scroll-lock": "^2.6.1",
+    "@types/chec__commerce.js": "^2.8.4",
+    "@types/cookie": "^0.4.0",
+    "@types/js-cookie": "^2.2.6",
+    "@types/lodash.debounce": "^4.0.6",
+    "@types/lodash.random": "^3.2.6",
+    "@types/lodash.throttle": "^4.1.6",
+    "@types/node": "^15.12.4",
+    "@types/react": "^17.0.8",
+    "deepmerge": "^4.2.2",
+    "eslint": "^7.31.0",
+    "eslint-config-next": "^11.0.1",
+    "eslint-config-prettier": "^8.3.0",
+    "graphql": "^15.5.1",
+    "husky": "^6.0.0",
+    "lint-staged": "^11.0.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-preset-env": "^6.7.0",
+    "prettier": "^2.3.0",
+    "typescript": "4.3.4"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "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"
+    ]
+  }
+}

package.json

@@ -34,6 +34,7 @@
     }
   },
   "devDependencies": {
+    "prettier": "^2.5.1",
     "turbo": "^1.0.12"
   }
 }

packages/commerce/fixup.mjs

@@ -0,0 +1,5 @@
+import { readFile, writeFile } from 'fs/promises'
+
+const packageJson = await readFile('package.json', 'utf8')
+
+writeFile('dist/package.json', packageJson, 'utf8')

packages/commerce/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@vercel/commerce",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "build": "rm -fr dist/* && tsc -p tsconfig.json",
+    "dev": "npm run build -- --watch"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    "./*": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.jsx"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "src/*"
+      ],
+      "api": [
+        "src/api/index.ts"
+      ]
+    }
+  },
+  "dependencies": {
+    "@vercel/fetch": "^6.1.1",
+    "js-cookie": "^2.2.1",
+    "swr": "^0.5.6"
+  },
+  "peerDependencies": {
+    "next": "^12",
+    "react": "^17",
+    "react-dom": "^17"
+  },
+  "devDependencies": {
+    "@types/js-cookie": "^2.2.6",
+    "@types/node": "^15.12.4",
+    "@types/react": "^17.0.8",
+    "deepmerge": "^4.2.2",
+    "next": "^12.0.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "typescript": "^4.6.0-dev.20220108"
+  }
+}

packages/commerce/src/index.tsx

@@ -16,7 +16,7 @@ import type {
   Login,
   Logout,
   Checkout,
-} from '@commerce/types'
+} from './types'
 
 import type { Fetcher, SWRHook, MutationHook } from './utils/types'
 

packages/commerce/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "NodeNext",
+    "outDir": "dist",
+    "baseUrl": "src",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "declaration": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "pretty": true,
+    "jsx": "preserve"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

packages/local/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@vercel/commerce-local",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "build": "rm -fr dist/* && tsc -p tsconfig.json",
+    "dev": "npm run build -- --watch"
+  },
+  "sideEffects": false,
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@vercel/commerce": "^0.0.1",
+    "@vercel/fetch": "^6.1.1",
+    "swr": "^0.5.6"
+  },
+  "peerDependencies": {
+    "next": "^12",
+    "react": "^17",
+    "react-dom": "^17"
+  },
+  "devDependencies": {
+    "@types/node": "^15.12.4",
+    "@types/react": "^17.0.8",
+    "next": "^12.0.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "typescript": "^4.6.0-dev.20220108"
+  }
+}

packages/local/src/api/index.ts

@@ -1,5 +1,5 @@
-import type { CommerceAPI, CommerceAPIConfig } from '@commerce/api'
-import { getCommerceApi as commerceApi } from '@commerce/api'
+import type { CommerceAPI, CommerceAPIConfig } from '@vercel/commerce/api'
+import { getCommerceApi as commerceApi } from '@vercel/commerce/api'
 import createFetcher from './utils/fetch-local'
 
 import getAllPages from './operations/get-all-pages'

packages/local/src/api/operations/get-all-products.ts

@@ -1,6 +1,6 @@
-import { Product } from '@commerce/types/product'
-import { GetAllProductsOperation } from '@commerce/types/product'
-import type { OperationContext } from '@commerce/api/operations'
+import { Product } from '@vercel/commerce/types/product'
+import { GetAllProductsOperation } from '@vercel/commerce/types/product'
+import type { OperationContext } from '@vercel/commerce/api/operations'
 import type { LocalConfig, Provider } from '../index'
 import data from '../../data.json'
 

packages/local/src/api/operations/get-product.ts

@@ -1,8 +1,8 @@
 import type { LocalConfig } from '../index'
-import { Product } from '@commerce/types/product'
-import { GetProductOperation } from '@commerce/types/product'
+import { Product } from '@vercel/commerce/types/product'
+import { GetProductOperation } from '@vercel/commerce/types/product'
 import data from '../../data.json'
-import type { OperationContext } from '@commerce/api/operations'
+import type { OperationContext } from '@vercel/commerce/api/operations'
 
 export default function getProductOperation({
   commerce,

packages/local/src/api/operations/get-site-info.ts

@@ -1,5 +1,5 @@
-import { OperationContext } from '@commerce/api/operations'
-import { Category } from '@commerce/types/site'
+import { OperationContext } from '@vercel/commerce/api/operations'
+import { Category } from '@vercel/commerce/types/site'
 import { LocalConfig } from '../index'
 
 export type GetSiteInfoResult<

packages/local/src/api/utils/fetch-local.ts

@@ -1,5 +1,5 @@
-import { FetcherError } from '@commerce/utils/errors'
-import type { GraphQLFetcher } from '@commerce/api'
+import { FetcherError } from '@vercel/commerce/utils/errors'
+import type { GraphQLFetcher } from '@vercel/commerce/api'
 import type { LocalConfig } from '../index'
 import fetch from './fetch'
 

packages/local/src/auth/use-login.tsx

@@ -1,5 +1,5 @@
-import { MutationHook } from '@commerce/utils/types'
-import useLogin, { UseLogin } from '@commerce/auth/use-login'
+import { MutationHook } from '@vercel/commerce/utils/types'
+import useLogin, { UseLogin } from '@vercel/commerce/auth/use-login'
 
 export default useLogin as UseLogin<typeof handler>
 

packages/local/src/auth/use-logout.tsx

@@ -1,5 +1,5 @@
-import { MutationHook } from '@commerce/utils/types'
-import useLogout, { UseLogout } from '@commerce/auth/use-logout'
+import { MutationHook } from '@vercel/commerce/utils/types'
+import useLogout, { UseLogout } from '@vercel/commerce/auth/use-logout'
 
 export default useLogout as UseLogout<typeof handler>
 

packages/local/src/auth/use-signup.tsx

@@ -1,7 +1,7 @@
 import { useCallback } from 'react'
 import useCustomer from '../customer/use-customer'
-import { MutationHook } from '@commerce/utils/types'
-import useSignup, { UseSignup } from '@commerce/auth/use-signup'
+import { MutationHook } from '@vercel/commerce/utils/types'
+import useSignup, { UseSignup } from '@vercel/commerce/auth/use-signup'
 
 export default useSignup as UseSignup<typeof handler>