chatroom-app 1.0.0

package/dist/components/dialog-box/dialog-box.component.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit-element';
+import { Message } from '../../models/message.model';
+/**
+ * dialog-box
+ */
+export declare class DialogBoxComponent extends LitElement {
+    static styles: import("lit-element").CSSResult;
+    messages: Message[];
+    topic: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    private _closeDialog;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dialog-box': DialogBoxComponent;
+    }
+}

package/dist/components/dialog-box/dialog-box.controller.d.ts

@@ -0,0 +1,6 @@
+export declare class DialogBoxController {
+    private model;
+    constructor();
+    setMessage(message: string): void;
+    getMessage(): string;
+}

package/dist/components/dialog-box/dialog-box.model.d.ts

@@ -0,0 +1,5 @@
+export declare class DialogBoxModel {
+    private message;
+    setMessage(message: string): void;
+    getMessage(): string;
+}

package/dist/components/main/main.component.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit-element';
+import '../message-box/message-box.component';
+import '../dialog-box/dialog-box.component';
+/**
+ * main-container
+ *
+ */
+export declare class MainContainerComponent extends LitElement {
+    static styles: import("lit-element").CSSResult;
+    private controller;
+    private topic;
+    token: string;
+    clientId: string;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleMessageSent;
+    private _handleDialogClosed;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'main-container': MainContainerComponent;
+    }
+}

package/dist/components/main/main.controller.d.ts

@@ -0,0 +1,16 @@
+import { MainModel } from './main.model';
+import MQTTService from '../../utils/mqtt-service';
+export declare class MainController {
+    private clientId;
+    private model;
+    private mqttService?;
+    private historyService?;
+    getMqttService(): MQTTService | undefined;
+    getMainModel(): MainModel;
+    constructor(clientid: string);
+    initMqtt(): void;
+    sendMessage(message: string): void;
+    getMessages(): string[];
+    addMessage(message: string): void;
+    getHistory(topic: string): import("../../models/message.model").Message[];
+}

package/dist/components/main/main.model.d.ts

@@ -0,0 +1,5 @@
+export declare class MainModel {
+    private messages;
+    addMessage(message: string): void;
+    getMessages(): string[];
+}

package/dist/components/message-box/message-box.component.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit-element';
+/**
+ * message-box
+ */
+export declare class MessageBoxComponent extends LitElement {
+    static styles: import("lit-element").CSSResult;
+    private controller;
+    clientId: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    private _sendMessage;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'message-box': MessageBoxComponent;
+    }
+}

package/dist/components/message-box/message-box.controller.d.ts

@@ -0,0 +1,8 @@
+import { MessageBoxModel } from './message-box.model';
+export declare class MessageBoxController {
+    private model;
+    getModel(): MessageBoxModel;
+    constructor();
+    updateMessage(message: string): void;
+    getMessage(): string;
+}

package/dist/components/message-box/message-box.model.d.ts

@@ -0,0 +1,5 @@
+export declare class MessageBoxModel {
+    private message;
+    setMessage(message: string): void;
+    getMessage(): string;
+}

package/dist/index.scss

@@ -0,0 +1,40 @@
+:root {
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+}

package/dist/models/message.model.d.ts

@@ -0,0 +1,6 @@
+export interface Message {
+    topic: string;
+    username: string;
+    message: string;
+    timestamp: Date;
+}

package/dist/services/history.service.d.ts

@@ -0,0 +1,6 @@
+import { Message } from '../models/message.model';
+export declare class HistoryService {
+    private history;
+    constructor();
+    getHistory(topic: string): Message[];
+}

package/dist/utils/mqtt-config.d.ts

@@ -0,0 +1,5 @@
+import { IClientOptions } from 'mqtt';
+export declare function generateMqttConfig(clientId: string): {
+    brokerUrl: any;
+    options: IClientOptions;
+};

package/dist/utils/mqtt-service.d.ts

@@ -0,0 +1,9 @@
+import { IClientOptions } from 'mqtt';
+declare class MQTTService {
+    private client;
+    constructor(brokerUrl: string, options?: IClientOptions);
+    subscribe(topic: string, callback: (topic: string, message: Buffer) => void): void;
+    publish(topic: string, message: string): void;
+    disconnect(): void;
+}
+export default MQTTService;

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "chatroom-app",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/chatroom-app.cjs",
+  "module": "./dist/chatroom-app.mjs",
+  "exports": {
+    ".": {
+      "require": "./dist/chatroom-app.cjs",
+      "import": "./dist/chatroom-app.mjs"
+    }
+  },
+  "types": "module",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "license": "ISC",
+  "private": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "build:css": "sass src/styles/tailwind.scss src/styles/tailwind.css",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "autoprefixer": "^10.4.20",
+    "dotenv": "^16.4.7",
+    "https-proxy-agent": "^7.0.6",
+    "lit-element": "^4.1.0",
+    "mqtt": "^5.10.3",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
+    "vite-plugin-ssr": "^0.4.142"
+  },
+  "devDependencies": {
+    "sass": "^1.83.1",
+    "typescript": "^5.7.3",
+    "vite": "^3.0.8",
+    "vite-plugin-html": "^3.2.2"
+  }
+}