Implement #663.

davidjerleke · Dec 26, 2023 · 76d0493 · 76d0493
1 parent d7539b6
commit 76d0493
Show file tree

Hide file tree

Showing 20 changed files with 241 additions and 219 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,7 +4,7 @@ packages/embla-carousel*/embla-carousel*
 packages/embla-carousel*/components
 packages/embla-carousel*/esm
 packages/embla-carousel*/cjs
-public
+
 
 # yarn
 .yarn/*

diff --git a/.prettierignore b/.prettierignore
@@ -2,8 +2,15 @@
 packages/embla-carousel*/index.d.ts
 packages/embla-carousel*/embla-carousel*
 packages/embla-carousel*/components
-packages/embla-carousel*/esm
-packages/embla-carousel*/cjs
+
+packages/embla-carousel*/cjs/index.d.ts
+packages/embla-carousel*/cjs/embla-carousel*
+packages/embla-carousel*/cjs/components
+
+packages/embla-carousel*/esm/index.d.ts
+packages/embla-carousel*/esm/embla-carousel*
+packages/embla-carousel*/esm/components
+
 public
 static
 docs

diff --git a/package.json b/package.json
@@ -37,10 +37,9 @@
     "start": "yarn workspace embla-carousel-docs run start",
     "start:vanilla": "npm-run-all --parallel watch:package-vanilla watch:playground-vanilla",
     "start:react": "npm-run-all --parallel watch:package-vanilla watch:package-react watch:playground-react",
-    "build": "npm-run-all build:packages build:package-readmes build:package-nodenext format",
+    "build": "npm-run-all build:packages build:package-readmes format",
     "build:packages": "yarn workspaces foreach -vt --exclude \"{embla-carousel-monorepo,embla-carousel-playground-vanilla,embla-carousel-playground-react}\" run build",
     "build:package-readmes": "npx ts-node --project scripts/tsconfig.node.json scripts/create-readmes/index.ts --templatePath=scripts/create-readmes/readme-template.md",
-    "build:package-nodenext": "npx ts-node --project scripts/tsconfig.node.json scripts/create-nodenext-support/index.ts",
     "build:docs": "yarn workspace embla-carousel-docs run predeploy",
     "eslint:report": "yarn workspaces foreach -v --exclude \"{embla-carousel-monorepo,embla-carousel-playground-vanilla,embla-carousel-playground-react}\" run eslint:report",
     "prettier:report": "prettier \"**/*.{js,jsx,tsx,ts,scss,json}\" --check",

diff --git a/packages/embla-carousel-auto-height/rollup.config.js b/packages/embla-carousel-auto-height/rollup.config.js
@@ -1,6 +1,6 @@
 import packageJson from './package.json'
 import {
-  PACKAGE_FORMATS,
+  FOLDERS,
   CONFIG_BABEL,
   CONFIG_TYPESCRIPT,
   CONFIG_GLOBALS,
@@ -9,31 +9,32 @@ import {
   resolve,
   terser,
   createBuildPath,
-  kebabToPascalCase
+  kebabToPascalCase,
+  createNodeNextSupport
 } from '../../rollup.config'
 
 export default [
   {
     input: 'src/index.ts',
     output: [
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.CJS),
-        format: PACKAGE_FORMATS.CJS,
+        file: createBuildPath(packageJson, FOLDERS.CJS),
+        format: FOLDERS.CJS,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true,
         exports: 'auto'
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.ESM),
-        format: PACKAGE_FORMATS.ESM,
+        file: createBuildPath(packageJson, FOLDERS.ESM),
+        format: FOLDERS.ESM,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.UMD),
-        format: PACKAGE_FORMATS.UMD,
+        file: createBuildPath(packageJson, FOLDERS.UMD),
+        format: FOLDERS.UMD,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: false,
@@ -42,6 +43,11 @@ export default [
       }
     ],
     external: Object.keys(CONFIG_GLOBALS),
-    plugins: [resolve(), typescript(CONFIG_TYPESCRIPT), babel(CONFIG_BABEL)]
+    plugins: [
+      resolve(),
+      typescript(CONFIG_TYPESCRIPT),
+      babel(CONFIG_BABEL),
+      createNodeNextSupport()
+    ]
   }
 ]
diff --git a/packages/embla-carousel-auto-height/src/index.ts b/packages/embla-carousel-auto-height/src/index.ts
@@ -1,3 +1,2 @@
 export { AutoHeightType, AutoHeightOptionsType } from './components/AutoHeight'
-
 export { default } from './components/AutoHeight'
diff --git a/packages/embla-carousel-autoplay/rollup.config.js b/packages/embla-carousel-autoplay/rollup.config.js
@@ -1,6 +1,6 @@
 import packageJson from './package.json'
 import {
-  PACKAGE_FORMATS,
+  FOLDERS,
   CONFIG_BABEL,
   CONFIG_TYPESCRIPT,
   CONFIG_GLOBALS,
@@ -9,31 +9,32 @@ import {
   resolve,
   terser,
   createBuildPath,
-  kebabToPascalCase
+  kebabToPascalCase,
+  createNodeNextSupport
 } from '../../rollup.config'
 
 export default [
   {
     input: 'src/index.ts',
     output: [
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.CJS),
-        format: PACKAGE_FORMATS.CJS,
+        file: createBuildPath(packageJson, FOLDERS.CJS),
+        format: FOLDERS.CJS,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true,
         exports: 'auto'
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.ESM),
-        format: PACKAGE_FORMATS.ESM,
+        file: createBuildPath(packageJson, FOLDERS.ESM),
+        format: FOLDERS.ESM,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.UMD),
-        format: PACKAGE_FORMATS.UMD,
+        file: createBuildPath(packageJson, FOLDERS.UMD),
+        format: FOLDERS.UMD,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: false,
@@ -42,6 +43,11 @@ export default [
       }
     ],
     external: Object.keys(CONFIG_GLOBALS),
-    plugins: [resolve(), typescript(CONFIG_TYPESCRIPT), babel(CONFIG_BABEL)]
+    plugins: [
+      resolve(),
+      typescript(CONFIG_TYPESCRIPT),
+      babel(CONFIG_BABEL),
+      createNodeNextSupport()
+    ]
   }
 ]
diff --git a/packages/embla-carousel-autoplay/src/index.ts b/packages/embla-carousel-autoplay/src/index.ts
@@ -1,3 +1,2 @@
 export { AutoplayType, AutoplayOptionsType } from './components/Autoplay'
-
 export { default } from './components/Autoplay'
diff --git a/packages/embla-carousel-class-names/rollup.config.js b/packages/embla-carousel-class-names/rollup.config.js
@@ -1,6 +1,6 @@
 import packageJson from './package.json'
 import {
-  PACKAGE_FORMATS,
+  FOLDERS,
   CONFIG_BABEL,
   CONFIG_TYPESCRIPT,
   CONFIG_GLOBALS,
@@ -9,31 +9,32 @@ import {
   resolve,
   terser,
   createBuildPath,
-  kebabToPascalCase
+  kebabToPascalCase,
+  createNodeNextSupport
 } from '../../rollup.config'
 
 export default [
   {
     input: 'src/index.ts',
     output: [
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.CJS),
-        format: PACKAGE_FORMATS.CJS,
+        file: createBuildPath(packageJson, FOLDERS.CJS),
+        format: FOLDERS.CJS,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true,
         exports: 'auto'
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.ESM),
-        format: PACKAGE_FORMATS.ESM,
+        file: createBuildPath(packageJson, FOLDERS.ESM),
+        format: FOLDERS.ESM,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.UMD),
-        format: PACKAGE_FORMATS.UMD,
+        file: createBuildPath(packageJson, FOLDERS.UMD),
+        format: FOLDERS.UMD,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: false,
@@ -42,6 +43,11 @@ export default [
       }
     ],
     external: Object.keys(CONFIG_GLOBALS),
-    plugins: [resolve(), typescript(CONFIG_TYPESCRIPT), babel(CONFIG_BABEL)]
+    plugins: [
+      resolve(),
+      typescript(CONFIG_TYPESCRIPT),
+      babel(CONFIG_BABEL),
+      createNodeNextSupport()
+    ]
   }
 ]
diff --git a/packages/embla-carousel-class-names/src/index.ts b/packages/embla-carousel-class-names/src/index.ts
@@ -1,3 +1,2 @@
 export { ClassNamesType, ClassNamesOptionsType } from './components/ClassNames'
-
 export { default } from './components/ClassNames'
diff --git a/packages/embla-carousel-react/rollup.config.js b/packages/embla-carousel-react/rollup.config.js
@@ -1,6 +1,6 @@
 import packageJson from './package.json'
 import {
-  PACKAGE_FORMATS,
+  FOLDERS,
   CONFIG_BABEL,
   CONFIG_TYPESCRIPT,
   CONFIG_GLOBALS,
@@ -11,7 +11,8 @@ import {
   resolve,
   terser,
   createBuildPath,
-  kebabToPascalCase
+  kebabToPascalCase,
+  createNodeNextSupport
 } from '../../rollup.config'
 
 const CONFIG_GLOBALS_MODULE = {
@@ -28,17 +29,17 @@ export default [
     input: 'src/index.ts',
     output: [
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.CJS),
-        format: PACKAGE_FORMATS.CJS,
+        file: createBuildPath(packageJson, FOLDERS.CJS),
+        format: FOLDERS.CJS,
         globals: CONFIG_GLOBALS_MODULE,
         strict: true,
         sourcemap: true,
         exports: 'auto',
         plugins: resolve(CONFIG_EXTERNAL_MODULES)
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.ESM),
-        format: PACKAGE_FORMATS.ESM,
+        file: createBuildPath(packageJson, FOLDERS.ESM),
+        format: FOLDERS.ESM,
         globals: CONFIG_GLOBALS_MODULE,
         strict: true,
         sourcemap: true,
@@ -53,8 +54,8 @@ export default [
     input: 'src/index.ts',
     output: [
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.UMD),
-        format: PACKAGE_FORMATS.UMD,
+        file: createBuildPath(packageJson, FOLDERS.UMD),
+        format: FOLDERS.UMD,
         globals: CONFIG_GLOBALS_UMD,
         strict: true,
         sourcemap: false,
@@ -63,7 +64,12 @@ export default [
       }
     ],
     onwarn: CONFIG_EXTERNAL_MODULE_SUPPRESS,
-    plugins: [resolve(), typescript(CONFIG_TYPESCRIPT), babel(CONFIG_BABEL)],
+    plugins: [
+      resolve(),
+      typescript(CONFIG_TYPESCRIPT),
+      babel(CONFIG_BABEL),
+      createNodeNextSupport()
+    ],
     external: Object.keys(CONFIG_GLOBALS_UMD)
   }
 ]
diff --git a/packages/embla-carousel-react/src/index.ts b/packages/embla-carousel-react/src/index.ts
@@ -1,9 +1,2 @@
-export {
-  EmblaOptionsType,
-  EmblaEventType,
-  EmblaPluginType,
-  EmblaCarouselType
-} from 'embla-carousel/index'
 export { UseEmblaCarouselType } from './components/useEmblaCarousel'
-
 export { default } from './components/useEmblaCarousel'
diff --git a/packages/embla-carousel-reactive-utils/rollup.config.js b/packages/embla-carousel-reactive-utils/rollup.config.js
@@ -1,6 +1,6 @@
 import packageJson from './package.json'
 import {
-  PACKAGE_FORMATS,
+  FOLDERS,
   CONFIG_BABEL,
   CONFIG_TYPESCRIPT,
   CONFIG_GLOBALS,
@@ -9,31 +9,32 @@ import {
   resolve,
   terser,
   createBuildPath,
-  kebabToPascalCase
+  kebabToPascalCase,
+  createNodeNextSupport
 } from '../../rollup.config'
 
 export default [
   {
     input: 'src/index.ts',
     output: [
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.CJS),
-        format: PACKAGE_FORMATS.CJS,
+        file: createBuildPath(packageJson, FOLDERS.CJS),
+        format: FOLDERS.CJS,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true,
         exports: 'auto'
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.ESM),
-        format: PACKAGE_FORMATS.ESM,
+        file: createBuildPath(packageJson, FOLDERS.ESM),
+        format: FOLDERS.ESM,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: true
       },
       {
-        file: createBuildPath(packageJson, PACKAGE_FORMATS.UMD),
-        format: PACKAGE_FORMATS.UMD,
+        file: createBuildPath(packageJson, FOLDERS.UMD),
+        format: FOLDERS.UMD,
         globals: CONFIG_GLOBALS,
         strict: true,
         sourcemap: false,
@@ -42,6 +43,11 @@ export default [
       }
     ],
     external: Object.keys(CONFIG_GLOBALS),
-    plugins: [resolve(), typescript(CONFIG_TYPESCRIPT), babel(CONFIG_BABEL)]
+    plugins: [
+      resolve(),
+      typescript(CONFIG_TYPESCRIPT),
+      babel(CONFIG_BABEL),
+      createNodeNextSupport()
+    ]
   }
 ]
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,7 +4,7 @@ packages/embla-carousel*/embla-carousel* @@
     packages/embla-carousel*/components
     packages/embla-carousel*/esm
     packages/embla-carousel*/cjs
-    public
     # yarn
     .yarn/*
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,2 @@
		export { AutoHeightType, AutoHeightOptionsType } from './components/AutoHeight'

		export { default } from './components/AutoHeight'
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,2 @@
		export { AutoplayType, AutoplayOptionsType } from './components/Autoplay'

		export { default } from './components/Autoplay'
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,2 @@
		export { ClassNamesType, ClassNamesOptionsType } from './components/ClassNames'

		export { default } from './components/ClassNames'