fix: overhaul packaging of production build

.storybook/main.js

@@ -2,7 +2,7 @@
 const path = require('path');
 
 const config = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../lib/**/*.mdx', '../lib/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',

src/components/general/SearchBar/SearchBar.tsx → lib/components/general/SearchBar/SearchBar.tsx

@@ -25,7 +25,6 @@ export interface SearchBarProps {
 const SearchBar = (props: SearchBarProps) => {
   const {
     groupFilters,
-    filterFacets,
     onSearch,
     searchTitle,
     placeholder,

lib/components/general/index.ts

@@ -0,0 +1,4 @@
+export * from './HyperLink';
+export * from './SearchBar';
+export * from './SearchableList';
+export * from './LocalHostWarning';

lib/components/index.ts

@@ -0,0 +1,2 @@
+export * from './general';
+export * from './stacks';

lib/components/stacks/analytics/index.ts

@@ -0,0 +1 @@
+export * from './LineChart';

lib/components/stacks/index.ts

@@ -0,0 +1 @@
+export * from './analytics';

lib/sdks/index.ts

@@ -0,0 +1,2 @@
+export * from './sentry';
+export * from './segment';

lib/sdks/segment/index.ts

@@ -0,0 +1 @@
+export { SegmentAnalyticsProvider } from './SegmentMarketplaceProvider';

lib/sdks/sentry/index.ts

@@ -0,0 +1 @@
+export { sentryMarketplaceAppsSDK } from './sentryMarketplaceAppsSDK';

lib/types/customTypes.ts

@@ -0,0 +1,12 @@
+export interface ContentfulNetworkHeaders {
+    'X-Contentful-App'?: string;
+    'X-Contentful-ContentType'?: string;
+    'X-Contentful-Entry'?: string;
+    'X-Contentful-Environment'?: string;
+    'X-Contentful-EnvironmentAlias'?: string;
+    'X-Contentful-Field'?: string;
+    'X-Contentful-Location'?: string;
+    'X-Contentful-Organization'?: string;
+    'X-Contentful-Space'?: string;
+    'X-Contentful-User'?: string;
+  }

lib/types/index.ts

@@ -0,0 +1 @@
+export * from './customTypes';

package.json

@@ -1,14 +1,31 @@
 {
   "name": "@contentful/integration-frontend-toolkit",
-  "version": "1.7.1",
+  "version":  "1.7.1",
+  "author": "Contentful",
+  "license": "MIT",
+  "description": "Contentful internal helper toolkit for Integrations",
+  "source": "./lib/index.ts",
+  "type": "module",
   "files": [
-    "components",
-    "sdks",
-    "types"
+    "dist"
   ],
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "private": false,
+  "exports": {
+    "./components": {
+      "import": "./dist/components.js",
+      "require": "./dist/components.cjs",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./sdks": {
+      "import": "./dist/sdks.js",
+      "require": "./dist/sdks.cjs",
+      "types": "./dist/sdks/index.d.ts"
+    },
+    "./types": {
+      "import": "./dist/types.js",
+      "require": "./dist/types.cjs",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
   "dependencies": {
     "@contentful/app-sdk": "^4.24.0",
     "@contentful/f36-components": "^4.35.0",

tsconfig.json

@@ -1,22 +1,25 @@
 {
   "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
-    "moduleResolution": "Node",
-    "declaration": true,
-    "removeComments": true,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "allowSyntheticDefaultImports": true,
-    "target": "ESNext",
-    "sourceMap": false,
-    "baseUrl": "./src",
-    "outDir": ".",
-    "incremental": true,
-    "jsx": "react-jsx",
     "skipLibCheck": true,
-    "strict": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
     "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
   },
-  "include": ["src/"],
-  "exclude": ["!src/"],
+  "include": ["lib", "test"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.node.json

@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
     "composite": true,
+    "skipLibCheck": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
   },
-  "include": ["vite.config.ts", "package.json"]
+  "include": ["vite.config.ts"]
 }

vite.config.ts

@@ -5,15 +5,26 @@ import dts from 'vite-plugin-dts';
 import pkg from './package.json';
 
 export default defineConfig({
-  plugins: [react(), dts({ include: ['src'] })],
+  plugins: [react(), dts({
+    exclude: ["lib/**/*.spec.ts", "test"],
+  })],
   build: {
+    ssr: true,
+    minify: false,
     lib: {
-      entry: resolve(__dirname, './src/index.ts'),
-      formats: ['es'],
-      fileName: () => 'index.es.js',
+      entry: {
+        "components": resolve(__dirname, 'lib/components/index.ts'),
+        "sdks": resolve(__dirname, 'lib/sdks/index.ts'),
+        "types": resolve(__dirname, 'lib/types/index.ts'),
+      },
+      formats: ['es', 'cjs']
     },
     rollupOptions: {
       external: [...Object.keys(pkg.peerDependencies)],
+      output: {
+        preserveModules: true,
+        preserveModulesRoot: 'lib',
+      },
     },
   },
 });