@faststore/core 0.3.11 → 0.3.13

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
 The format is based on [Conventional Changelog](https://github.com/conventional-changelog/conventional-changelog),
 and this project adheres to [Calendar Versioning](https://calver.org/).
 
+### [0.3.13](https://github.com/vtex-sites/nextjs.store/compare/0.3.12...0.3.13) (2022-12-19)
+
+
+### Chores
+
+* using faststore.config avoid store.config ([#330](https://github.com/vtex-sites/nextjs.store/issues/330)) ([6f8ef30](https://github.com/vtex-sites/nextjs.store/commit/6f8ef30ec7c6a32ce29088fa7e506cc3b6b429bc))
+
+### [0.3.12](https://github.com/vtex-sites/nextjs.store/compare/0.3.11...0.3.12) (2022-12-19)
+
+
+### Bug Fixes
+
+* next tsconfig ([#329](https://github.com/vtex-sites/nextjs.store/issues/329)) ([d2b4fc5](https://github.com/vtex-sites/nextjs.store/commit/d2b4fc5f33c5613eefa151088a7e8a9a899b6d24))
+
 ### [0.3.11](https://github.com/vtex-sites/nextjs.store/compare/0.3.10...0.3.11) (2022-12-19)
 
 

package/README.md

@@ -43,7 +43,7 @@ As of Sep, 2022, this starter is still far from covering most basic cases found
    yarn
    ```
 
-2. **Setup store.config.js**
+2. **Setup faststore.config.js**
 
    Choose the ecommerce platform provider of your choice in the `store.config` file and set the corresponding options. For instance, to connect to the VTEX platform on the store `fashioneurope`:
 
@@ -94,7 +94,7 @@ A quick look at the top-level files and directories you'll see in a NextJS proje
     └── yarn.lock
     ├── package.json
     ├── tsconfig.json
-    ├── store.config.js
+    ├── faststore.config.js
     ├── README.md
     ├── CHANGELOG.md
     ├── __generated__
@@ -124,7 +124,7 @@ A quick look at the top-level files and directories you'll see in a NextJS proje
 
 9.  **`tsconfig.json`**: The configuration file for the typescript compiler. This will statically analyze your code for errors and bugs before releasing them into production
 
-10. **`store.config.js`**: Configure your e-commerce platform, default sales channel etc.
+10. **`faststore.config.js`**: Configure your e-commerce platform, default sales channel etc.
 
 11. **`README.md`**: A text file containing useful reference information about your project.
 
@@ -405,7 +405,7 @@ The page rendered with CMS is:
 
 ### CMS configs
 
-It's possible to change the CMS tenant and workspace at `store.config.js`.
+It's possible to change the CMS tenant and workspace at `faststore.config.js`.
 
 ## 🎓 Learning the Frameworks
 

package/cypress/global.js

@@ -1,4 +1,4 @@
-import storeConfig from '../store.config'
+import storeConfig from '../faststore.config'
 
 export const { pages } = storeConfig.cypress
 

package/cypress/integration/a11y.test.js

@@ -4,7 +4,7 @@
  * Cypress tests for a11y (accessibility)
  */
 
-import { cypress } from '../../store.config'
+import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
 

package/cypress/integration/analytics.test.js

@@ -5,7 +5,7 @@
  */
 
 import { options } from '../global'
-import { cypress } from '../../store.config'
+import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
 

package/cypress/integration/cart.test.js

@@ -5,7 +5,7 @@
  */
 
 import { options } from '../global'
-import { cypress } from '../../store.config'
+import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
 

package/cypress/integration/performance.test.js

@@ -5,7 +5,7 @@
  */
 
 import { options } from '../global'
-import { cypress } from '../../store.config'
+import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
 

package/cypress/integration/plp.test.js

@@ -6,7 +6,7 @@
  */
 
 import { options } from '../global'
-import { cypress } from '../../store.config'
+import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
 

package/cypress/integration/search.test.js

@@ -5,7 +5,7 @@
  */
 
 import { options } from '../global'
-import { cypress } from '../../store.config'
+import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
 

package/cypress/integration/seo.test.js

@@ -7,7 +7,7 @@
  */
 
 import { options } from '../global'
-import { cypress, storeUrl } from '../../store.config'
+import { cypress, storeUrl } from '../../faststore.config'
 
 const { pages } = cypress
 

package/lighthouserc.js

@@ -1,6 +1,6 @@
 const lhConfig = require('@faststore/lighthouse').default
 
-const { lighthouse: lh } = require('./store.config')
+const { lighthouse: lh } = require('./faststore.config')
 
 module.exports = lhConfig({
   urls: Object.values(lh.pages),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {

package/src/components/ThirdPartyScripts/ThirdPartyScripts.tsx

@@ -1,6 +1,6 @@
 import { Partytown } from '@builder.io/partytown/react'
 
-import storeConfig from '../../../store.config'
+import storeConfig from '../../../faststore.config'
 import GoogleTagManager from './GoogleTagManager'
 import VTEX from './vtex'
 
@@ -13,7 +13,7 @@ const includeVTEX = storeConfig.platform === 'vtex'
 
 if (process.env.NODE_ENV === 'development' && !includeGTM) {
   console.warn(
-    'No GTM container id found. Check the analytics section on your store.config.js file for enhanced observability of your store.'
+    'No GTM container id found. Check the analytics section on your faststore.config.js file for enhanced observability of your store.'
   )
 }
 

package/src/components/product/ProductGrid/ProductGrid.stories.mdx

@@ -1,6 +1,5 @@
 import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'
 import { SearchProvider } from '@faststore/sdk'
-import storeConfig from 'store.config'
 import Sentinel from 'src/sdk/search/Sentinel'
 import { productGridItems } from 'src/../.storybook/mocks'
 

package/src/components/search/Filter/Facets.stories.mdx

@@ -1,8 +1,6 @@
 import { SearchProvider } from '@faststore/sdk'
 import { useSearch } from '@faststore/sdk'
 
-import storeConfig from 'store.config'
-
 import UIProvider, { useUI } from 'src/sdk/ui/Provider'
 import { validateSession } from 'src/sdk/session'
 import { useFilter } from './useFilter'

package/src/components/search/Filter/Filter.stories.mdx

@@ -1,8 +1,6 @@
 import { SearchProvider } from '@faststore/sdk'
 import { useSearch } from '@faststore/sdk'
 
-import storeConfig from 'store.config'
-
 import UIProvider, { useUI } from 'src/sdk/ui/Provider'
 import { validateSession } from 'src/sdk/session'
 import { useFilter } from './useFilter'

package/src/components/search/Filter/FilterSlider.stories.mdx

@@ -1,8 +1,6 @@
 import { SearchProvider } from '@faststore/sdk'
 import { useSearch } from '@faststore/sdk'
 
-import storeConfig from 'store.config'
-
 import UIProvider, { useUI } from 'src/sdk/ui/Provider'
 import { validateSession } from 'src/sdk/session'
 import { useFilter } from './useFilter'

package/src/components/search/SearchProductCard/SearchProductCard.stories.mdx

@@ -1,6 +1,5 @@
 import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs'
 import { SearchInputProvider } from 'src/sdk/search/useSearchInput'
-import storeConfig from 'store.config'
 import {
   TokenTable,
   TokenRow,

package/src/components/ui/SlideOver/SlideOver.stories.mdx

@@ -14,8 +14,6 @@ import CartSidebar from 'src/components/cart/CartSidebar'
 import { cartItem } from 'src/../.storybook/mocks/cart-sidebar'
 import { facets as facetsMock } from 'src/../.storybook/mocks/filter-slider'
 
-import storeConfig from 'store.config'
-
 import { validateSession } from 'src/sdk/session'
 import { useFilter } from 'src/components/search/Filter/useFilter'
 

package/src/pages/[...slug].tsx

@@ -26,7 +26,7 @@ import type {
   ServerCollectionPageQueryQueryVariables,
 } from '@generated/graphql'
 
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 type Props = ServerCollectionPageQueryQuery
 

package/src/pages/[slug]/p.tsx

@@ -20,7 +20,7 @@ import { execute } from 'src/server'
 import type { PDPContentType } from 'src/server/cms'
 import { getPage } from 'src/server/cms'
 
-import storeConfig from '../../../store.config'
+import storeConfig from '../../../faststore.config'
 
 /**
  * Sections: Components imported from each store's custom components and '../components/sections' only.

package/src/pages/account.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react'
 import { NextSeo } from 'next-seo'
 
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 function Page() {
   useEffect(() => {

package/src/pages/checkout.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react'
 import { NextSeo } from 'next-seo'
 
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 function Page() {
   useEffect(() => {

package/src/pages/index.tsx

@@ -15,7 +15,7 @@ import { mark } from 'src/sdk/tests/mark'
 import type { PageContentType } from 'src/server/cms'
 import { getPage } from 'src/server/cms'
 
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 /* A list of components that can be used in the CMS. */
 const COMPONENTS: Record<string, ComponentType<any>> = {

package/src/pages/login.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react'
 import { NextSeo } from 'next-seo'
 
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 function Page() {
   useEffect(() => {

package/src/pages/s.tsx

@@ -11,7 +11,7 @@ import { ITEMS_PER_PAGE } from 'src/constants'
 import { useApplySearchState } from 'src/sdk/search/state'
 import { mark } from 'src/sdk/tests/mark'
 
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 const useSearchParams = () => {
   const [params, setParams] = useState<SearchState | null>(null)

package/src/sdk/analytics/index.tsx

@@ -1,7 +1,7 @@
 import type { AnalyticsEvent } from '@faststore/sdk'
 import { useAnalyticsEvent } from '@faststore/sdk'
 
-import storeConfig from '../../../store.config'
+import storeConfig from '../../../faststore.config'
 
 if (typeof window !== 'undefined') {
   window.dataLayer = window.dataLayer ?? []

package/src/sdk/analytics/platform/vtex/search.ts

@@ -3,7 +3,7 @@
  */
 import type { AnalyticsEvent } from '@faststore/sdk'
 
-import config from '../../../../../store.config'
+import config from '../../../../../faststore.config'
 import type { SearchSelectItemEvent } from '../../types'
 
 const THIRTY_MINUTES_S = 30 * 60

package/src/sdk/cart/useCheckoutButton.ts

@@ -1,7 +1,5 @@
+import storeConfig from '../../../faststore.config'
 import { useCart } from './index'
-import * as storeConfig from '../../../store.config'
-
-const { checkoutUrl } = storeConfig
 
 export const useCheckoutButton = () => {
   const { isValidating, id } = useCart()
@@ -10,7 +8,7 @@ export const useCheckoutButton = () => {
     e.preventDefault()
 
     if (!isValidating && id) {
-      window.location.href = `${checkoutUrl}?orderFormId=${id}`
+      window.location.href = `${storeConfig.checkoutUrl}?orderFormId=${id}`
     }
   }
 

package/src/sdk/session/index.ts

@@ -1,17 +1,16 @@
 import { gql } from '@faststore/graphql-utils'
+import type { Session } from '@faststore/sdk'
 import { createSessionStore } from '@faststore/sdk'
 import { useMemo } from 'react'
-import type { Session } from '@faststore/sdk'
-
-import storeConfig from 'store.config'
 
-import { cartStore } from '../cart'
-import { request } from '../graphql/request'
-import { createValidationStore, useStore } from '../useStore'
 import type {
   ValidateSessionMutation,
   ValidateSessionMutationVariables,
 } from '../../../@generated/graphql/index'
+import storeConfig from '../../../faststore.config'
+import { cartStore } from '../cart'
+import { request } from '../graphql/request'
+import { createValidationStore, useStore } from '../useStore'
 
 export const mutation = gql`
   mutation ValidateSession($session: IStoreSession!, $search: String!) {

package/src/server/cms.ts

@@ -1,7 +1,7 @@
 import ClientCMS from '@vtex/client-cms'
 import type { ContentData, Locator } from '@vtex/client-cms'
 
-import config from '../../store.config'
+import config from '../../faststore.config'
 
 export const clientCMS = new ClientCMS({
   workspace: config.api.workspace,

package/src/server/index.ts

@@ -14,7 +14,7 @@ import { GraphQLError } from 'graphql'
 import type { Maybe, Options as APIOptions, CacheControl } from '@faststore/api'
 
 import persisted from '../../@generated/graphql/persisted.json'
-import storeConfig from '../../store.config'
+import storeConfig from '../../faststore.config'
 
 interface ExecuteOptions<V = Record<string, unknown>> {
   operationName: string

package/src/stories/customizing.stories.mdx

@@ -103,7 +103,7 @@ Its presets are defined on `src/styles/global/tokens.scss` and it's separated in
 import '../styles/themes/my-theme.scss'
 ```
 
-3. Go to `store.config.js` and change the `theme` to your file's name:
+3. Go to `faststore.config.js` and change the `theme` to your file's name:
 
 ```js
 // Theming

package/src/stories/midnight.stories.mdx

@@ -32,7 +32,7 @@ A darkmode theme created for testing purposes.
 import '../styles/themes/midnight.scss'
 ```
 
-2. Go to `store.config.js` and change the `theme` to your file's name:
+2. Go to `faststore.config.js` and change the `theme` to your file's name:
 
 ```js
 // Theming

package/src/stories/soft-blue.stories.mdx

@@ -32,7 +32,7 @@ A basic theme created for testing purposes.
 import '../styles/themes/soft-blue.scss'
 ```
 
-2. Go to `store.config.js` and change the `theme` to your file's name:
+2. Go to `faststore.config.js` and change the `theme` to your file's name:
 
 ```js
 // Theming

package/tsconfig.json

@@ -17,7 +17,11 @@
     "forceConsistentCasingInFileNames": true,
     "strict": false,
     "incremental": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "skipLibCheck": true,
+    "esModuleInterop": true
   },
   "include": ["*.d.ts", "src/**/*.ts", "src/**/*.tsx", "@generated/**/*.ts"],
   "exclude": ["node_modules", "public"]