separate ssr safe modules

Author: zemkogabor

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue-wrapper",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "Bootstrap 5 components in Vue3 wrapper.",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,6 +12,10 @@
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
+    },
+    "./ssr-safe": {
+      "import": "./dist/ssr-safe.js",
+      "types": "./dist/ssr-safe.d.ts"
     }
   },
   "files": [

src/index.ts

@@ -1,16 +1,6 @@
-export { default as BsBreadcrumb } from './components/bs-breadcrumb/BsBreadcrumb.vue'
-export { default as BsForm } from '@/components/bs-form/BsForm.vue'
-export { default as BsInput } from '@/components/bs-input/BsInput.vue'
-export { default as BsCheckbox } from '@/components/bs-checkbox/BsCheckbox.vue'
-export { default as BsTextarea } from '@/components/bs-textarea/BsTextarea.vue'
-export { default as BsPaginator } from '@/components/bs-paginator/BsPaginator.vue'
-export { default as BsTable } from '@/components/bs-table/BsTable.vue'
-export { default as BsToast } from '@/components/bs-toast/BsToast.vue'
-export { default as BsModal } from '@/components/bs-modal/BsModal.vue'
-export { default as BsSelect } from '@/components/bs-select/BsSelect.vue'
-export { default as BsRadio } from '@/components/bs-radio/BsRadio.vue'
-export { default as BsOffcanvas } from '@/components/bs-offcanvas/BsOffcanvas.vue'
-export type { default as BreadCrumbItem } from '@/types/BreadcrumbItem.ts'
-export type { default as Option } from '@/types/Option.ts'
-export type { default as Field } from '@/types/Field.ts'
-export { useValidator } from '@/components/validator/Validator.ts'
+export * from './ssr-safe'
+
+// These components are not SSR-safe, so they should not be used in server-side rendering contexts.
+export { default as BsToast } from './components/bs-toast/BsToast.vue'
+export { default as BsModal } from './components/bs-modal/BsModal.vue'
+export { default as BsOffcanvas } from './components/bs-offcanvas/BsOffcanvas.vue'

src/ssr-safe.ts

@@ -0,0 +1,14 @@
+export { default as BsBreadcrumb } from './components/bs-breadcrumb/BsBreadcrumb.vue'
+export { default as BsForm } from './components/bs-form/BsForm.vue'
+export { default as BsInput } from './components/bs-input/BsInput.vue'
+export { default as BsCheckbox } from './components/bs-checkbox/BsCheckbox.vue'
+export { default as BsTextarea } from './components/bs-textarea/BsTextarea.vue'
+export { default as BsPaginator } from './components/bs-paginator/BsPaginator.vue'
+export { default as BsTable } from './components/bs-table/BsTable.vue'
+export { default as BsSelect } from './components/bs-select/BsSelect.vue'
+export { default as BsRadio } from './components/bs-radio/BsRadio.vue'
+
+export type { default as BreadCrumbItem } from './types/BreadcrumbItem.ts'
+export type { default as Option } from './types/Option.ts'
+export type { default as Field } from './types/Field.ts'
+export { useValidator } from './components/validator/Validator.ts'

vite.config.ts

@@ -12,7 +12,10 @@ export default defineConfig({
   },
   build: {
     lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
+      entry: {
+        index: resolve(__dirname, 'src/index.ts'),
+        'ssr-safe': resolve(__dirname, 'src/ssr-safe.ts'),
+      },
       formats: ['es'],
       name: 'BootstrapVueWrapper',
       fileName: 'bootstrap-vue-wrapper',