iosignal 3.3.0 → 4.0.0

package/examples/react-chat-js/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "react-chat-js",
-  "private": true,
-  "version": "1.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "iosignal": "file:../..",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-react": "^5.0.1",
-    "vite": "^7.1.3"
-  }
-}

package/examples/react-chat-js/src/App.css

@@ -1,61 +0,0 @@
-html, body, #root, .App {
-  height: 100%;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-.App {
-  padding: 20px;
-  box-sizing: border-box;
-}
-
-h1 {
-  margin-top: 0;
-  color: #333;
-}
-
-.messages {
-  flex-grow: 1; /* 남은 공간을 모두 차지하도록 설정 */
-  border: 1px solid #ccc;
-  padding: 10px;
-  overflow-y: auto; /* 내용이 넘치면 스크롤바 표시 */
-  margin-bottom: 10px;
-  display: flex;
-  flex-direction: column; /* 메시지를 아래에서 위로 쌓이도록 */
-  justify-content: flex-end; /* 메시지를 아래로 정렬 */
-}
-
-.messages div {
-  background-color: #f0f0f0;
-  padding: 8px;
-  margin-bottom: 5px;
-  border-radius: 5px;
-  text-align: left;
-}
-
-.input-area {
-  display: flex;
-  gap: 10px;
-  margin-top: auto; /* 항상 하단에 위치하도록 */
-}
-
-.input-area input {
-  flex-grow: 1;
-  padding: 10px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-}
-
-.input-area button {
-  padding: 10px 15px;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.input-area button:hover {
-  background-color: #0056b3;
-}

package/examples/react-chat-js/src/App.jsx

@@ -1,125 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-import './App.css';
-import IO from 'iosignal/io.js';
-
-const url = 'ws://localhost:7777';
-const channel_tag = 'channel#topic';
-
-function App() {
-  const [messages, setMessages] = useState([]);
-  const [input, setInput] = useState('Hello, World!');
-  const [ioState, setIoState] = useState(null); // ioState is updated by io.on('change')
-  const [cid, setCid] = useState(null);       // cid is updated by io.on('ready')
-  const [counts, setCounts] = useState({ instances: 0, websockets: 0 }); // State for IO counts
-  const ioRef = useRef(null); // Manage io instance with useRef
-  const messagesEndRef = useRef(null);
-
-  const scrollToBottom = () => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  };
-
-  useEffect(() => {
-    scrollToBottom();
-  }, [messages]);
-
-  useEffect(() => {
-    console.log(IO.version)
-    ioRef.current = new IO(url); // Create io instance with URL
-    setCounts({ instances: IO.instanceCount, websockets: IO.webSocketCount }); // Set initial counts
-
-    if (!ioRef.current) {
-      console.error('IO instance is not initialized.');
-      return;
-    }
-
-    const handleReady = () => {
-      console.log('ready cid:', ioRef.current.cid);
-      setCid(ioRef.current.cid); // Update cid state
-      ioRef.current.subscribe(channel_tag); // Subscribe to channel
-    };
-
-    const handleChange = (state) => {
-      setIoState(state);
-      setCounts({ instances: IO.instanceCount, websockets: IO.webSocketCount }); // Update counts on state change
-    };
-
-    const handleChannelMessage = (msgObj, tag) => {
-      console.log('Received message in App:', msgObj, tag);
-      if( typeof msgObj === 'string' ) {
-        msgObj = { text: msgObj, cid: 'cli unknown' }; // Convert string to object if necessary
-      }
-      setMessages((prevMessages) => [...prevMessages, `${msgObj.cid} : ${msgObj.text}`]); // Update messages state]);
-    };
-
-    const handleError = (error) => {
-      console.error('IO Error in App:', error);
-      setIoState(`Error: ${error.message}`);
-    };
-
-    ioRef.current.on('ready', handleReady);
-    ioRef.current.on('change', handleChange);
-    ioRef.current.on(channel_tag, handleChannelMessage); // Add channel message listener
-    ioRef.current.on('error', handleError);
-
-
-    // Cleanup function: remove event listeners when component unmounts
-    return () => {
-      ioRef.current.off('ready', handleReady);
-      ioRef.current.off('change', handleChange);
-      ioRef.current.off(channel_tag, handleChannelMessage);
-      ioRef.current.off('error', handleError);
- 
-      // destroy() is called to clean up the io instance, all listeners are removed automatically
-      ioRef.current.destroy(); // Clean up the io instance
-      console.log('IO instance destroyed.');
-      ioRef.current = null; // Release the io instance reference
-    };
-  }, []); // Empty dependency array ensures this runs only once on mount
-
-  const sendMessage = () => {
-    if (input.trim()) {
-      console.log('Sending message:', input);
-      const msgObj = { text: input, cid: ioRef.current.cid };
-      console.log('Sending message object:', msgObj);
-      ioRef.current.signal(channel_tag, msgObj); // Send message to channel
-      setInput('date' + Date.now());
-    }
-  };
-
-  const ioStateStyle = {
-    color: ioState === 'ready' ? 'green' : 'red',
-    fontWeight: 'bold',
-  };
-
-  return (
-    <div className="App">
-      <h1>React Chat Example</h1>
-      <div>URL: {url}</div>
-      <div>Channel: {channel_tag}</div>
-      <div>IO State: <span style={ioStateStyle}>{ioState}</span></div>
-      <div>Client ID: {cid}</div>
-      <div>IO Instances: {counts.instances}</div>
-      <div>WebSockets Created: {counts.websockets}</div>
-      <div className="messages">
-        {messages.map((msg, index) => (
-          <div key={index}>{msg}</div>
-        ))}
-        <div ref={messagesEndRef} />
-      </div>
-      <div className="input-area">
-        <input
-          type="text"
-          value={input}
-          onChange={(e) => setInput(e.target.value)}
-          onKeyUp={(e) => e.key === 'Enter' && sendMessage()}
-          disabled={ioState !== 'ready'}
-        />
-        <button onClick={sendMessage} disabled={ioState !== 'ready'}>
-          Send
-        </button>
-      </div>
-    </div>
-  );
-}
-
-export default App;

package/examples/react-chat-js/src/index.css

@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}

package/examples/react-chat-js/src/main.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-import './index.css'
-
-const strictModeEnabled = true; // true/false 바꾸기만 하면 됨
-
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  strictModeEnabled 
-    ? <React.StrictMode><App /></React.StrictMode>
-    : <App />
-)

package/examples/react-chat-js/src/shared_io.js

@@ -1,12 +0,0 @@
-import IO from 'iosignal/io.js'
-
-
-const url = 'ws://localhost:7777';
-const io = new IO(url);
-const channel = 'chat';
-
-
-console.log('IO instance created:', io);
-
-export { io, channel};
-

package/examples/react-chat-js/vite.config.js

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})

package/examples/server/index.js

@@ -1,65 +0,0 @@
-
-import { Server, api_reply } from 'iosignal'
-import express from 'express';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-// __dirname 대체 (ESM에서는 직접 사용 불가)
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const app = express();
-let PORT = 7777;
-
-// 정적 파일 제공
-app.use(express.static(path.join(__dirname, 'public')));
-
-app.use(
-  '/dist',
-  // 실시간 iosigal 코드 수정 테스트시.
-  express.static(path.join(__dirname, '../../', 'dist')) 
-  // 설치된 패키지 사용시
-  // express.static(path.join(__dirname, 'node_modules', 'iosignal', 'dist'))
-);
-
-app.use('/chat/svelte',
-  express.static(path.join(__dirname, '../svelte-chat-js/build/'))
-);
-app.use('/chat/react',
-  express.static(path.join(__dirname, '../react-chat-js/dist/'))
-);
-app.use('/assets',
-  express.static(path.join(__dirname, '../react-chat-js/dist/assets'))
-);
-
-// 기본 라우트 (index.html 제공)
-app.get('/', (req, res) => {
-  res.sendFile(path.join(__dirname, 'public', 'index.html'));
-});
-
-let httpServer = app.listen(PORT, () => {
-  if(PORT == 0 ){
-    PORT = httpServer.address().port
-  }
-  console.log(`🚀 서버 실행 중: http://localhost:${PORT}`);
-});
-
-
-
-
-
-// httpServer.listen(8080);
-
-
-const options = {
-  httpServer: httpServer,
-  // showMetric: 2,
-  showMessage: 'message'
-}
-const ioss = new Server( options)
-
-// api  response module
-ioss.api('reply', api_reply)
-
-
-