bubble-chart-js 1.0.0

package/src/utils/config.ts

@@ -0,0 +1,33 @@
+import { Configuration } from "../models/public/configuration";
+
+/**
+ * Default configuration object.
+ */
+export const DEFAULT_CONFIG: Omit<Configuration, "canvasContainerId" | "data"> =
+  {
+    colorMap: {},
+    defaultBubbleColor: "#3498db",
+    fontColor: "#ffffff",
+    minRadius: 10,
+    maxLines: 3,
+    textWrap: true,
+    isResizeCanvasOnWindowSizeChange: true,
+    fontSize: 14,
+    fontFamily: "Arial",
+    showToolTip: true,
+  };
+
+/**
+ * Merges user config with defaults, ensuring `canvasContainerId` and `data` are required.
+ */
+export function mergeConfig(
+  customConfig: {
+    canvasContainerId: string;
+    data: Configuration["data"];
+  } & Partial<Configuration>
+): Configuration {
+  return {
+    ...DEFAULT_CONFIG,
+    ...customConfig,
+  };
+}

package/src/utils/helper.ts

@@ -0,0 +1,3 @@
+export function getFontSize(radius: number, defaultFontSize: number = 14) {
+  return Math.min(defaultFontSize, radius / 2);
+}

package/src/utils/validation.ts

@@ -0,0 +1,18 @@
+import { Configuration } from "../models/public/configuration";
+
+/**
+ * Validates configuration and ensures required properties exist.
+ */
+export function validateConfig(config: Configuration): boolean {
+  if (!config) {
+    console.error("Invalid config object");
+    return false;
+  }
+
+  if (!Array.isArray(config.data) || config.data.length === 0) {
+    console.error("Invalid or empty data array");
+    return false;
+  }
+
+  return true;
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES6",
+    "module": "ESNext",
+    "declaration": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "**/*.test.ts"]
+}

package/webpack.config.js

@@ -0,0 +1,28 @@
+const path = require("path");
+
+module.exports = {
+  entry: "./src/main.ts", // Entry point for your application
+  output: {
+    filename: "bundle.js", // Output bundle file
+    path: path.resolve(__dirname, "dist"), // Output directory
+  },
+  resolve: {
+    extensions: [".ts", ".js"], // Resolve TypeScript and JavaScript files
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/, // Apply the loader to TypeScript files
+        use: "ts-loader",
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  devServer: {
+    static: {
+      directory: path.join(__dirname, "dist"), // Serve files from the dist directory
+    },
+    compress: true,
+    port: 9000, // Port for the dev server
+  },
+};