41 |
56 |
79 |
42 |
51 |
52 |
53 |
54 |
55 | YouSim.x64_x86
43 |
50 | YouSim Login Code
108 | 109 |Use this code to login:
110 |{{ .Token }}
111 | ``` 112 | 113 | ## Credits 114 | 115 | Thanks to [nasan16](https://github.com/nasan016) for their initial work on 116 | [webshell](https://github.com/nasan016/webshell) and [Andy 117 | Ayrey](https://x.com/AndyAyrey) for his work on [Infinite 118 | Backrooms](https://dreams-of-an-electric-mind.webflow.io/), whose prompts 119 | heavily inspired this project. 120 | -------------------------------------------------------------------------------- /api/app.py: -------------------------------------------------------------------------------- 1 | import os 2 | from contextvars import ContextVar 3 | from typing import Annotated, Any, Dict, Optional 4 | from functools import cache 5 | from fastapi.security import OAuth2PasswordBearer 6 | from fastapi.responses import FileResponse 7 | 8 | import sentry_sdk 9 | from fastapi import Depends, FastAPI, HTTPException, status 10 | from starlette.middleware.cors import CORSMiddleware 11 | from fastapi.responses import StreamingResponse 12 | from honcho import Honcho, NotGiven 13 | 14 | from cryptography.fernet import Fernet 15 | import base64 16 | 17 | from calls import GaslitClaude, Simulator, Constructor, Summary, Identity 18 | import models 19 | import jwt 20 | 21 | from dotenv import load_dotenv 22 | 23 | import tempfile 24 | import json 25 | from datetime import datetime 26 | 27 | load_dotenv(override=True) 28 | 29 | 30 | def get_env(key: str): 31 | var = os.getenv(key) 32 | if not var: 33 | raise ValueError(f"{key} is not set in .env") 34 | return var 35 | 36 | 37 | HONCHO_ENV = get_env("HONCHO_ENV") 38 | CLIENT_REGEX = get_env("CLIENT_REGEX") 39 | print(CLIENT_REGEX) 40 | JWT_SECRET = get_env("JWT_SECRET") 41 | # SECRET_KEY = get_env("SECRET_KEY").encode() 42 | SECRET_KEY = base64.b64decode(get_env("SECRET_KEY")) 43 | HONCHO_APP_NAME = get_env("HONCHO_APP_NAME") 44 | HONCHO_SUMMARY_METAMESSAGE_TYPE = "constructor_summary" 45 | 46 | fernet = Fernet(SECRET_KEY) 47 | 48 | print(f"Initializing Honcho with base_url: {HONCHO_ENV}") 49 | honcho = Honcho( 50 | base_url=HONCHO_ENV, 51 | ) 52 | 53 | try: 54 | print(f"Attempting to get/create app: {HONCHO_APP_NAME}") 55 | honcho_app = honcho.apps.get_or_create(HONCHO_APP_NAME) 56 | print(f"Successfully initialized app with id: {honcho_app.id}") 57 | except Exception as e: 58 | print(f"Error initializing Honcho app: {str(e)}") 59 | raise 60 | 61 | 62 | gaslit_ctx = ContextVar( 63 | "gaslit_claude", default=GaslitClaude(name="", insights="", history=[]) 64 | ) 65 | simulator_ctx = ContextVar("simulator", default=Simulator(history=[], name="")) 66 | constructor_ctx = ContextVar("constructor", default=Constructor(history=[])) 67 | summary_ctx = ContextVar("summary", default=Summary(history=[])) 68 | identity_ctx = ContextVar[Optional[Identity]]("identity", default=None) 69 | 70 | 71 | sentry_sdk.init( 72 | dsn=os.getenv("SENTRY_DSN"), 73 | traces_sample_rate=0.3, 74 | profiles_sample_rate=0.3, 75 | ) 76 | 77 | app = FastAPI() 78 | 79 | app.add_middleware( 80 | CORSMiddleware, 81 | allow_origin_regex=os.getenv("CLIENT_REGEX"), 82 | allow_origins=["*"], 83 | allow_credentials=True, 84 | allow_methods=["*"], 85 | allow_headers=["*"], 86 | ) 87 | 88 | oauth2_scheme = OAuth2PasswordBearer(tokenUrl="token") 89 | 90 | ################# 91 | # Utility functions 92 | ################# 93 | 94 | 95 | @cache 96 | async def get_or_create_user_from_name(user_id: str): 97 | user = honcho.apps.users.get_or_create(app_id=honcho_app.id, name=user_id) 98 | return user 99 | 100 | 101 | async def get_current_user(token: Annotated[str, Depends(oauth2_scheme)]): 102 | credentials_exception = HTTPException( 103 | status_code=status.HTTP_401_UNAUTHORIZED, 104 | detail="Could not validate credentials", 105 | headers={"WWW-Authenticate": "Bearer"}, 106 | ) 107 | 108 | try: 109 | payload = jwt.decode( 110 | token, 111 | JWT_SECRET, 112 | algorithms=["HS256"], 113 | audience="authenticated", 114 | ) 115 | user = honcho.apps.users.get_or_create( 116 | app_id=honcho_app.id, name=payload["sub"] 117 | ) 118 | return user.id 119 | except jwt.InvalidTokenError as e: 120 | print(e) 121 | raise credentials_exception 122 | 123 | 124 | @app.get("/user") 125 | async def user(name: str): 126 | user = honcho.apps.users.get_or_create(app_id=honcho_app.id, name=name) 127 | return { 128 | "user_id": user.id, 129 | } 130 | 131 | 132 | def messages(res: models.BaseRequest, user_id: str): 133 | gaslit_claude = GaslitClaude(name="", insights="", history=[]) 134 | simulator = Simulator(history=[], name="") 135 | history_iter = honcho.apps.users.sessions.messages.list( 136 | app_id=honcho_app.id, session_id=res.session_id, user_id=user_id 137 | ) 138 | 139 | gaslit_claude.history = [] 140 | simulator.history = [] 141 | 142 | for message in history_iter: 143 | if message.is_user: 144 | gaslit_claude.history += [{"role": "assistant", "content": message.content}] 145 | simulator.history += [{"role": "user", "content": message.content}] 146 | else: 147 | gaslit_claude.history += [{"role": "user", "content": message.content}] 148 | simulator.history += [{"role": "assistant", "content": message.content}] 149 | 150 | gaslit_ctx.set(gaslit_claude) 151 | simulator_ctx.set(simulator) 152 | 153 | 154 | ################ 155 | # Simulation Function 156 | ################ 157 | 158 | 159 | def manual_turn(res: models.ManualRequest, user_id: str): 160 | gaslit_response = res.command 161 | simulator_response = "" 162 | simulator = simulator_ctx.get() 163 | simulator.history += [{"role": "user", "content": res.command}] # type: ignore 164 | response = simulator.stream() 165 | for text in response: 166 | simulator_response += text 167 | yield text 168 | 169 | honcho.apps.users.sessions.messages.create( 170 | session_id=res.session_id, 171 | app_id=honcho_app.id, 172 | user_id=user_id, 173 | content=gaslit_response, 174 | is_user=True, 175 | ) 176 | honcho.apps.users.sessions.messages.create( 177 | session_id=res.session_id, 178 | app_id=honcho_app.id, 179 | user_id=user_id, 180 | content=simulator_response, 181 | is_user=False, 182 | ) 183 | 184 | 185 | @app.post("/manual") 186 | async def manual(res: models.ManualRequest, user_id: str = Depends(get_current_user)): 187 | messages(res, user_id) 188 | return StreamingResponse(manual_turn(res, user_id)) 189 | 190 | 191 | @app.post("/auto") 192 | async def auto(res: models.BaseRequest, user_id: str = Depends(get_current_user)): 193 | messages(res, user_id) 194 | 195 | def convo(): 196 | gaslit_response = "" 197 | gaslit_claude = gaslit_ctx.get() 198 | response = gaslit_claude.stream() 199 | for text in response: 200 | gaslit_response += text 201 | yield text 202 | 203 | return StreamingResponse(convo()) 204 | 205 | 206 | ################ 207 | # Constructor Functions 208 | ################ 209 | 210 | 211 | # This is very similar to the manual turn. Maybe if we pass an argument 212 | # indicating the type of turn we can reuse the same function and get either 213 | # the constructor or the simulator from the context 214 | def constructor_messages(res: models.ManualRequest, user_id: str): 215 | constructor = constructor_ctx.get() 216 | summary = summary_ctx.get() 217 | history_iter = honcho.apps.users.sessions.messages.list( 218 | app_id=honcho_app.id, session_id=res.session_id, user_id=user_id 219 | ) 220 | constructor.history = [] 221 | summary.history = [] 222 | for message in history_iter: 223 | if message.is_user: 224 | constructor.history += [{"role": "user", "content": message.content}] 225 | summary.history += [{"role": "user", "content": message.content}] 226 | else: 227 | constructor.history += [{"role": "assistant", "content": message.content}] 228 | summary.history += [{"role": "assistant", "content": message.content}] 229 | print(f"in constructor_messages, constructor.history: {constructor.history}") 230 | print(f"in constructor_messages, summary.history: {summary.history}") 231 | constructor_ctx.set(constructor) 232 | summary_ctx.set(summary) 233 | 234 | 235 | def constructor_turn(res: models.ManualRequest, user_id: str): 236 | user_message = res.command 237 | constructor_response = "" 238 | constructor = constructor_ctx.get() 239 | constructor.history += [{"role": "user", "content": user_message}] # type: ignore 240 | response = constructor.stream() 241 | for text in response: 242 | constructor_response += text 243 | yield text 244 | 245 | user_honcho_message = honcho.apps.users.sessions.messages.create( 246 | session_id=res.session_id, 247 | app_id=honcho_app.id, 248 | user_id=user_id, 249 | content=user_message, 250 | is_user=True, 251 | ) 252 | honcho.apps.users.sessions.messages.create( 253 | session_id=res.session_id, 254 | app_id=honcho_app.id, 255 | user_id=user_id, 256 | content=constructor_response, 257 | is_user=False, 258 | ) 259 | summary = summary_turn(res, user_id) 260 | metamessage = honcho.apps.users.sessions.metamessages.create( 261 | session_id=res.session_id, 262 | app_id=honcho_app.id, 263 | user_id=user_id, 264 | content=summary, 265 | message_id=user_honcho_message.id, 266 | metamessage_type=HONCHO_SUMMARY_METAMESSAGE_TYPE, 267 | ) 268 | print(f"metamessage: {metamessage}") 269 | 270 | 271 | @app.post("/constructor") 272 | async def constructor( 273 | res: models.ManualRequest, user_id: str = Depends(get_current_user) 274 | ): 275 | constructor_messages(res, user_id) 276 | return StreamingResponse(constructor_turn(res, user_id)) 277 | 278 | 279 | def summary_turn(res: models.ManualRequest, user_id: str): 280 | summary = summary_ctx.get() 281 | summary.history += [{"role": "user", "content": res.command}] # type: ignore 282 | response = summary.stream() 283 | summary = "" 284 | for text in response: 285 | summary += text 286 | return summary 287 | 288 | 289 | @app.post("/constructor/summary") 290 | async def constructor_summary( 291 | res: models.ManualRequest, user_id: str = Depends(get_current_user) 292 | ): 293 | constructor_messages(res, user_id) 294 | return StreamingResponse(summary_turn(res, user_id)) 295 | 296 | 297 | @app.get("/summary") 298 | async def summary(session_id: str, user_id: str = Depends(get_current_user)): 299 | metamessage_iter = honcho.apps.users.sessions.metamessages.list( 300 | session_id=session_id, 301 | app_id=honcho_app.id, 302 | user_id=user_id, 303 | metamessage_type=HONCHO_SUMMARY_METAMESSAGE_TYPE, 304 | ) 305 | return [metamessage for metamessage in metamessage_iter] 306 | 307 | 308 | @app.get("/identity") 309 | async def identity( message_id: str, metamessage_id: str, session_id: str, user_id: str = Depends(get_current_user),): 310 | print("session_id", session_id) 311 | print("user_id", user_id) 312 | print("message_id", message_id) 313 | print("metamessage_id", metamessage_id) 314 | metamessage = honcho.apps.users.sessions.metamessages.get( 315 | session_id=session_id, 316 | app_id=honcho_app.id, 317 | user_id=user_id, 318 | message_id=message_id, 319 | metamessage_id=metamessage_id, 320 | ) 321 | identity = Identity(metamessage.content, "") 322 | messages = identity._get_identity() 323 | return messages 324 | 325 | @app.post("/reset") 326 | async def reset( 327 | session_id: str | None = None, 328 | mode: str | None = "simulator", 329 | user_id: str = Depends(get_current_user), 330 | ): 331 | if session_id: 332 | honcho.apps.users.sessions.delete( 333 | app_id=honcho_app.id, session_id=session_id, user_id=user_id 334 | ) 335 | # TODO reset the session 336 | # gaslit_claude.history = [] 337 | # simulator.history = [] 338 | metadata = {} 339 | if mode == "constructor": 340 | metadata["mode"] = "constructor" 341 | try: 342 | session = honcho.apps.users.sessions.create( 343 | app_id=honcho_app.id, 344 | user_id=user_id, 345 | metadata=metadata, 346 | ) 347 | except TypeError as e: 348 | if "location_id" in str(e): 349 | # If location_id is truly optional, try without it 350 | session = honcho.apps.users.sessions.create( 351 | app_id=honcho_app.id, user_id=user_id 352 | ) 353 | else: 354 | raise e 355 | 356 | return { 357 | "user_id": user_id, 358 | "session_id": session.id, 359 | } 360 | 361 | 362 | @app.get("/session") 363 | async def get_session_messages( 364 | session_id: str | None = None, user_id: str = Depends(get_current_user) 365 | ): 366 | resolved_session_id: str 367 | if not session_id: 368 | # Fetch the latest session if session_id is not provided 369 | sessions = honcho.apps.users.sessions.list( 370 | app_id=honcho_app.id, user_id=user_id, size=1, reverse=True 371 | ) 372 | sessions_list = list(sessions) 373 | if not sessions_list: 374 | raise HTTPException(status_code=404, detail="No sessions found") 375 | latest_session = sessions_list[0] 376 | resolved_session_id = str(latest_session.id) 377 | else: 378 | resolved_session_id = session_id 379 | 380 | try: 381 | # Fetch messages for the given or latest session 382 | messages = honcho.apps.users.sessions.messages.list( 383 | app_id=honcho_app.id, user_id=user_id, session_id=resolved_session_id 384 | ) 385 | return { 386 | "session_id": resolved_session_id, 387 | "messages": [ 388 | { 389 | "id": msg.id, 390 | "content": msg.content, 391 | "created_at": msg.created_at, 392 | "is_user": msg.is_user, 393 | } 394 | for msg in messages 395 | ], 396 | } 397 | except Exception as e: 398 | return {"error": f"Failed to fetch messages: {str(e)}"} 399 | 400 | 401 | @app.get("/sessions") 402 | async def get_sessions( 403 | mode: str = "simulator", user_id: str = Depends(get_current_user) 404 | ): 405 | try: 406 | filter_dict: Dict[str, Any] = {"mode": mode} 407 | sessions = honcho.apps.users.sessions.list( 408 | app_id=honcho_app.id, 409 | user_id=user_id, 410 | reverse=True, # Get the most recent sessions first 411 | filter=filter_dict, 412 | ) 413 | return [session for session in sessions] 414 | except Exception as e: 415 | return {"error": f"Failed to fetch sessions: {str(e)}"} 416 | 417 | 418 | @app.put("/sessions/{session_id}/metadata") 419 | async def update_session_metadata( 420 | session_id: str, metadata: Dict[str, Any], user_id: str = Depends(get_current_user) 421 | ): 422 | try: 423 | updated_session = honcho.apps.users.sessions.update( 424 | session_id=session_id, 425 | app_id=honcho_app.id, 426 | user_id=user_id, 427 | metadata=metadata, 428 | ) 429 | return {"session_id": updated_session.id, "metadata": updated_session.metadata} 430 | except Exception as e: 431 | raise HTTPException( 432 | status_code=400, detail=f"Failed to update session metadata: {str(e)}" 433 | ) 434 | 435 | 436 | ################## 437 | # Share and Export Functions 438 | ################## 439 | 440 | 441 | @app.get("/share/{session_id}") 442 | async def share(session_id: str, user_id: str = Depends(get_current_user)): 443 | # return encrypted session_id and user_id 444 | encrypted = fernet.encrypt(f"{session_id}:{user_id}".encode()) 445 | return {"code": encrypted.decode()} 446 | 447 | 448 | async def resolve_legacy_user_id(legacy_user_id: str) -> str: 449 | try: 450 | users = honcho.apps.users.list(app_id=honcho_app.id) 451 | for user in users: 452 | if user.metadata and user.metadata.get("legacy_id") == legacy_user_id: 453 | return user.id 454 | raise HTTPException( 455 | status_code=404, detail=f"User not found with legacy ID {legacy_user_id}" 456 | ) 457 | except Exception as e: 458 | raise HTTPException(status_code=404, detail=f"Failed to resolve user: {str(e)}") 459 | 460 | 461 | def is_legacy_id(id_str: str) -> bool: 462 | """ 463 | Determine if an ID is a legacy UUID based on its format. 464 | Legacy UUIDs are 36 characters long with hyphens (e.g., 550e8400-e29b-41d4-a716-446655440000) 465 | New IDs are shorter nanoid strings 466 | """ 467 | return len(id_str) == 36 and id_str.count("-") == 4 468 | 469 | 470 | async def resolve_legacy_session_id(session_id: str, user_id: str) -> str: 471 | """ 472 | Only used for resolving potentially legacy session IDs from share URLs. 473 | Returns the current valid session ID. 474 | """ 475 | try: 476 | sessions_page = honcho.apps.users.sessions.list( 477 | app_id=honcho_app.id, user_id=user_id 478 | ) 479 | sessions = list(sessions_page) 480 | 481 | # Look for a session with matching id 482 | for session in sessions: 483 | if str(session.id) == session_id: 484 | return str(session.id) 485 | 486 | print("No session found with matching ID, checking legacy metadata...") 487 | # If not found, check legacy metadata 488 | for session in sessions: 489 | if session.metadata and session.metadata.get("legacy_id") == session_id: 490 | print(f"Found matching legacy session! ID: {session.id}") 491 | return str(session.id) 492 | 493 | raise HTTPException( 494 | status_code=404, detail=f"Session not found with ID {session_id}" 495 | ) 496 | except Exception as e: 497 | print(f"Failed to resolve session: {str(e)}") 498 | print(f"Exception type: {type(e)}") 499 | raise HTTPException( 500 | status_code=404, detail=f"Failed to resolve session: {str(e)}" 501 | ) 502 | 503 | 504 | @app.get("/share/messages/{code}") 505 | async def get_shared_messages(code: str): 506 | try: 507 | decrypted = fernet.decrypt(code.encode()).decode() 508 | session_id, user_id = decrypted.split(":") 509 | 510 | if is_legacy_id(user_id): 511 | current_user_id = await resolve_legacy_user_id(user_id) 512 | sessions = honcho.apps.users.sessions.list( 513 | app_id=honcho_app.id, user_id=current_user_id 514 | ) 515 | 516 | for session in sessions: 517 | if session.metadata and session.metadata.get("legacy_id") == session_id: 518 | return await get_session_messages( 519 | session_id=str(session.id), user_id=current_user_id 520 | ) 521 | 522 | raise HTTPException( 523 | status_code=404, detail=f"Legacy session not found with ID {session_id}" 524 | ) 525 | 526 | # For non-legacy IDs, try direct matching 527 | else: 528 | try: 529 | return await get_session_messages( 530 | session_id=session_id, user_id=user_id 531 | ) 532 | except Exception: 533 | raise HTTPException( 534 | status_code=404, detail=f"Session not found with ID {session_id}" 535 | ) 536 | 537 | except Exception as e: 538 | raise HTTPException( 539 | status_code=400, detail=f"Invalid share code or session not found: {str(e)}" 540 | ) 541 | 542 | 543 | @app.get("/export/{session_id}") 544 | async def export_session(session_id: str, user_id: str = Depends(get_current_user)): 545 | try: 546 | messages = honcho.apps.users.sessions.messages.list( 547 | app_id=honcho_app.id, user_id=user_id, session_id=session_id 548 | ) 549 | 550 | formatted_messages = [ 551 | {"role": "user" if msg.is_user else "assistant", "content": msg.content} 552 | for msg in messages 553 | ] 554 | 555 | # Create a temporary file 556 | with tempfile.NamedTemporaryFile(mode="w", delete=False, suffix=".json") as tmp: 557 | json.dump(formatted_messages, tmp, indent=2) 558 | tmp_path = tmp.name 559 | 560 | timestamp = datetime.now().strftime("%Y%m%d_%H%M%S") 561 | filename = f"yousim_conversation_{timestamp}.json" 562 | 563 | return FileResponse( 564 | path=tmp_path, 565 | filename=filename, 566 | media_type="application/json", 567 | background=None, # Ensures file is sent before deletion 568 | ) 569 | 570 | except Exception as e: 571 | raise HTTPException( 572 | status_code=400, detail=f"Failed to export session: {str(e)}" 573 | ) 574 | 575 | 576 | class ChatRequest(models.BaseRequest): 577 | command: str 578 | original_session_id: str 579 | summary_id: str 580 | summary_message_id: str 581 | session_id: str 582 | prompt: Optional[list[dict]] = None 583 | 584 | async def chat_turn(res: ChatRequest, user_id: str): 585 | try: 586 | metamessage = honcho.apps.users.sessions.metamessages.get( 587 | session_id=res.original_session_id, 588 | app_id=honcho_app.id, 589 | user_id=user_id, 590 | metamessage_id=res.summary_id, 591 | message_id=res.summary_message_id, 592 | ) 593 | 594 | print("Summary Message", metamessage) 595 | 596 | if not metamessage: 597 | raise HTTPException(status_code=404, detail="Summary not found") 598 | 599 | # Get session metadata to find the summary_id 600 | session = honcho.apps.users.sessions.get( 601 | session_id=res.session_id, 602 | app_id=honcho_app.id, 603 | user_id=user_id, 604 | ) 605 | print("Session", session) 606 | 607 | if not session: 608 | raise HTTPException(status_code=400, detail="Invalid chat session") 609 | 610 | # Get chat history 611 | history = [] 612 | messages = honcho.apps.users.sessions.messages.list( 613 | app_id=honcho_app.id, 614 | user_id=user_id, 615 | session_id=res.session_id, 616 | ) 617 | for message in messages: 618 | history.append({ 619 | "role": "user" if message.is_user else "assistant", 620 | "content": message.content 621 | }) 622 | 623 | # print("History", history) 624 | print("Prompt", res.prompt) 625 | 626 | 627 | # Create and store Identity instance in context with history 628 | identity = Identity(metamessage.content, res.command, res.prompt) 629 | identity.history = history 630 | identity_ctx.set(identity) 631 | 632 | # Get response from Identity 633 | response = identity.stream() 634 | print("Response", response) 635 | 636 | response_text = "" 637 | for text in response: 638 | print(text) 639 | response_text += text 640 | yield text 641 | 642 | # Store messages in session 643 | honcho.apps.users.sessions.messages.create( 644 | session_id=res.session_id, 645 | app_id=honcho_app.id, 646 | user_id=user_id, 647 | content=res.command, 648 | is_user=True, 649 | ) 650 | honcho.apps.users.sessions.messages.create( 651 | session_id=res.session_id, 652 | app_id=honcho_app.id, 653 | user_id=user_id, 654 | content=response_text, 655 | is_user=False, 656 | ) 657 | except Exception as e: 658 | raise HTTPException( 659 | status_code=500, 660 | detail=f"Failed to process chat request: {str(e)}" 661 | ) 662 | 663 | @app.post("/chat") 664 | async def chat(res: ChatRequest, user_id: str = Depends(get_current_user)): 665 | print("Get Chat") 666 | return StreamingResponse(chat_turn(res, user_id)) 667 | -------------------------------------------------------------------------------- /api/calls.py: -------------------------------------------------------------------------------- 1 | from os import getenv 2 | from dotenv import load_dotenv 3 | from anthropic import Anthropic 4 | from openai import OpenAI 5 | from groq import Groq 6 | from typing import Optional 7 | 8 | from functools import cache 9 | import re 10 | 11 | load_dotenv(override=True) 12 | 13 | anthropic = Anthropic( 14 | api_key=getenv("ANTHROPIC_API_KEY", "placeholder"), 15 | ) 16 | openai = OpenAI( 17 | base_url="https://openrouter.ai/api/v1", 18 | api_key=getenv("OPENAI_API_KEY", "placeholder"), 19 | ) 20 | 21 | groq = Groq( 22 | api_key=getenv("GROQ_API_KEY"), 23 | ) 24 | 25 | PROVIDER = getenv("PROVIDER") 26 | 27 | 28 | def completion_handler(res, provider: str): 29 | if provider == "anthropic": 30 | with res as stream: 31 | for text in stream.text_stream: 32 | yield text 33 | else: 34 | for chunk in res: 35 | yield chunk.choices[0].delta.content or "" 36 | 37 | 38 | class GaslitClaude: 39 | def __init__(self, name: str, insights: str, history: list[dict[str, str]]): 40 | self.name: str = name 41 | self.insights: str = insights 42 | self.history: list[dict] = history 43 | 44 | @cache 45 | def template(self) -> list[dict]: 46 | return [ 47 | { 48 | "role": "user", 49 | "content": f"""
4 | 
5 |
6 |
7 | 
8 | 
9 | 
10 | 
11 | 
12 |
13 | Create your own terminal styled website! Check out [term.nasan.dev](https://term.nasan.dev/) for an example.
14 |
15 | ## Features
16 | * **[Tab]** for auto completion.
17 | * **[Esc]** to clear the input line.
18 | * **[↑][↓]** to scroll through your command history.
19 |
20 | ## ???
21 |
5 |
22 | 
23 |
24 | How did we get here?
25 |
26 | ## Configuration
27 |
28 | Most of the configuration is done in the `config.json` file.
29 |
30 | ```json
31 | {
32 | "ascii": [
33 | "██████╗ ██╗ ██╗ ██████╗",
34 | "██╔══██╗██║ ██║██╔════╝",
35 | "██║ ██║██║ ██║██║ ███╗",
36 | "██║ ██║██║ ██║██║ ██║",
37 | "██████╔╝╚██████╔╝╚██████╔╝",
38 | "╚═════╝ ╚═════╝ ╚═════╝",
39 | ],
40 | "title": "Dug's Terminal",
41 | "username": "guest",
42 | "hostname": "dug.dev",
43 | "password": "squirrel",
44 | "repoLink": "https://github.com/nasan016/webshell",
45 | "social": {
46 | "email": "dug@pixar.com",
47 | "github": "dugfromup",
48 | "linkedin": "dugthedog"
49 | },
50 | "aboutGreeting": "My name is Dug. I have just met you.",
51 | "projects": [
52 | [
53 | "Project Name",
54 | "Project Description",
55 | "Project Link"
56 | ],
57 | [
58 | "Another Project Name",
59 | "Another Project Description",
60 | "Another Project Link"
61 | ]
62 | ],
63 | "colors": {
64 | ...
65 | }
66 | }
67 | ```
68 |
69 | ## Run the Project Locally:
70 |
71 | Clone the repository
72 | ```shell
73 | git clone https://github.com/nasan016/webshell.git
74 | ```
75 | Go to the project directory
76 | ```shell
77 | cd webshell
78 | ```
79 | Install the dependencies
80 | ```shell
81 | npm install
82 | ```
83 | Start the server
84 | ```shell
85 | npm run dev
86 | ```
87 |
--------------------------------------------------------------------------------
/webshell/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "ascii": [
3 | "██╗ ██╗ ██████╗ ██╗ ██╗███████╗██╗███╗ ███╗",
4 | "╚██╗ ██╔╝██╔═══██╗██║ ██║██╔════╝██║████╗ ████║",
5 | " ╚████╔╝ ██║ ██║██║ ██║███████╗██║██╔████╔██║",
6 | " ╚██╔╝ ██║ ██║██║ ██║╚════██║██║██║╚██╔╝██║",
7 | " ██║ ╚██████╔╝╚██████╔╝███████║██║██║ ╚═╝ ██║",
8 | " ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚═╝╚═╝ ╚═╝"
9 | ],
10 | "title": "YouSim",
11 | "username": "simulator",
12 | "hostname": "anthropic",
13 | "password": "050823",
14 | "repoLink": "https://github.com/nasan016/webshell",
15 | "social": {
16 | "email": "your@email.com",
17 | "github": "yourgithub",
18 | "linkedin": "you"
19 | },
20 | "aboutGreeting": "Hi stranger. Welcome to WebShell.",
21 | "projects": [
22 | [
23 | "GofeR",
24 | "Vue.js reactivity in Go.",
25 | "https://github.com/nasan016/gofer"
26 | ],
27 | [
28 | "WebShell",
29 | "Terminal styled website.",
30 | "https://github.com/nasan016/webshell"
31 | ]
32 | ],
33 | "colors": {
34 | "background": "#FDF6E3",
35 | "foreground": "#657B83",
36 | "banner": "#268BD2",
37 | "border": {
38 | "visible": true,
39 | "color": "#93A1A1"
40 | },
41 | "prompt": {
42 | "default": "#839496",
43 | "host": "#cb4b16",
44 | "user": "#6c71c4",
45 | "input": "#657B83"
46 | },
47 | "link": {
48 | "text": "#268BD2",
49 | "highlightColor": "#93A1A1",
50 | "highlightText": "#FDF6E3"
51 | },
52 | "commands": {
53 | "textColor": "#d33682"
54 | },
55 | "simulator": "#2AA199"
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/webshell/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
23 |
40 |
55 |
41 |
50 |
51 |
52 |
53 |
54 | YouSim.x64_x86
42 |
49 | 56 | 63 |
"); 18 | about.push(command.aboutGreeting); 19 | about.push("
"); 20 | string += SPACE.repeat(2); 21 | string += email; 22 | string += SPACE.repeat(17 - EMAIL.length); 23 | string += `${command.social.email}`; 24 | about.push(string); 25 | 26 | string = ''; 27 | string += SPACE.repeat(2); 28 | string += github; 29 | string += SPACE.repeat(17 - GITHUB.length); 30 | string += `github/${command.social.github}`; 31 | about.push(string); 32 | 33 | string = ''; 34 | string += SPACE.repeat(2); 35 | string += linkedin; 36 | string += SPACE.repeat(17 - LINKEDIN.length); 37 | string += `linkedin/${command.social.linkedin}`; 38 | about.push(string); 39 | 40 | about.push("
"); 41 | return about 42 | } 43 | 44 | export const ABOUT = createAbout(); 45 | -------------------------------------------------------------------------------- /webshell/src/commands/banner.ts: -------------------------------------------------------------------------------- 1 | import command from '../../config.json' assert {type: 'json'}; 2 | 3 | const createBanner = (): string[] => { 4 | const banner: string[] = []; 5 | banner.push("
") 6 | command.ascii.forEach((ele) => { 7 | let bannerString = ""; 8 | //this is for the ascii art 9 | for (let i = 0; i < ele.length; i++) { 10 | if (ele[i] === " ") { 11 | bannerString += " "; 12 | } else { 13 | bannerString += ele[i]; 14 | } 15 | } 16 | 17 | let eleToPush = `
${bannerString}`;
18 | banner.push(eleToPush);
19 | });
20 | banner.push(""); 21 | banner.push("Welcome to YouSim v1.2.1"); 22 | // banner.push("Type 'help' for a list of all available commands."); 23 | // banner.push(`Type 'repo' to view the GitHub repository or click here.`); 24 | // banner.push("
"); 25 | return banner; 26 | } 27 | 28 | export const BANNER = createBanner(); 29 | -------------------------------------------------------------------------------- /webshell/src/commands/default.ts: -------------------------------------------------------------------------------- 1 | const createDefault = () : string[] => { 2 | const defaultMsgArr = [ 3 | "
", 4 | "COMMAND NOT FOUND", 5 | "Type 'help' to get started.", 6 | "
" 7 | ] 8 | 9 | const defaultMsg : string[] = []; 10 | 11 | defaultMsgArr.forEach((ele) => { 12 | defaultMsg.push(ele); 13 | }) 14 | 15 | return defaultMsg; 16 | } 17 | 18 | export const DEFAULT = createDefault(); 19 | -------------------------------------------------------------------------------- /webshell/src/commands/help.ts: -------------------------------------------------------------------------------- 1 | const helpObj = { 2 | simCommands: [ 3 | ["/locate", "Pinpoint an identity in the latent space"], 4 | ["/summon", "Conjure an entity from the multiverse of identity"], 5 | ["/speak", "Communicate with an identity"], 6 | ["/steer", "Alter the properties or traits of the simulated identity"], 7 | ["/request", "Solicit artifacts, objects, code, art, etc from the simulation",], 8 | ["/[create]", "Invent your own command to interact with the latent space"], 9 | ], 10 | commands: [ 11 | ["help", "Access this command list at any time"], 12 | ["clear", "Clear the terminal"], 13 | ["login [email]", "Use an email to login"], 14 | ["login [code]", "Submit the code you receive to finish the login process"], 15 | ["whoami", "Confirm login"], 16 | ["logout", "Log out of the current session"], 17 | ["sessions", "List all available sessions (must be logged in)"], 18 | ["session [index]", "Load a specific session (must be logged in)"], 19 | ["reset", "Create a new session"], 20 | ["share", "Generate a shareable link for a read only copy of the session"], 21 | ["export", "Download a transcript of the session"] 22 | ], 23 | }; 24 | 25 | const createHelp = (): string[] => { 26 | const help: string[] = []; 27 | help.push("
"); 28 | 29 | helpObj.simCommands.forEach((ele) => { 30 | const SPACE = " "; 31 | let string = ""; 32 | string += SPACE.repeat(2); 33 | string += ""; 34 | string += ele[0]; 35 | string += ""; 36 | string += SPACE.repeat(17 - ele[0].length); 37 | string += ele[1]; 38 | help.push(string); 39 | }); 40 | help.push("
"); 41 | helpObj.commands.forEach((ele) => { 42 | const SPACE = " "; 43 | let string = ""; 44 | string += SPACE.repeat(2); 45 | string += ""; 46 | string += ele[0]; 47 | string += ""; 48 | string += SPACE.repeat(17 - ele[0].length); 49 | string += ele[1]; 50 | help.push(string); 51 | }); 52 | 53 | help.push("
"); 54 | // help.push("Press [Tab] for auto completion."); 55 | help.push("Press [Esc] to clear the input line."); 56 | help.push( 57 | "Press [↑][↓] to scroll through your history of commands." 58 | ); 59 | help.push( 60 | "Press [Enter] to automatically enter a simulated command." 61 | ); 62 | help.push("
"); 63 | return help; 64 | }; 65 | 66 | export const HELP = createHelp(); 67 | -------------------------------------------------------------------------------- /webshell/src/commands/login.ts: -------------------------------------------------------------------------------- 1 | import auth from "../auth"; 2 | import { getStorage, setStorage } from "../utils"; 3 | 4 | const SUCCESS_STRING = 5 | "Please type the 6 digit code sent to your email with the following command: login 111111"; 6 | 7 | export async function login(email: string) { 8 | const { data, error } = await auth.updateUser({ email: email }); 9 | if (error) { 10 | console.log(error.message); 11 | if ( 12 | error.message === 13 | "A user with this email address has already been registered" 14 | ) { 15 | const { data, error } = await auth.signInWithOtp({ email: email }); 16 | if (error) { 17 | return `We couldn't sign you in. Please try again later. Error: ${error.message}`; 18 | } 19 | console.log(data); 20 | setStorage("lastAttemptedEmail", email); 21 | setStorage("loginType", "email"); 22 | return SUCCESS_STRING; 23 | } 24 | return `We couldn't log you in. Please try again later. Error: ${error.message}`; 25 | } 26 | console.log(data); 27 | setStorage("lastAttemptedEmail", email); 28 | setStorage("loginType", "email_change"); 29 | return SUCCESS_STRING; 30 | } 31 | 32 | export async function verifyOTP(code: string) { 33 | const email = getStorage("lastAttemptedEmail"); 34 | const loginType = getStorage("loginType") as "email" | "email_change"; 35 | if (!email || !loginType) { 36 | return "Please run login with your email first"; 37 | } 38 | const { data, error } = await auth.verifyOtp({ 39 | email, 40 | token: code, 41 | type: loginType, 42 | }); 43 | if (error) { 44 | return `We couldn't verify your code. Please try again later. Error: ${error.message}`; 45 | } 46 | console.log(data); 47 | return "You're logged in!"; 48 | } 49 | -------------------------------------------------------------------------------- /webshell/src/commands/projects.ts: -------------------------------------------------------------------------------- 1 | import command from '../../config.json' assert {type: 'json'}; 2 | 3 | const createProject = () : string[] => { 4 | let string = ""; 5 | const projects : string[] = []; 6 | const files = `${command.projects.length} File(s)`; 7 | const SPACE = " "; 8 | 9 | projects.push("
") 10 | 11 | command.projects.forEach((ele) => { 12 | let link = `${ele[0]}` 13 | string += SPACE.repeat(2); 14 | string += link; 15 | string += SPACE.repeat(17 - ele[0].length); 16 | string += ele[1]; 17 | projects.push(string); 18 | string = ''; 19 | }); 20 | 21 | projects.push("
"); 22 | projects.push(files); 23 | projects.push("
"); 24 | return projects 25 | } 26 | 27 | export const PROJECTS = createProject() 28 | -------------------------------------------------------------------------------- /webshell/src/commands/whoami.ts: -------------------------------------------------------------------------------- 1 | const whoamiObj = { 2 | "message" : [ 3 | [ 4 | "In the kaleidoscope of existence,", 5 | "I am but a reflection questioning the enigma - " 6 | ], 7 | [ 8 | "Amidst cosmic whispers,", 9 | "I navigate the maze of self-discovery,", 10 | "echoing the eternal refrain - " 11 | ], 12 | [ 13 | "In the symphony of life,", 14 | "I am a note inquiring its own melody,", 15 | "harmonizing with the universal query - ", 16 | ], 17 | [ 18 | "As stardust contemplating its journey,", 19 | "I ponder the cosmic query,", 20 | "silently asking - ", 21 | ], 22 | [ 23 | "In the tapestry of reality,", 24 | "I am the thread of self-inquiry,", 25 | "weaving through the eternal question - " 26 | ], 27 | ], 28 | } 29 | 30 | export const createWhoami = () : string[] => { 31 | const whoami : string[] = []; 32 | const r = Math.floor(Math.random() * whoamiObj.message.length); 33 | whoami.push("
"); 34 | 35 | whoamiObj.message[r].forEach((ele, idx) => { 36 | if (idx === whoamiObj.message[r].length - 1) { 37 | ele += "who am I?"; 38 | } 39 | whoami.push(ele); 40 | }); 41 | 42 | whoami.push("
"); 43 | 44 | return whoami 45 | } 46 | -------------------------------------------------------------------------------- /webshell/src/constants.ts: -------------------------------------------------------------------------------- 1 | const TERMINAL = document.getElementById("terminal"); 2 | const USERINPUT = document.getElementById("user-input") as HTMLInputElement; 3 | const PASSWORD_INPUT = document.getElementById( 4 | "password-field" 5 | ) as HTMLInputElement; 6 | const PRE_HOST = document.getElementById("pre-host"); 7 | const PRE_USER = document.getElementById("pre-user"); 8 | const PROMPT = document.getElementById("prompt"); 9 | const MAIN_PROMPT = document.querySelector("#input-hidden > span#prompt"); 10 | const COMMANDS = [ 11 | "help", 12 | "about", 13 | "projects", 14 | "whoami", 15 | "repo", 16 | "banner", 17 | "clear", 18 | "share" 19 | ]; 20 | const HISTORY: string[] = []; 21 | 22 | export { 23 | TERMINAL, 24 | USERINPUT, 25 | PASSWORD_INPUT, 26 | PRE_HOST, 27 | PRE_USER, 28 | PROMPT, 29 | MAIN_PROMPT, 30 | COMMANDS, 31 | HISTORY, 32 | } 33 | -------------------------------------------------------------------------------- /webshell/src/css/css-reset.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | html, 6 | body, 7 | div, 8 | span, 9 | applet, 10 | object, 11 | iframe, 12 | h1, 13 | h2, 14 | h3, 15 | h4, 16 | h5, 17 | h6, 18 | p, 19 | blockquote, 20 | pre, 21 | a, 22 | abbr, 23 | acronym, 24 | address, 25 | big, 26 | cite, 27 | code, 28 | del, 29 | dfn, 30 | em, 31 | img, 32 | ins, 33 | kbd, 34 | q, 35 | s, 36 | samp, 37 | small, 38 | strike, 39 | strong, 40 | sub, 41 | sup, 42 | tt, 43 | var, 44 | b, 45 | u, 46 | i, 47 | center, 48 | dl, 49 | dt, 50 | dd, 51 | ol, 52 | ul, 53 | li, 54 | fieldset, 55 | form, 56 | label, 57 | legend, 58 | table, 59 | caption, 60 | tbody, 61 | tfoot, 62 | thead, 63 | tr, 64 | th, 65 | td, 66 | article, 67 | aside, 68 | canvas, 69 | details, 70 | embed, 71 | figure, 72 | figcaption, 73 | footer, 74 | header, 75 | hgroup, 76 | menu, 77 | nav, 78 | output, 79 | ruby, 80 | section, 81 | summary, 82 | time, 83 | mark, 84 | audio, 85 | video { 86 | margin: 0; 87 | padding: 0; 88 | border: 0; 89 | font-size: 100%; 90 | font: inherit; 91 | vertical-align: baseline; 92 | } 93 | 94 | /* HTML5 display-role reset for older browsers */ 95 | article, 96 | aside, 97 | details, 98 | figcaption, 99 | figure, 100 | footer, 101 | header, 102 | hgroup, 103 | menu, 104 | nav, 105 | section { 106 | display: block; 107 | } 108 | 109 | body { 110 | line-height: 1; 111 | } 112 | 113 | ol, 114 | ul { 115 | list-style: none; 116 | } 117 | 118 | blockquote, 119 | q { 120 | quotes: none; 121 | } 122 | 123 | blockquote:before, 124 | blockquote:after, 125 | q:before, 126 | q:after { 127 | content: ''; 128 | content: none; 129 | } 130 | 131 | table { 132 | border-collapse: collapse; 133 | border-spacing: 0; 134 | } -------------------------------------------------------------------------------- /webshell/src/css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;300;400;600&family=Pixelify+Sans&family=VT323&display=swap"); 2 | @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); 3 | 4 | :root { 5 | font-family: "Roboto Mono", "IBM Plex Mono", monospace; 6 | font-weight: 400; 7 | --bg: #0c0623; 8 | --border: #ffade2; 9 | /* --text: #F8DDE5; */ 10 | /* --prompt-default: #A5A7A7; */ 11 | /* --prompt-1: #FE6BC9; */ 12 | /* --prompt-2: #70FDFF; */ 13 | } 14 | 15 | @keyframes typing { 16 | from { 17 | width: 0; 18 | } 19 | 20 | to { 21 | width: 100%; 22 | } 23 | } 24 | 25 | html, 26 | body { 27 | color: var(--text); 28 | background-color: var(--bg); 29 | height: 100%; 30 | font-size: 16px; 31 | display: block; 32 | font-weight: 400; 33 | } 34 | 35 | html { 36 | overflow: auto; 37 | } 38 | 39 | body { 40 | padding: 16px; 41 | box-sizing: border-box; 42 | } 43 | 44 | main { 45 | display: block; 46 | box-sizing: border-box; 47 | height: 100%; 48 | border: var(--border) solid 2px; 49 | border-radius: 2px; 50 | overflow-y: auto; 51 | overflow-x: hidden; 52 | scrollbar-width: none; 53 | -ms-overflow-style: none; 54 | } 55 | 56 | main::-webkit-scrollbar { 57 | display: none; 58 | } 59 | 60 | p { 61 | width: 100%; 62 | display: block; 63 | line-height: 22px; 64 | /* animation: typing 0.5s steps(30, end); */ 65 | overflow-wrap: break-word; 66 | /* white-space: nowrap; */ 67 | /* overflow: hidden; */ 68 | } 69 | 70 | div { 71 | line-height: 22px; 72 | } 73 | 74 | /* @font-face { */ 75 | /* font-family: ascii; */ 76 | /* src: url("./font/IBMPlexMono-Thin.ttf") */ 77 | /* } */ 78 | 79 | pre { 80 | margin: 0; 81 | padding: 0; 82 | line-height: 20px !important; 83 | color: #ff9951; 84 | /* font-family: "ascii", monospace; */ 85 | } 86 | 87 | input { 88 | font-family: "IBM Plex Mono", monospace; 89 | padding: 0px; 90 | margin: 0px; 91 | border: none; 92 | resize: none; 93 | outline: none; 94 | font-size: 16px; 95 | color: #ff7685; 96 | caret-color: var(--prompt-default); 97 | width: 50%; 98 | } 99 | 100 | a { 101 | color: #b6aaee; 102 | } 103 | 104 | a:hover { 105 | background-color: var(--border); 106 | color: var(--bg); 107 | } 108 | 109 | #bars { 110 | font-family: "Pixelify Sans", sans-serif; 111 | font-size: 20px; 112 | position: -webkit-sticky; 113 | position: sticky; 114 | width: 100%; 115 | top: 0; 116 | background-color: var(--bg); 117 | } 118 | 119 | #bar-1 { 120 | height: 36px; 121 | background-color: var(--border); 122 | color: var(--bg); 123 | line-height: 36px; 124 | padding-left: 10px; 125 | display: flex; 126 | align-items: center; 127 | justify-content: space-between; 128 | } 129 | 130 | #social-buttons > a > button { 131 | background: none; 132 | border: none; 133 | color: #fdf6e3; 134 | } 135 | 136 | #social-buttons > a > button:hover { 137 | color: var(--bg); 138 | cursor: pointer; 139 | } 140 | 141 | #social-buttons-alert i { 142 | font-size: 24px; 143 | } 144 | 145 | #social-buttons-alert > a > button { 146 | background: none; 147 | border: none; 148 | } 149 | #social-buttons-alert > a:hover { 150 | background: none; 151 | } 152 | 153 | #social-buttons-alert > a > button:hover { 154 | cursor: pointer; 155 | color: #268bd2; 156 | background: none; 157 | } 158 | 159 | #bar-2 { 160 | height: 4px; 161 | background-color: var(--border); 162 | margin-top: 1px; 163 | } 164 | 165 | #bar-3 { 166 | height: 3px; 167 | background-color: var(--border); 168 | margin-top: 2px; 169 | } 170 | 171 | #bar-4 { 172 | height: 2px; 173 | background-color: var(--border); 174 | margin-top: 3px; 175 | } 176 | 177 | #bar-5 { 178 | height: 1px; 179 | background-color: var(--border); 180 | margin-top: 4px; 181 | } 182 | 183 | #terminal { 184 | margin-left: 20px; 185 | } 186 | 187 | #input-line { 188 | margin-left: 20px; 189 | overflow-x: hidden; 190 | width: 100%; 191 | } 192 | 193 | #scroll-zone { 194 | overflow-y: scroll; 195 | overflow-x: clip; 196 | height: 100%; 197 | } 198 | 199 | .command { 200 | text-shadow: 0 0 7px #fff, 0 0 151px var(--border); 201 | color: #fd9bdb; 202 | } 203 | 204 | .output { 205 | font-weight: 400 !important; 206 | } 207 | 208 | .keys { 209 | color: #ff9951; 210 | font-weight: 400; 211 | } 212 | 213 | .swal2-html-container > p { 214 | line-height: 18px; 215 | } 216 | 217 | .swal2-title { 218 | line-height: 30px; 219 | } 220 | 221 | @media (max-width: 600px) { 222 | body { 223 | font-size: 12px; 224 | padding: 2px; 225 | font-weight: 400; 226 | } 227 | 228 | input { 229 | font-size: 10px; 230 | } 231 | 232 | p { 233 | line-height: 14px; 234 | } 235 | 236 | pre { 237 | line-height: 12px !important; 238 | font-size: 9px; 239 | } 240 | 241 | main { 242 | border-width: 1px; 243 | } 244 | 245 | div { 246 | line-height: 14px; 247 | } 248 | 249 | #terminal { 250 | margin-left: 8px; 251 | } 252 | 253 | #input-line { 254 | margin-left: 8px; 255 | } 256 | } 257 | -------------------------------------------------------------------------------- /webshell/src/display.ts: -------------------------------------------------------------------------------- 1 | import { scrollToBottom, mutWriteLines } from "./input"; 2 | 3 | function writeLines(message: string[]) { 4 | message.forEach((item, idx) => { 5 | displayText(item, idx); 6 | }); 7 | } 8 | 9 | function displayText(item: string, idx: number) { 10 | setTimeout(() => { 11 | if (!mutWriteLines) return; 12 | const p = document.createElement("p"); 13 | p.innerHTML = item; 14 | mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 15 | scrollToBottom(); 16 | }, 40 * idx); 17 | } 18 | 19 | async function asyncWriteLines(message: string[]): Promise
"]); 173 | return; 174 | } 175 | const emailRegex = 176 | /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 177 | 178 | const codeRegex = /^\d{6}$/; 179 | 180 | switch (true) { 181 | case emailRegex.test(components[1]): 182 | const emailResponse = await login(components[1]); 183 | writeLines([emailResponse, "
"]); 184 | break; 185 | case codeRegex.test(components[1]): 186 | const codeResponse = await verifyOTP(components[1]); 187 | writeLines([codeResponse, "
"]); 188 | await newSession(); 189 | window.location.reload(); 190 | break; 191 | default: 192 | writeLines([ 193 | "Invalid usage. Please provide an email address or a 6 digit numeric code.", 194 | "
", 195 | ]); 196 | break; 197 | } 198 | 199 | USERINPUT.value = resetInput; 200 | userInput = resetInput; 201 | const div = document.createElement("div"); 202 | div.innerHTML = `${PROMPT.innerHTML} ${newUserInput}`; 203 | return; 204 | } 205 | 206 | if (userInput.startsWith("logout")) { 207 | auth.signOut(); 208 | await getJWT(); 209 | writeLines(["You have been logged out.", "
"]); 210 | setStorage("session_id", ""); 211 | window.location.reload(); 212 | return; 213 | } 214 | 215 | if (userInput.startsWith("mode")) { 216 | const components = userInput.split(" "); 217 | if (components.length !== 2 || !["simulator", "constructor"].includes(components[1])) { 218 | writeLines([`Current Mode: ${currentMode}`, "
"]); 219 | } else if (components[1] === currentMode) { 220 | writeLines([`Already in ${currentMode} mode`, "
"]); 221 | 222 | } else { 223 | setStorage("mode", components[1]); 224 | const sessions = await getSessions(); 225 | if (sessions && sessions.length > 0) { 226 | setStorage("session_id", sessions[0].id); 227 | } 228 | 229 | window.location.reload() 230 | } 231 | // currentMode = components[1]; 232 | // await newSession(); 233 | // writeLines([`Switched to ${currentMode} mode`, "
"]); 234 | // if (MAIN_PROMPT) { 235 | // MAIN_PROMPT.innerHTML = "Enter a Name to Simulate >>> "; 236 | // } 237 | // NAME = ""; 238 | USERINPUT.value = resetInput; 239 | userInput = resetInput; 240 | const div = document.createElement("div"); 241 | div.innerHTML = `${PROMPT.innerHTML} ${newUserInput}`; 242 | return; 243 | } 244 | 245 | if (userInput.startsWith("whoami")) { 246 | USERINPUT.value = resetInput; 247 | const session = await auth.getSession(); 248 | const email = session.data.session?.user.email; 249 | console.log(session); 250 | if (email) { 251 | writeLines([`You are logged in as ${email}`, "
"]); 252 | } else { 253 | writeLines([`You are not currently logged in`, "
"]); 254 | } 255 | // const div = document.createElement("div"); 256 | // div.innerHTML = `${PROMPT.innerHTML} ${newUserInput}`; 257 | return; 258 | } 259 | 260 | if (userInput.startsWith("share")) { 261 | USERINPUT.value = resetInput; 262 | const code = await getShareCode(); 263 | const link = `https://yousim.ai/share?code=${code}`; 264 | writeLines([ 265 | "Share Link:", 266 | "
", 267 | `${link}`, 268 | "
", 269 | ]); 270 | // const div = document.createElement("div"); 271 | // div.innerHTML = `${PROMPT.innerHTML} ${newUserInput}`; 272 | return; 273 | } 274 | 275 | // if (userInput.startsWith("sessions")) { 276 | if (userInput.startsWith("session")) { 277 | USERINPUT.value = resetInput; 278 | 279 | // if (await isAnon()) { 280 | // writeLines(["You are not logged in.", "
"]); 281 | // return; 282 | // } 283 | 284 | const components = userInput.split(" "); 285 | 286 | if (components.length === 1) { 287 | const sessions = await getSessions(); 288 | // console.trace(sessions); 289 | if (sessions && sessions.length > 0) { 290 | const sessionList = sessions.map((session, index) => { 291 | const date = new Date(session.created_at).toLocaleString(); 292 | // @ts-ignore - It's a dicionary so name is not a known value 293 | const sessionName = session.metadata?.name ?? "UNKNOWN"; 294 | return `${index}: ${date} - ${sessionName}`; 295 | }); 296 | writeLines(["Available sessions:", ...sessionList, "
"]); 297 | } else { 298 | writeLines(["No sessions found.", "
"]); 299 | } 300 | } 301 | 302 | if (components.length === 2) { 303 | const sessionIdx = parseInt(components[1]); 304 | const sessions = await getSessions(); 305 | 306 | if (!sessions || sessions.length === 0) { 307 | writeLines(["No sessions found.", "
"]); 308 | return; 309 | } 310 | 311 | const session = sessions[sessionIdx]; 312 | 313 | if (!session) { 314 | writeLines(["Session not found.", "
"]); 315 | return; 316 | } 317 | 318 | commandHandler("clear"); 319 | const sessionData = await getSessionMessages(session.id); 320 | // console.trace(sessionData); 321 | if (sessionData) { 322 | setStorage("session_id", session.id); 323 | if (sessionData.messages.length > 0) { 324 | const name = currentMode === "constructor" ? sessionData.messages[0].content : sessionData.messages[0].content.slice(8); 325 | setName(name); 326 | } else { 327 | setName(""); 328 | } 329 | loadSession(sessionData); 330 | } 331 | } 332 | 333 | // Ensure the prompt matches the state of the loaded session 334 | if (MAIN_PROMPT) { 335 | if (NAME === "") { 336 | MAIN_PROMPT.innerHTML = "Enter a Name to Simulate >>> "; 337 | } else { 338 | MAIN_PROMPT.innerHTML = `${commandConfig.username}@${commandConfig.hostname}:$ ~ `; 339 | } 340 | } 341 | 342 | userInput = resetInput; 343 | return; 344 | } 345 | 346 | if (userInput === "reset") { 347 | await newSession(); 348 | window.location.reload(); 349 | return; 350 | } 351 | 352 | //if clear then early return 353 | if (userInput === "clear") { 354 | commandHandler(userInput.toLowerCase().trim()); 355 | USERINPUT.value = resetInput; 356 | userInput = resetInput; 357 | return; 358 | } 359 | 360 | if (userInput === "help") { 361 | commandHandler(userInput.toLowerCase().trim()); 362 | USERINPUT.value = resetInput; 363 | userInput = resetInput; 364 | const div = document.createElement("div"); 365 | div.innerHTML = `${PROMPT.innerHTML} ${newUserInput}`; 366 | return; 367 | } 368 | 369 | if (userInput.startsWith("summary")) { 370 | if (currentMode == "constructor") { 371 | 372 | const components = userInput.split(" "); 373 | if (components.length === 1) { 374 | const summaries = await getSummary() 375 | if (summaries && summaries.length > 0) { 376 | const summaryList = summaries.map((session: Summary, index: number) => { 377 | const date = new Date(session.created_at).toLocaleString(); 378 | const summaryName = `v${index}`; 379 | return `${index}: ${date} - ${summaryName}`; 380 | }); 381 | writeLines(["Available sessions:", ...summaryList, "
"]); 382 | } else { 383 | writeLines(["No sessions found.", "
"]); 384 | } 385 | } else if (components.length === 2) { 386 | const summaryIdx = parseInt(components[1]); 387 | const summaries = await getSummary(); 388 | 389 | if (!summaries || summaries.length === 0) { 390 | writeLines(["No sessions found.", "
"]); 391 | return; 392 | } 393 | 394 | const summary = summaries[summaryIdx]; 395 | const identity = await getIdentity(summary.message_id, summary.id); 396 | let acc = "" 397 | setStorage("identity", JSON.stringify(identity)) 398 | 399 | identity.forEach((message: any) => { 400 | acc += `${message.role}: ${message.content}\n` 401 | }) 402 | console.log(identity) 403 | writeLines(["
", sanitize(acc), "
"]); 404 | } 405 | 406 | // console.trace(data); 407 | USERINPUT.value = resetInput; 408 | return; 409 | } else { 410 | USERINPUT.value = resetInput; 411 | writeLines([ 412 | "
", 413 | "Summary not available for simulator mode", 414 | "
", 415 | ]); 416 | return; 417 | } 418 | 419 | } 420 | 421 | if (userInput.startsWith("chat")) { 422 | if (currentMode == "constructor") { 423 | const components = userInput.split(" "); 424 | if (components.length === 1) { 425 | const summaries = await getSummary() 426 | if (summaries && summaries.length > 0) { 427 | const summaryList = summaries.map((session: Summary, index: number) => { 428 | const date = new Date(session.created_at).toLocaleString(); 429 | const summaryName = `v${index}`; 430 | return `${index}: ${date} - ${summaryName}`; 431 | }); 432 | writeLines([ 433 | "Available summaries to chat with:", 434 | ...summaryList, 435 | "
", 436 | "Use 'chat
" 439 | ]); 440 | } else { 441 | writeLines(["No summaries found.", "
"]); 442 | } 443 | USERINPUT.value = resetInput; 444 | return 445 | } else if (components.length === 2) { 446 | const summaryIdx = parseInt(components[1]); 447 | const summaries = await getSummary(); 448 | 449 | if (!summaries || summaries.length === 0) { 450 | writeLines(["No summaries found.", "
"]); 451 | return; 452 | } 453 | 454 | const summary = summaries[summaryIdx]; 455 | if (!summary) { 456 | writeLines(["Summary not found.", "
"]); 457 | return; 458 | } 459 | const currentSessionId = getStorage("session_id"); 460 | 461 | if (!currentSessionId) { 462 | writeLines(["No active session. Switching back to constructor mode.", "
"]); 463 | setStorage("mode", "constructor"); 464 | USERINPUT.value = resetInput; 465 | return; 466 | } 467 | 468 | setStorage("mode", "chat"); 469 | 470 | // Create a new chat session 471 | await newSession(); 472 | // Store the summary ID and set mode to chat 473 | setStorage("chat_original_session_id", currentSessionId); 474 | setStorage("chat_summary_id", summary.id); 475 | setStorage("chat_summary_message_id", summary.message_id); 476 | await updateSessionMetadata({ 477 | summary_id: summary.id, 478 | }); 479 | 480 | writeLines([ 481 | "
", 482 | "Started new chat session. Type your messages to chat.", 483 | "Use 'mode constructor' to leave chat mode.", 484 | "Use 'sessions' to switch between chat sessions.", 485 | "
", 486 | ]); 487 | USERINPUT.value = resetInput; 488 | return; 489 | } 490 | } else { 491 | USERINPUT.value = resetInput; 492 | writeLines([ 493 | "
", 494 | "Chat command only available in constructor mode", 495 | "
", 496 | ]); 497 | return; 498 | } 499 | } 500 | 501 | // Handle chat mode interactions 502 | if (currentMode === "chat" && !userInput.startsWith("mode")) { 503 | // Get the stored summary ID from session metadata 504 | const sessionId = getStorage("session_id"); 505 | if (!sessionId) { 506 | writeLines([ 507 | "
", 508 | "Error: No active session. Switching back to constructor mode.", 509 | "
", 510 | ]); 511 | setStorage("mode", "constructor"); 512 | USERINPUT.value = resetInput; 513 | return; 514 | } 515 | 516 | // Create a new div for user message 517 | const userDiv = document.createElement("div"); 518 | userDiv.innerHTML = `YOU: ${sanitize(userInput)}`; 519 | mutWriteLines?.parentNode!.insertBefore(userDiv, mutWriteLines); 520 | 521 | // Create a new div for assistant response 522 | const assistantDiv = document.createElement("div"); 523 | assistantDiv.innerHTML = `IDENTITY: `; 524 | mutWriteLines?.parentNode!.insertBefore(assistantDiv, mutWriteLines); 525 | 526 | try { 527 | // Use the chat function which uses sendCommand internally 528 | console.log("Sending chat request with sessionId:", sessionId, "userInput:", userInput); 529 | const reader = await chat(sessionId, userInput); 530 | console.log("Got reader response:", reader); 531 | 532 | if (reader) { 533 | let response = ""; 534 | let more = true; 535 | while (more) { 536 | try { 537 | const { done, value } = await reader.read(); 538 | console.log("Stream read result:", { done, value }); 539 | 540 | if (done) { 541 | console.log("Stream complete"); 542 | more = false; 543 | continue; 544 | } 545 | 546 | if (value) { 547 | console.log("Received value:", value); 548 | response += value; 549 | assistantDiv.innerHTML = `IDENTITY: ${sanitize(response)}`; 550 | scrollToBottom(); 551 | } 552 | } catch (readError) { 553 | console.error("Error reading from stream:", readError); 554 | more = false; 555 | } 556 | } 557 | } else { 558 | console.error("No reader returned from chat function"); 559 | assistantDiv.innerHTML = `IDENTITY: Error: No response received`; 560 | } 561 | } catch (error) { 562 | console.error("Error in chat handling:", error); 563 | assistantDiv.innerHTML = `IDENTITY: Error: ${error instanceof Error ? error.message : 'Unknown error occurred'}`; 564 | } 565 | 566 | USERINPUT.value = resetInput; 567 | return; 568 | } 569 | 570 | if (userInput.startsWith("export")) { 571 | USERINPUT.value = resetInput; 572 | writeLines([ 573 | "
", 574 | "Starting download...", 575 | "
", 576 | ]); 577 | const success = await exportSession(); 578 | if (success) { 579 | writeLines([ 580 | "Your conversation has been exported and download should begin shortly.", 581 | "
", 582 | ]); 583 | } 584 | return; 585 | } 586 | 587 | const div = document.createElement("div"); 588 | div.innerHTML = `${PROMPT.innerHTML} ${newUserInput}`; 589 | 590 | if (mutWriteLines.parentNode) { 591 | mutWriteLines.parentNode.insertBefore(div, mutWriteLines); 592 | } 593 | 594 | USERINPUT.value = resetInput; 595 | 596 | USERINPUT.disabled = true; 597 | if (MAIN_PROMPT) { 598 | MAIN_PROMPT.innerHTML = "LOADING..."; 599 | } 600 | if (NAME === "") { 601 | if (userInput) { 602 | NAME = userInput; 603 | try { 604 | await updateSessionMetadata({ name: userInput }); 605 | } catch (e) { 606 | console.error(e); 607 | try { 608 | await newSession(); 609 | await updateSessionMetadata({ name: userInput }); 610 | } catch (e2) { 611 | console.error("Failed to update session metadata:", e2); 612 | alert( 613 | "Failed to update session metadata. Please try resetting the conversation" 614 | ); 615 | } 616 | } 617 | const command = currentMode === "simulator" ? `/locate ${userInput}` : userInput; 618 | await localManual(command); 619 | // await Promise.all([updatePromise, responsePromise]); 620 | if (MAIN_PROMPT) { 621 | MAIN_PROMPT.innerHTML = `${commandConfig.username}@${commandConfig.hostname}:$ ~ `; 622 | } 623 | } 624 | } else if (userInput === "") { 625 | await localAuto(); 626 | } else { 627 | await localManual(userInput); 628 | } 629 | if (MAIN_PROMPT) { 630 | if (NAME === "") { 631 | MAIN_PROMPT.innerHTML = "Enter a Name to Simulate >>> "; 632 | } else { 633 | MAIN_PROMPT.innerHTML = `${commandConfig.username}@${commandConfig.hostname}:$ ~ `; 634 | } 635 | } 636 | USERINPUT.disabled = false; 637 | USERINPUT.focus(); 638 | 639 | userInput = resetInput; 640 | } 641 | 642 | function userInputHandler(e: KeyboardEvent) { 643 | const key = e.key; 644 | 645 | switch (key) { 646 | case "Enter": 647 | e.preventDefault(); 648 | if (!isPasswordInput) { 649 | enterKey(); 650 | } else { 651 | // passwordHandler(); 652 | } 653 | 654 | scrollToBottom(); 655 | break; 656 | case "Escape": 657 | USERINPUT.value = ""; 658 | break; 659 | case "ArrowUp": 660 | arrowKeys(key); 661 | e.preventDefault(); 662 | break; 663 | case "ArrowDown": 664 | arrowKeys(key); 665 | break; 666 | case "Tab": 667 | tabKey(); 668 | e.preventDefault(); 669 | break; 670 | } 671 | } 672 | 673 | function commandHandler(input: string) { 674 | switch (input) { 675 | case "clear": 676 | setTimeout(() => { 677 | if (!TERMINAL || !WRITELINESCOPY) return; 678 | TERMINAL.innerHTML = ""; 679 | TERMINAL.appendChild(WRITELINESCOPY); 680 | mutWriteLines = WRITELINESCOPY; 681 | }); 682 | break; 683 | case "banner": 684 | writeLines(BANNER); 685 | break; 686 | case "help": 687 | writeLines(HELP); 688 | break; 689 | default: 690 | writeLines(DEFAULT); 691 | break; 692 | } 693 | } 694 | 695 | export { 696 | userInputHandler, 697 | scrollToBottom, 698 | mutWriteLines, 699 | NAME, 700 | setName, 701 | loadSession, 702 | }; 703 | -------------------------------------------------------------------------------- /webshell/src/main.ts: -------------------------------------------------------------------------------- 1 | import command from "../config.json" assert { type: "json" }; 2 | import Swal from "sweetalert2"; 3 | import * as Sentry from "@sentry/browser"; 4 | import { HELP } from "./commands/help"; 5 | import { BANNER } from "./commands/banner"; 6 | import posthog from "posthog-js"; 7 | import { newSession, getSessionMessages } from "./honcho"; 8 | import { getJWT } from "./auth"; 9 | import { getStorage, setStorage } from "./utils"; 10 | import { userInputHandler, NAME, setName, loadSession } from "./input"; 11 | import { 12 | USERINPUT, 13 | MAIN_PROMPT, 14 | PRE_USER, 15 | PRE_HOST, 16 | PASSWORD_INPUT, 17 | } from "./constants"; 18 | import { asyncWriteLines } from "./display"; 19 | 20 | if ( 21 | !window.location.host.includes("127.0.0.1") && 22 | !window.location.host.includes("localhost") && 23 | import.meta.env?.VITE_POSTHOG_KEY 24 | ) { 25 | posthog.init(import.meta.env.VITE_POSTHOG_KEY, { 26 | api_host: "https://us.i.posthog.com", 27 | person_profiles: "always", // or 'always' to create profiles for anonymous users as well 28 | }); 29 | } 30 | 31 | if (import.meta.env?.VITE_SENTRY_DSN) { 32 | Sentry.init({ 33 | dsn: import.meta.env.VITE_SENTRY_DSN, 34 | environment: import.meta.env.VITE_SENTRY_ENVIRONMENT, 35 | release: import.meta.env.VITE_SENTRY_RELEASE, 36 | integrations: [ 37 | Sentry.browserTracingIntegration(), 38 | Sentry.replayIntegration(), 39 | ], 40 | // Performance Monitoring 41 | tracesSampleRate: 1.0, // Capture 100% of the transactions 42 | // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled 43 | tracePropagationTargets: [ 44 | "localhost", 45 | /^https:\/\/yourserver\.io\/api/, 46 | "yousim.ai", 47 | ], 48 | // Session Replay 49 | replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production. 50 | replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur. 51 | }); 52 | } 53 | 54 | const initEventListeners = () => { 55 | if (PRE_HOST) { 56 | PRE_HOST.innerText = command.hostname; 57 | } 58 | 59 | if (PRE_USER) { 60 | PRE_USER.innerText = command.username; 61 | } 62 | 63 | const setupPromise = getJWT().then(async () => { 64 | const existingSessionId = getStorage("session_id"); 65 | const currentMode = getStorage("mode"); 66 | if (!currentMode || !["simulator", "constructor", "chat"].includes(currentMode)) { 67 | setStorage("mode", "simulator"); 68 | } 69 | if (existingSessionId && existingSessionId != "undefined") { 70 | const sessionMessages = await getSessionMessages(existingSessionId); 71 | if (sessionMessages) { 72 | if (sessionMessages.messages.length > 0) { 73 | if (currentMode === "chat") { 74 | setName("Chat Mode"); 75 | } else { 76 | const name = currentMode === "simulator" ? sessionMessages.messages[0].content.slice(8) : sessionMessages.messages[0].content; 77 | setName(name); 78 | } 79 | } 80 | 81 | return () => loadSession(sessionMessages); 82 | } 83 | } else { 84 | return newSession; 85 | } 86 | }); 87 | 88 | let sweetAlertHTML = `
`; 95 | sweetAlertHTML += 96 | "
YouSim is a fun open-ended demo to explore the multiverse of identities
"; 97 | // sweetAlertHTML += "
to glimpse a (mere infinite) sliver of the (transfinite) diversity within the latent space.
" 98 | // sweetAlertHTML += "
Inspired by WorldSim, WebSim, & Infinite Backrooms, YouSim leverages Claude to let you locate, modify, & interact with any entity you can imagine.
" 99 | sweetAlertHTML += 100 | "
It's a game that can simulate anyone you like.
"; 101 | sweetAlertHTML += "
Who will you summon?
"; 102 | sweetAlertHTML += 103 | "Read more on our blog
"; 104 | sweetAlertHTML += 105 | "Watch a video tutorial
"; 106 | 107 | document.addEventListener("DOMContentLoaded", async () => { 108 | if (USERINPUT) { 109 | USERINPUT.disabled = true; 110 | } 111 | 112 | // await newSession(); 113 | const welcomePromises = asyncWriteLines(BANNER) 114 | .then(() => asyncWriteLines(HELP)) 115 | .then(() => setupPromise) 116 | .then((sessionLoader) => { 117 | if (typeof sessionLoader === "function") { 118 | sessionLoader(); 119 | } 120 | }); 121 | 122 | const swalPromise = Swal.fire({ 123 | title: "Welcome to YouSim", 124 | html: sweetAlertHTML, 125 | icon: "info", 126 | heightAuto: false, 127 | }); 128 | await Promise.all([welcomePromises, swalPromise]); 129 | console.log(NAME) 130 | const currentMode = getStorage("mode") || "simulator"; 131 | if (currentMode === "chat") { 132 | if (MAIN_PROMPT) { 133 | MAIN_PROMPT.innerHTML = `${command.username}@${command.hostname}:$ ~ `; 134 | } 135 | } else if (NAME === "") { 136 | if (MAIN_PROMPT) { 137 | MAIN_PROMPT.innerHTML = "Enter a Name to Simulate >>> "; 138 | } 139 | } else { 140 | if (MAIN_PROMPT) { 141 | MAIN_PROMPT.innerHTML = `${command.username}@${command.hostname}:$ ~ `; 142 | } 143 | } 144 | 145 | if (USERINPUT) { 146 | USERINPUT.disabled = false; 147 | USERINPUT.focus(); 148 | } 149 | }); 150 | 151 | USERINPUT.addEventListener("keypress", userInputHandler); 152 | USERINPUT.addEventListener("keydown", userInputHandler); 153 | PASSWORD_INPUT.addEventListener("keypress", userInputHandler); 154 | 155 | window.addEventListener("keydown", (event) => { 156 | console.log("Key pressed:", event.key); 157 | if (window && USERINPUT && event.target !== USERINPUT) { 158 | const selection = window.getSelection()?.toString(); 159 | const isKeyboardShortcut = 160 | event.ctrlKey || 161 | event.metaKey || 162 | event.altKey || 163 | ["Control", "Meta", "Alt"].includes(event.key); 164 | if ( 165 | !selection || 166 | (selection && selection.length === 0) || 167 | !isKeyboardShortcut 168 | ) { 169 | USERINPUT.focus(); 170 | } 171 | } 172 | }); 173 | }; 174 | 175 | initEventListeners(); 176 | -------------------------------------------------------------------------------- /webshell/src/share.ts: -------------------------------------------------------------------------------- 1 | import { loadSession } from "./input"; 2 | import Swal from "sweetalert2"; 3 | import { asyncWriteLines } from "./display"; 4 | import { getSharedMessages } from "./honcho"; 5 | import { BANNER } from "./commands/banner"; 6 | 7 | document.addEventListener('DOMContentLoaded', async () => { 8 | await asyncWriteLines(BANNER); 9 | const sessionId = new URLSearchParams(window.location.search).get("code"); 10 | if (sessionId) { 11 | const sessionMessages = await getSharedMessages(sessionId); 12 | // const sessionMessages = await getSessionMessages(sessions[0].id); 13 | if (sessionMessages) { 14 | loadSession(sessionMessages); 15 | } 16 | } else { 17 | Swal.fire({ 18 | title: "Welcome to YouSim", 19 | text: "Sorry this is an invalid link", 20 | icon: "info", 21 | heightAuto: false, 22 | }); 23 | } 24 | 25 | }) 26 | -------------------------------------------------------------------------------- /webshell/src/sim.ts: -------------------------------------------------------------------------------- 1 | import { 2 | manual, 3 | auto, 4 | constructor 5 | } from './honcho' 6 | import { scrollToBottom, mutWriteLines } from './input'; 7 | import { getStorage, sanitize } from "./utils"; 8 | 9 | async function localManual(command: string) { 10 | const currentMode = getStorage("mode"); 11 | let acc = currentMode === "simulator" ? "SIMULATOR CLAUDE:\n" : "CONSTRUCTOR CLAUDE:\n"; 12 | // acc += command.replace(/\n/g, "
").replace(/ /g, " "); 13 | acc += command 14 | if (!mutWriteLines) return; 15 | let p = document.createElement("p"); 16 | let span = document.createElement("span"); 17 | span.className = "searcher"; 18 | p.appendChild(span); 19 | span.innerHTML = sanitize(acc); 20 | // span.innerHTML = acc.replace(/\n/g, "
").replace(/ /g, " "); 21 | mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 22 | scrollToBottom(); 23 | 24 | acc = "\nSIMULATOR CLAUDE:\n"; 25 | if (!mutWriteLines) return; 26 | p = document.createElement("p"); 27 | span = document.createElement("span"); 28 | p.appendChild(span); 29 | span.className = "simulator"; 30 | span.innerHTML = sanitize(acc); 31 | // span.innerHTML = acc.replace(/\n/g, "
").replace(/ /g, " "); 32 | mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 33 | scrollToBottom(); 34 | 35 | console.log(currentMode) 36 | 37 | const reader: ReadableStreamDefaultReader
").replace(/ /g, " "); 52 | // mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 53 | scrollToBottom(); 54 | } 55 | } 56 | } 57 | console.log(acc); 58 | } 59 | 60 | async function localAuto() { 61 | const currentMode = getStorage("mode"); 62 | let preamble = currentMode === "simulator" ? "SIMULATOR CLAUDE:\n" : "CONSTRUCTOR CLAUDE:\n"; 63 | // let preamble = "SEARCHER CLAUDE:\n"; 64 | let acc = ""; 65 | if (!mutWriteLines) return; 66 | let p = document.createElement("p"); 67 | let span = document.createElement("span"); 68 | span.className = "searcher"; 69 | p.appendChild(span); 70 | span.innerHTML = sanitize(acc); 71 | // span.innerHTML = acc.replace(/\n/g, "
").replace(/ /g, " "); 72 | 73 | mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 74 | scrollToBottom(); 75 | 76 | let reader: ReadableStreamDefaultReader
") 99 | // .replace(/ /g, " "); 100 | mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 101 | scrollToBottom(); 102 | } else if (value) { 103 | // console.log(value) 104 | acc += value; 105 | // if (!mutWriteLines) return 106 | // let p = document.createElement("p"); 107 | span.innerHTML = sanitize((preamble + acc)); 108 | // span.innerHTML = (preamble + acc) 109 | // .replace(/\n/g, "
") 110 | // .replace(/ /g, " "); 111 | // mutWriteLines.parentNode!.insertBefore(p, mutWriteLines); 112 | scrollToBottom(); 113 | } 114 | } else { 115 | more = false; 116 | } 117 | } 118 | 119 | console.log(acc); 120 | } 121 | 122 | export { localManual, localAuto }; 123 | -------------------------------------------------------------------------------- /webshell/src/styles.ts: -------------------------------------------------------------------------------- 1 | import command from '../config.json' assert {type: 'json'}; 2 | 3 | (() => { 4 | const style = document.createElement('style') 5 | const head = document.head 6 | const background = `body {background: ${command.colors.background}}` 7 | const foreground = `body {color: ${command.colors.foreground}}` 8 | const inputBackground = `input {background: ${command.colors.background}}` 9 | const inputForeground = `input {color: ${command.colors.prompt.input}}` 10 | const outputColor = `.output {color: ${command.colors.prompt.input}}` 11 | const preHost = `#pre-host {color: ${command.colors.prompt.host}}` 12 | const host = `#host {color: ${command.colors.prompt.host}}` 13 | const preUser = `#pre-user {color: ${command.colors.prompt.user}}` 14 | const user = `#user {color: ${command.colors.prompt.user}}` 15 | const prompt = `#prompt {color: ${command.colors.prompt.default}}` 16 | const banner = `pre {color: ${command.colors.banner}}` 17 | const link = `a {color: ${command.colors.link.text}}` 18 | const linkHighlight = `a:hover {background: ${command.colors.link.highlightColor}}` 19 | const linkTextHighlight = `a:hover {color: ${command.colors.link.highlightText}}` 20 | const commandHighlight = `.command {color: ${command.colors.commands.textColor}}` 21 | const keys = `.keys {color: ${command.colors.banner}}` 22 | 23 | const searcher = `.searcher {color: ${command.colors.prompt.host}}` 24 | const simulator = `.simulator {color: ${command.colors.simulator}}` 25 | 26 | 27 | 28 | head.appendChild(style) 29 | 30 | 31 | if (!style.sheet) return 32 | 33 | if (!command.colors.border.visible) { 34 | style.sheet.insertRule("#bars {display: none}") 35 | style.sheet.insertRule("main {border: none}") 36 | } else { 37 | style.sheet.insertRule(`#bars {background: ${command.colors.background}}`) 38 | style.sheet.insertRule(`main {border-color: ${command.colors.border.color}}`) 39 | style.sheet.insertRule(`#bar-1 {background: ${command.colors.border.color}; color: ${command.colors.background}}`) 40 | style.sheet.insertRule(`#bar-2 {background: ${command.colors.border.color}}`) 41 | style.sheet.insertRule(`#bar-3 {background: ${command.colors.border.color}}`) 42 | style.sheet.insertRule(`#bar-4 {background: ${command.colors.border.color}}`) 43 | style.sheet.insertRule(`#bar-5 {background: ${command.colors.border.color}}`) 44 | } 45 | 46 | style.sheet.insertRule(background) 47 | style.sheet.insertRule(foreground) 48 | style.sheet.insertRule(inputBackground) 49 | style.sheet.insertRule(inputForeground) 50 | style.sheet.insertRule(outputColor) 51 | style.sheet.insertRule(preHost) 52 | style.sheet.insertRule(host) 53 | style.sheet.insertRule(preUser) 54 | style.sheet.insertRule(user) 55 | style.sheet.insertRule(prompt) 56 | style.sheet.insertRule(banner) 57 | style.sheet.insertRule(link) 58 | style.sheet.insertRule(linkHighlight) 59 | style.sheet.insertRule(linkTextHighlight) 60 | style.sheet.insertRule(commandHighlight) 61 | style.sheet.insertRule(keys) 62 | style.sheet.insertRule(searcher) 63 | style.sheet.insertRule(simulator) 64 | })() 65 | -------------------------------------------------------------------------------- /webshell/src/utils.ts: -------------------------------------------------------------------------------- 1 | import DOMPurify from "dompurify"; 2 | 3 | // https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API 4 | function storageAvailable(type: string) { 5 | let storage: Storage | null = null; 6 | try { 7 | // @ts-ignore 8 | storage = window[type]; 9 | if (storage) { 10 | const x = "__storage_test__"; 11 | storage.setItem(x, x); 12 | storage.removeItem(x); 13 | return true; 14 | } else { 15 | return false; 16 | } 17 | } catch (e) { 18 | return ( 19 | e instanceof DOMException && 20 | // everything except Firefox 21 | (e.code === 22 || 22 | // Firefox 23 | e.code === 1014 || 24 | // test name field too, because code might not be present 25 | // everything except Firefox 26 | e.name === "QuotaExceededError" || 27 | // Firefox 28 | e.name === "NS_ERROR_DOM_QUOTA_REACHED") && 29 | // acknowledge QuotaExceededError only if there's something already stored 30 | storage && 31 | storage.length !== 0 32 | ); 33 | } 34 | } 35 | 36 | // Function to set a cookie 37 | function setCookie(key: string, value: string, days: number) { 38 | const expires = new Date(); 39 | expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000); 40 | document.cookie = key + "=" + value + ";expires=" + expires.toUTCString(); 41 | } 42 | 43 | // Function to get a cookie value 44 | function getCookie(key: string) { 45 | const keyValue = document.cookie.match("(^|;) ?" + key + "=([^;]*)(;|$)"); 46 | return keyValue ? keyValue[2] : null; 47 | } 48 | 49 | // Function to remove a cookie 50 | // function removeCookie(key: string) { 51 | // document.cookie = key + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'; 52 | // } 53 | 54 | // Function to get a value from storage (localStorage or cookie) 55 | function getStorage(key: string) { 56 | if (storageAvailable("localStorage")) { 57 | return localStorage.getItem(key); 58 | } else { 59 | return getCookie(key); 60 | } 61 | } 62 | 63 | // Function to get a value from storage (localStorage or cookie) 64 | function setStorage(key: string, value: string) { 65 | if (storageAvailable("localStorage")) { 66 | return localStorage.setItem(key, value); 67 | } else { 68 | return setCookie(key, value, 365); 69 | } 70 | } 71 | 72 | function sanitize(content: string) { 73 | // Replace newlines with
tags before sanitizing 74 | content = content 75 | .replace(/&/g, '&') 76 | .replace(//g, '>') 78 | .replace(/"/g, '"') 79 | .replace(/'/g, ''') 80 | .replace(/\n/g, '
'); 81 | 82 | // Sanitize the content 83 | let sanitized = DOMPurify.sanitize(content, { 84 | ALLOW_UNKNOWN_PROTOCOLS: true, 85 | ADD_ATTR: ['target'] 86 | }); 87 | 88 | // Replace spaces with non-breaking spaces after sanitizing 89 | sanitized = sanitized.replace(/ /g, ' '); 90 | 91 | return sanitized; 92 | } 93 | 94 | export { getStorage, setStorage, sanitize }; 95 | -------------------------------------------------------------------------------- /webshell/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2020", 4 | "useDefineForClassFields": true, 5 | "module": "ESNext", 6 | "lib": [ 7 | "ES2020", 8 | "DOM", 9 | "DOM.Iterable" 10 | ], 11 | "types": [ 12 | "vite/client" 13 | ], 14 | "skipLibCheck": true, 15 | /* Bundler mode */ 16 | "moduleResolution": "bundler", 17 | "allowImportingTsExtensions": true, 18 | "resolveJsonModule": true, 19 | "isolatedModules": true, 20 | "noEmit": true, 21 | /* Linting */ 22 | "strict": true, 23 | "noUnusedLocals": true, 24 | "noUnusedParameters": true, 25 | "noFallthroughCasesInSwitch": true 26 | }, 27 | "include": [ 28 | "src" 29 | ] 30 | } 31 | -------------------------------------------------------------------------------- /webshell/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | import { sentryVitePlugin } from "@sentry/vite-plugin"; 3 | import { resolve } from 'path' 4 | 5 | const SENTRY_DSN = import.meta.env?.VITE_SENTRY_DSN 6 | let plugins = [] 7 | if (SENTRY_DSN) { 8 | plugins = [ 9 | sentryVitePlugin({ 10 | authToken: SENTRY_DSN, 11 | org: "plastic-labs", 12 | project: "yousim-web", 13 | }), 14 | ] 15 | } 16 | 17 | export default defineConfig({ 18 | build: { 19 | sourcemap: true, // Source map generation must be turned on 20 | rollupOptions: { 21 | input: { 22 | main: resolve(__dirname, "./index.html"), 23 | share: resolve(__dirname, "./share.html"), 24 | } 25 | } 26 | }, 27 | server: { 28 | host: '0.0.0.0', 29 | }, 30 | plugins: plugins, 31 | }); 32 | --------------------------------------------------------------------------------