migrated build to rollup/npm

enabled react-jsx in runtime

Author: stripearmy

dist/css/styles.css

@@ -0,0 +1,11 @@
+import React from 'react';
+import './css/styles.css';
+export interface IosScrollLockProps {
+    bgColor?: string;
+    isInline?: boolean;
+    className?: string;
+    isOpen?: boolean;
+    children: React.ReactNode;
+}
+declare function IosScrollLock({ children, isOpen, isInline, className, bgColor, }: IosScrollLockProps): React.JSX.Element;
+export default IosScrollLock;

dist/index.d.ts

@@ -0,0 +1,5 @@
+import IosScrollLock from './IosScrollLock';
+export default IosScrollLock;
+export { IosScrollLock };
+export type { IosScrollLockProps } from './IosScrollLock';
+export * from './IosScrollLock';

dist/react-ios-scroll-lock.css

@@ -2,14 +2,48 @@
   "name": "react-ios-scroll-lock",
   "author": "Arsen Mkrtchyan (stripearmy)",
   "private": false,
-  "version": "1.0.7",
+  "version": "1.0.10",
   "description": "A lightweight CSS-only scroll lock solution for iOS Safari and Android",
-  "type": "module",
-  "main": "dist/react-ios-scroll-lock.umd.js",
-  "module": "dist/react-ios-scroll-lock.es.js",
-  "types": "dist/index.d.ts",
   "repository": "https://github.com/stripearmy/react-ios-scroll-lock.git",
-  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/react-ios-scroll-lock.esm.js",
+      "require": "./dist/react-ios-scroll-lock.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./css": "./dist/css/index.js",
+    "./styles.css": "./dist/css/styles.css"
+  },
+  "main": "dist/react-ios-scroll-lock.js",
+  "module": "dist/react-ios-scroll-lock.esm.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npx rollup -c",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "rollup": "^3.29.4",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.6.2",
+    "typescript": "^4.9.5"
+  },
   "keywords": [
     "react",
     "scroll lock",
@@ -63,47 +97,5 @@
     "lightweight scroll lock css",
     "lightweight-scroll-lock-css"
   ],
-  "files": [
-    "dist",
-    "styles"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/react-ios-scroll-lock.umd.js"
-    },
-    "./css": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/react-ios-scroll-lock.css"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "peerDependencies": {
-    "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.21.0",
-    "@types/node": "^22.13.10",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^15.15.0",
-    "prettier": "3.5.3",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.24.1",
-    "vite": "^6.2.0",
-    "vite-plugin-static-copy": "^2.3.0",
-    "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0",
-    "vite-plugin-dts": "^4.5.3"
-  }
+  "license": "MIT"
 }

dist/types/IosScrollLock.d.ts

@@ -0,0 +1,49 @@
+import path from 'path';
+import commonjs from '@rollup/plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
+import postcss from 'rollup-plugin-postcss';
+import terser from '@rollup/plugin-terser';
+import copy from 'rollup-plugin-copy';
+
+export default {
+    input: 'src/index.ts',
+    output: [
+        {
+            file: 'dist/react-ios-scroll-lock.js',
+            format: 'cjs',
+            exports: 'named',
+            sourcemap: false
+        },
+        {
+            file: 'dist/react-ios-scroll-lock.esm.js',
+            format: 'esm',
+            exports: 'named',
+            sourcemap: false
+        }
+    ],
+    plugins: [
+        resolve(),
+        commonjs(),
+        typescript({
+            tsconfig: './tsconfig.json',
+            jsx: 'react',
+            declaration: true,
+            declarationDir: 'dist/types'
+        }),
+        postcss({
+            extract: path.resolve('dist/css/styles.css'),
+            minimize: true
+        }),
+        copy({
+            targets: [
+                {
+                    src: 'src/css/index.js',
+                    dest: 'dist/css'
+                }
+            ]
+        }),
+        terser()
+    ],
+    external: ['react', 'react-dom', 'react/jsx-runtime']
+};

dist/types/index.d.ts

@@ -8,5 +8,7 @@ interface IosScrollLockProps {
     isOpen?: boolean;
     children: React.ReactNode;
 }
+
 declare function IosScrollLock({ children, isOpen, isInline, className, bgColor, }: IosScrollLockProps): import("react/jsx-runtime").JSX.Element;
+
 export default IosScrollLock;

package.json

@@ -1,7 +1,7 @@
 import React, {useEffect} from 'react';
-import("./styles/styles.css");
+import './css/styles.css';
 
-interface IosScrollLockProps {
+export interface IosScrollLockProps {
   bgColor?: string;
   isInline?: boolean;
   className?: string;

rollup.config.js

@@ -0,0 +1 @@
+import './styles.css';