Merge pull request #2 from almond-bongbong/feature/refactor-config

♻️ Improve build configuration and clean up code

Author: almond-bongbong

rollup.config.mjs

@@ -1,12 +1,20 @@
+import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
+import eslint from '@rollup/plugin-eslint';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
-import typescript from 'rollup-plugin-typescript2';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import postcss from 'rollup-plugin-postcss';
-import babel from '@rollup/plugin-babel';
-import eslint from '@rollup/plugin-eslint';
+import typescript from 'rollup-plugin-typescript2';
+
+import fs from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
-import packageJson from './package.json' assert { type: 'json' };
+const configPath = join(
+  dirname(fileURLToPath(import.meta.url)),
+  './package.json',
+);
+const packageJson = JSON.parse(fs.readFileSync(configPath, 'utf8'));
 
 const extensions = ['js', 'jsx', 'ts', 'tsx', 'mjs'];
 

src/index.tsx

@@ -1,12 +1,4 @@
-'use client';
-
-import React, {
-  ReactElement,
-  ReactNode,
-  useCallback,
-  useEffect,
-  useRef,
-} from 'react';
+import React, { ReactElement, useCallback, useEffect, useRef } from 'react';
 import styles from './index.module.scss';
 import { randomNumBetween } from './libs/utils';
 import Particle from './model/Particle';