Chore: Split entry points to make dark/light more easier to use

package.json

@@ -1,8 +1,8 @@
 {
   "name": "epic-remark",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Epic Remark is an all-in-one markdown to HTML processor built on top of remark",
-  "main": "dist/index.cjs",
+  "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "type": "module",
   "files": [
@@ -41,6 +41,7 @@
     "@babel/preset-env": "^7.23.6",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "css-loader": "^6.8.1",

rollup.config.js

@@ -3,8 +3,8 @@ import commonjs from '@rollup/plugin-commonjs';
 import postcss from 'rollup-plugin-postcss';
 import { terser } from 'rollup-plugin-terser';
 
-const createConfig = (format, outputFile, cssFile) => ({
-  input: 'src/index.js',
+const createConfig = (inputFile, format, outputFile, cssFile) => ({
+  input: inputFile,
   output: {
     file: `dist/${outputFile}`,
     format: format,
@@ -22,12 +22,8 @@ const createConfig = (format, outputFile, cssFile) => ({
 });
 
 export default [
-  // ESM build for light mode
-  createConfig('esm', 'index.esm.js', 'index.esm.light.css'),
-  // ESM build for dark mode
-  createConfig('esm', 'index.esm.js', 'index.esm.dark.css'),
-  // CommonJS build for light mode
-  createConfig('cjs', 'index.cjs', 'index.cjs.light.css'),
-  // CommonJS build for dark mode
-  createConfig('cjs', 'index.cjs', 'index.cjs.dark.css'),
+  createConfig('src/index-light.js', 'esm', 'index.esm.js', 'index.esm.light.css'),
+  createConfig('src/index-dark.js', 'esm', 'index.esm.js', 'index.esm.dark.css'),
+  createConfig('src/index-light.js', 'cjs', 'index.cjs', 'index.cjs.light.css'),
+  createConfig('src/index-dark.js', 'cjs', 'index.cjs', 'index.cjs.dark.css'),
 ];

src/index-dark.js

@@ -0,0 +1,7 @@
+import './styles-dark.css';
+import addHeadingIds from './plugins/addHeadingIds.js';
+import wrapElements from './plugins/wrapElements.js';
+import addTableOfContents from './plugins/addTableOfContents.js';
+import calculateReadingTime from './plugins/calculateReadingTime.js';
+import processMarkdown from './processMarkdown.js';
+export { addHeadingIds, wrapElements, addTableOfContents, calculateReadingTime, processMarkdown };

src/index-light.js

@@ -0,0 +1,7 @@
+import './styles-light.css';
+import addHeadingIds from './plugins/addHeadingIds.js';
+import wrapElements from './plugins/wrapElements.js';
+import addTableOfContents from './plugins/addTableOfContents.js';
+import calculateReadingTime from './plugins/calculateReadingTime.js';
+import processMarkdown from './processMarkdown.js';
+export { addHeadingIds, wrapElements, addTableOfContents, calculateReadingTime, processMarkdown };

src/index.js

@@ -1,4 +1,5 @@
 import './styles-dark.css';
+import './styles-light.css';
 import addHeadingIds from './plugins/addHeadingIds.js';
 import wrapElements from './plugins/wrapElements.js';
 import addTableOfContents from './plugins/addTableOfContents.js';