@bikdotai/bik-widgets 1.0.0

package/log-server.js

@@ -0,0 +1,86 @@
+const WebSocket = require('ws');
+
+const colors = {
+  reset: '\x1b[0m',
+  red: '\x1b[31m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  cyan: '\x1b[36m',
+  gray: '\x1b[90m',
+};
+
+const levelColors = {
+  error: colors.red,
+  warn: colors.yellow,
+  info: colors.blue,
+  debug: colors.cyan,
+};
+
+const formatLog = ({ level, message, timestamp, data, source }) => {
+  if (!level || !message) {
+    return `${colors.red}[INVALID LOG]${colors.reset}: ${JSON.stringify({ level, message, timestamp, data, source })}`;
+  }
+
+  const date = new Date(timestamp || Date.now());
+  const time = date.toLocaleTimeString('en-US', { hour12: false });
+  const ms = date.getMilliseconds().toString().padStart(3, '0');
+
+  const levelColor = levelColors[level] || '';
+
+  let output = `[${colors.gray}${time}.${ms}${colors.reset}]`;
+  if (source) output += ` [${source}]`;
+  output += ` ${levelColor}${level.toUpperCase()}${colors.reset}: ${message}`;
+  if (data !== undefined) {
+    output += ` | data: ${typeof data === 'string' ? data : JSON.stringify(data)}`;
+  }
+
+  return output;
+};
+
+const createLogServer = (port = 4040) => {
+  const wss = new WebSocket.Server({ port });
+  console.log(`WebSocket Log Server running on ws://localhost:${port}`);
+
+  wss.on('connection', ws => {
+    ws.on('message', data => {
+      try {
+        console.log(formatLog(JSON.parse(data.toString())));
+      } catch {
+        console.log(
+          `${colors.red}[PARSE ERROR]${colors.reset}: ${data.toString().substring(0, 100)}`,
+        );
+      }
+    });
+
+    ws.on('error', err => {
+      console.error(`${colors.red}[WS ERROR]${colors.reset}:`, err.message);
+    });
+  });
+
+  wss.on('error', err => {
+    console.error(`${colors.red}[SERVER ERROR]${colors.reset}:`, err.message);
+  });
+
+  process.on('SIGINT', () => {
+    console.log('\nShutting down...');
+    wss.clients.forEach(ws => {
+      if (ws.readyState === WebSocket.OPEN) {
+        ws.terminate();
+      }
+    });
+    wss.close(() => process.exit(0));
+  });
+
+  return wss;
+};
+
+if (require.main === module) {
+  const port = parseInt(process.argv[2]) || 4040;
+  if (port < 1 || port > 65535) {
+    console.error('Invalid port number');
+    process.exit(1);
+  }
+  createLogServer(port);
+}
+
+module.exports = { createLogServer };

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@bikdotai/bik-widgets",
+  "version": "1.0.0",
+  "description": "Follow below steps",
+  "main": "index.js",
+  "scripts": {
+    "stats": "webpack --profile --json > stats.json",
+    "start": "webpack serve --mode=development --env stage=dev",
+    "build-mfe": "rm -rf dist-mfe && webpack --mode production --env stage=mfe infra=staging",
+    "build-mfe-prod": "rm -rf dist-mfe && webpack --mode production --env stage=mfe infra=production",
+    "build-widgets": "rm -rf dist && webpack --mode production --env stage=widgets infra=staging",
+    "build-widgets-prod": "rm -rf dist && webpack --mode production --env stage=widgets infra=production",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "server": "nodemon server/server.js",
+    "log-server": "node log-server.js",
+    "merge-reports": "mochawesome-merge cypress/results/*.json > cypress/results/cypress-combined-report.json",
+    "generate-html-report": "npm run merge-reports && marge cypress/results/cypress-combined-report.json -f htmlReport -o cypress/results-html",
+    "cypress-staging": "npx cypress run --reporter mochawesome --config-file cypress.staging.config.ts --browser electron && npm run generate-html-report",
+    "prettier": "prettier --write .",
+    "prettier:check": "prettier --check ."
+  },
+  "keywords": [],
+  "author": "Comida Technologies",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.20.5",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@bikdotai/bik-models": "^1.25.219",
+    "@svgr/webpack": "^6.5.1",
+    "@types/react": "^18.0.37",
+    "@typescript-eslint/eslint-plugin": "^5.59.0",
+    "@typescript-eslint/parser": "^5.59.0",
+    "autoprefixer": "^10.4.21",
+    "babel-loader": "^9.1.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "css-loader": "^6.7.3",
+    "cssnano": "^7.1.1",
+    "csso-webpack-plugin": "^3.0.0",
+    "cypress": "^12.17.2",
+    "cypress-mochawesome-reporter": "^3.5.1",
+    "eslint": "^8.38.0",
+    "eslint-plugin-react": "^7.32.2",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "mocha": "^10.2.0",
+    "mochawesome": "^7.1.3",
+    "mochawesome-merge": "^4.3.0",
+    "nodemon": "^2.0.21",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.2.0",
+    "prettier": "^3.5.3",
+    "style-loader": "^3.3.1",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1"
+  },
+  "dependencies": {
+    "@hapi/tlds": "^1.1.0",
+    "html-react-parser": "^3.0.6",
+    "html-to-image": "^1.11.11",
+    "lottie-web": "^5.10.1",
+    "phone": "^3.1.41",
+    "preact": "^10.11.3",
+    "react-inlinesvg": "^3.0.1",
+    "react-modal": "^3.16.1",
+    "uuid": "^9.0.1",
+    "ws": "^8.18.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BikDotAiDev/bik-widgets.git"
+  },
+  "bugs": {
+    "url": "https://github.com/BikDotAiDev/bik-widgets/issues"
+  },
+  "homepage": "https://github.com/BikDotAiDev/bik-widgets#readme"
+}

package/postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: [
+    require('autoprefixer'),
+    require('cssnano')({
+      preset: 'default',
+    }),
+  ],
+};

package/src/Globals.d.ts

@@ -0,0 +1,2 @@
+declare module '*.module.css';
+declare module '*.module.scss';