feat: add npm

index.ts

@@ -0,0 +1,6 @@
+import Echo, {echoDefault} from "./lib/echo"
+
+export {
+    Echo,
+    echoDefault
+}

lib/echo.ts

@@ -1 +1,28 @@
 "use strict";
+
+import Echo from "./core/Echo";
+import { Effect } from "./types/enum/effect";
+
+function generatedOption(effect: VisualEffects): EchoDefaultOptions {
+    if(!["wave", "pulse", "flash"].includes(effect)) {
+        throw new Error("There is no such effect")
+    }
+
+    const options: EchoDefaultOptions = {
+        visualEffect: effect,
+        sound: null,
+        delay: 0,
+        vibration: false,
+        duration: 500,
+        color: "#3677c6",
+        size: 100
+    }
+
+    return options ? options : null
+}
+
+const options = generatedOption(Effect.PULSE)
+const echo = new Echo(options);
+
+export {echo as echoDefault}
+export default Echo;

package.json

@@ -15,13 +15,14 @@
   "type": "commonjs",
   "main": "index.js",
   "scripts": {
-    "build:dev": "webpack",
-    "build:prod": "webpack"
+    "build:dev": "webpack --env mode=development",
+    "build:prod": "webpack --env mode=production"
   },
   "devDependencies": {
     "@eslint/js": "^9.19.0",
     "eslint": "^9.19.0",
     "globals": "^15.14.0",
+    "html-webpack-plugin": "^5.6.3",
     "ts-loader": "^9.5.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",

webpack.config.ts

@@ -1,16 +1,25 @@
 import webpack from "webpack";
 import path from 'path';
 
-const webpackConfig = (env: any) => {
+type TypeBuild = "development" | "production"
+
+interface EnvVariables {
+    mode: TypeBuild
+}
+
+
+const webpackConfig = (env: EnvVariables) => {
+    const isDevevelopment = env.mode === "development"
+    const isProduction = env.mode === "production"
+
     const config: webpack.Configuration = {
         mode: env.mode ?? "development",
-        entry: path.resolve(__dirname, "lib", "index.ts"),
+        entry: path.resolve(__dirname, "index.ts"),
         output: {
             path: path.resolve(__dirname, "dist"),
             filename: "[name].[contenthash].js",
             clean: true
         },
-
         module: {
             rules: [
               {
@@ -23,11 +32,11 @@ const webpackConfig = (env: any) => {
         resolve: {
           extensions: ['.tsx', '.ts', '.js'],
         },
-        
+
     }
 
     return config;
 }
 
 
-export default webpackConfig;
+export default webpackConfig;