drop emition for theme-store

packages/gatsby-theme-store/src/gatsby-browser.tsx → packages/gatsby-theme-store/gatsby-browser.js

@@ -4,31 +4,26 @@
 import 'requestidlecallback-polyfill'
 
 import React, { StrictMode } from 'react'
-import { UIProvider } from '@vtex/store-sdk'
 import ReactDOM from 'react-dom'
-import type { WrapRootElementBrowserArgs } from 'gatsby'
-import type { ReactChild } from 'react'
+import { UIProvider } from '@vtex/store-sdk'
 
-import ErrorBoundary from './components/Error/ErrorBoundary'
-import { Provider as OrderFormProvider } from './sdk/orderForm/Provider'
-import { Provider as VTEXRCProvider } from './sdk/pixel/vtexrc/Provider'
+import ErrorBoundary from './src/components/Error/ErrorBoundary'
+import { Provider as OrderFormProvider } from './src/sdk/orderForm/Provider'
+import { Provider as VTEXRCProvider } from './src/sdk/pixel/vtexrc/Provider'
 import {
   onRouteUpdate as progressOnRouteUpdate,
   Progress,
-} from './sdk/progress'
-import { Provider as RegionProvider } from './sdk/region/Provider'
-import { Provider as ToastProvider } from './sdk/toast/Provider'
+} from './src/sdk/progress'
+import { Provider as RegionProvider } from './src/sdk/region/Provider'
+import { Provider as ToastProvider } from './src/sdk/toast/Provider'
 
 export const onClientEntry = async () => {
   if (typeof IntersectionObserver === 'undefined') {
     await import('intersection-observer')
   }
 }
 
-export const replaceHydrateFunction = () => (
-  element: ReactChild,
-  container: Element
-) => {
+export const replaceHydrateFunction = () => (element, container) => {
   let hydrate = true
 
   // This part will be removed by webpack on production builds since this only
@@ -42,13 +37,12 @@ export const replaceHydrateFunction = () => (
   }
 
   // There are versions of React currently exporting createRoot and others exporting unstable_createRoot
-  const createRoot =
-    ReactDOM.createRoot || (ReactDOM as any).unstable_createRoot
+  const createRoot = ReactDOM.createRoot || ReactDOM.unstable_createRoot
 
   createRoot(container, { hydrate }).render(element)
 }
 
-export const wrapRootElement = ({ element }: WrapRootElementBrowserArgs) => {
+export const wrapRootElement = ({ element }) => {
   const root = (
     <ErrorBoundary>
       <VTEXRCProvider>
@@ -74,10 +68,7 @@ export const onInitialClientRender = () => {
   globalThis.__REACT_HYDRATED__ = true
 }
 
-export const wrapPageElement = ({
-  element,
-  props: { location },
-}: WrapRootElementBrowserArgs | any) => (
+export const wrapPageElement = ({ element, props: { location } }) => (
   <Progress location={location}>{element}</Progress>
 )
 

packages/gatsby-theme-store/src/gatsby-config.ts → packages/gatsby-theme-store/gatsby-config.js

@@ -1,8 +1,6 @@
-import type { Options } from './gatsby-node'
-
 const root = process.cwd()
 
-module.exports = ({ locales, defaultLocale }: Options) => ({
+module.exports = ({ locales, defaultLocale }) => ({
   plugins: [
     {
       resolve: require.resolve('gatsby-plugin-bundle-stats'),

packages/gatsby-theme-store/src/gatsby-node.ts → packages/gatsby-theme-store/gatsby-node.js

@@ -1,37 +1,18 @@
-import { resolve, relative } from 'path'
+const { resolve, relative } = require('path')
 
-import type {
-  CreateWebpackConfigArgs,
-  PluginOptionsSchemaArgs,
-  ParentSpanPluginArgs,
-} from 'gatsby'
-
-export const onPostBootstrap = (
-  _: ParentSpanPluginArgs,
-  { storeId }: Options
-) => {
+exports.onPostBootstrap = (_, { storeId }) => {
   process.env.GATSBY_STORE_ID = storeId
 }
 
-export interface Options {
-  storeId: string
-  locales: string[]
-  defaultLocale: string
-  profiling?: boolean
-}
-
-export const pluginOptionsSchema = ({ Joi }: PluginOptionsSchemaArgs) =>
+exports.pluginOptionsSchema = ({ Joi }) =>
   Joi.object({
     storeId: Joi.string().required(),
     locales: Joi.array().items(Joi.string()).required(),
     defaultLocale: Joi.string().required(),
     profiling: Joi.boolean(),
   })
 
-const resolveToTS = (
-  pkg: string,
-  file: 'gatsby-browser' | 'gatsby-ssr' | 'gatsby-node'
-): Record<string, string> => {
+const resolveToTS = (pkg, file) => {
   const root = `${process.cwd()}/.cache`
 
   let cjs = require.resolve(`${pkg}/${file}.js`, { paths: [process.cwd()] })
@@ -47,9 +28,9 @@ const resolveToTS = (
   }
 }
 
-export const onCreateWebpackConfig = (
-  { actions: { setWebpackConfig }, stage }: CreateWebpackConfigArgs,
-  { profiling = false }: Options
+exports.onCreateWebpackConfig = (
+  { actions: { setWebpackConfig }, stage },
+  { profiling = false }
 ) => {
   const profilingConfig =
     stage === 'build-javascript' && profiling === true
@@ -92,8 +73,6 @@ export const onCreateWebpackConfig = (
         // Resolve to the .ts versions of gatsby-(browser|ssr) so we don't end up by adding the whole lib.
         ...resolveToTS('gatsby-plugin-next-seo', 'gatsby-browser'),
         ...resolveToTS('gatsby-plugin-next-seo', 'gatsby-ssr'),
-        ...resolveToTS('@vtex/gatsby-theme-store', 'gatsby-browser'),
-        ...resolveToTS('@vtex/gatsby-theme-store', 'gatsby-ssr'),
         '@vtex/order-manager': require.resolve(
           '@vtex/order-manager/src/index.tsx'
         ),

packages/gatsby-theme-store/src/gatsby-ssr.tsx → packages/gatsby-theme-store/gatsby-ssr.js

@@ -1,23 +1,19 @@
 import { UIProvider } from '@vtex/store-sdk'
 import React from 'react'
-import type { RenderBodyArgs, WrapRootElementNodeArgs } from 'gatsby'
 
-import { handleUserBackOnline } from './sdk/offline'
-import { Provider as RegionProvider } from './sdk/region/Provider'
-import { Provider as ToastProvider } from './sdk/toast/Provider'
+import { handleUserBackOnline } from './src/sdk/offline'
+import { Provider as RegionProvider } from './src/sdk/region/Provider'
+import { Provider as ToastProvider } from './src/sdk/toast/Provider'
 
-export const wrapRootElement = ({ element }: WrapRootElementNodeArgs) => (
+export const wrapRootElement = ({ element }) => (
   <UIProvider>
     <RegionProvider>
       <ToastProvider>{element}</ToastProvider>
     </RegionProvider>
   </UIProvider>
 )
 
-export const onRenderBody = ({
-  setPostBodyComponents,
-  pathname,
-}: RenderBodyArgs) => {
+export const onRenderBody = ({ setPostBodyComponents, pathname }) => {
   if (!pathname.startsWith('/offline')) {
     return null
   }

packages/gatsby-theme-store/index.js

@@ -0,0 +1 @@
+// noop

packages/gatsby-theme-store/package.json

@@ -3,14 +3,20 @@
   "version": "0.373.6",
   "description": "Gatsby theme for building ecommerce websites",
   "main": "index.js",
+  "module": "src/index.ts",
+  "browser": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "gatsby-*",
+    "index.js",
+    "src"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/vtex/faststore",
     "directory": "packages/gatsby-theme-store"
   },
-  "module": "src/index.ts",
-  "browser": "src/index.ts",
-  "sideEffects": false,
   "scripts": {
     "build": "cross-env NODE_ENV=production tsc",
     "develop": "tsc --watch",

packages/gatsby-theme-store/tsconfig.json

@@ -3,6 +3,7 @@
   "compilerOptions": {
     "outDir": ".",
     "alwaysStrict": false,
+    "noEmit": true,
     "jsx": "react"
   },
   "include": ["./src/**/*.ts", "./src/**/*.tsx"],