Skip to content

Instantly share code, notes, and snippets.

@codeitnav
codeitnav / page.tsx
Created October 20, 2025 08:45
src/app/editor/[roomId]/page.tsx
'use client';
import { useRef, useState, useEffect } from "react";
import { Editor } from "@monaco-editor/react";
import type * as Monaco from 'monaco-editor';
import * as Y from 'yjs';
import { WebrtcProvider } from 'y-webrtc';
import { WebsocketProvider } from 'y-websocket';
import { MonacoBinding } from 'y-monaco';
@codeitnav
codeitnav / FileExplorer.tsx
Created October 20, 2025 08:44
src/components/FileExplorer.tsx
'use client';
import React, { useState, useEffect, useCallback, FC } from 'react';
import {
getFileSystem,
createFolder,
createEmptyFile,
deleteFile,
deleteFolder,
renameItem,