Pular para o conteúdo
use-cases / vscode-from-your-phone / hero
CODE · DISPLAYS · CONTAINERS

VS Code de verdade, no seu celular, em uma máquina Linux real

O Code Orchestrator roda o VS Code dentro do contêiner e o serve como uma URL comum. Abra do celular no aeroporto, do tablet no sofá, do notebook na mesa. Mesmo editor, mesmos arquivos, mesmo dev server ainda rodando desde ontem.

use-cases / vscode-from-your-phone / url

Seu computador tem uma URL

O Code Orchestrator (o serviço que vem com cada contêiner Hoody) serve a interface web do VS Code a partir de um endpoint HTTPS. A URL soletra exatamente qual projeto, qual contêiner e qual pasta o editor abre.

barra de endereço
https://PROJECT-CONTAINER-code-1.SERVER.containers.hoody.com/?folder=/home/user/project
PROJETOPROJECT
CONTÊINER-CONTAINER
PAPEL-code-1
SERVIDOR.SERVER.containers.hoody.com
PASTA?folder=/home/user/project

Favorite uma vez. Abra de qualquer dispositivo com navegador. O Code Orchestrator reusa a mesma instância do VS Code por id, então uma segunda aba em um segundo dispositivo pega o mesmo estado de workspace em vez de iniciar uma nova.

use-cases / vscode-from-your-phone / editor

VS Code de verdade, máquina Linux real

Não é um editor de celular reduzido fingindo ser VS Code. O orquestrador inicia um processo VS Code real no contêiner com seu próprio diretório de dados em /data/instances/, extensões completas e o endpoint de proxy para qualquer porta local em que seu dev server faça bind.

code-1.containers.hoody.com/?folder=/home/user/site
Layout.tsxpage.tsxpackage.json
1export const Layout = ([ children ]) => (
2 <div className="container">
3 <Header />
4 [children]
5 <Footer />
6 </div>
7);
TERMINAL · bashainda rodando
# dev server you started yesterday$ bun run devready in 412ms→ proxy/3000 http://localhost:3000

O port-proxy é nativo do orquestrador. Qualquer processo amarrado a uma porta local — vite, next, o servidor rails, o repl python — fica acessível em /proxy/PORT/ na mesma URL. O navegador do celular vê seu dev server porque o localhost do contêiner é o localhost do contêiner, não do celular.

use-cases / vscode-from-your-phone / angles

O que deixa de ser um problema

O pitch do celular como editor costuma quebrar nos penhascos que tornam um celular uma má máquina de dev. O padrão de orquestrador tira todos eles do dispositivo.

PARA O DEV QUE VIAJA

O notebook deixa de ser o trabalho

Se o notebook está na mesa e o celular está na sua mão, os dois podem abrir a mesma URL e pegar os mesmos arquivos. Viagem vira uma decisão de hardware, não uma decisão de fluxo de trabalho.

PARA O ENGENHEIRO DE PLANTÃO

O fix não espera o notebook

Uma linha de código está te incomodando na fila do aeroporto. Abra a URL. Edite o arquivo. Rode os testes no terminal embarcado. Commit. Push. Feche a aba. O ciclo todo roda no contêiner, não no celular.

PARA O FUNDADOR SOLO

Um ambiente, todo dispositivo

Extensões instaladas uma vez, configurações sincronizadas uma vez, dev server iniciado uma vez. O estado é do contêiner, não do notebook. Comprar um dispositivo novo é abrir uma URL nele.

use-cases / vscode-from-your-phone / punchline

Computar deixa de estar atado ao dispositivo na sua mão.

O celular, o tablet, o notebook — são superfícies de renderização. A CPU, o disco, o dev server, o cache de build, os processos rodando, tudo mora no contêiner. Qualquer navegador é o bastante para alcançá-los.

  • sem precisar de notebook
  • sem conflitos de sync
  • a URL é o workspace
use-cases / vscode-from-your-phone / replaces

O que isso substitui

Os padrões aos quais devs recorrem quando querem um editor de qualidade de notebook em um dispositivo que não é notebook. Cada um deles dobra o dispositivo ou o fluxo. O orquestrador não dobra nenhum dos dois.

  • GitHub CodespacesEditor no navegador, mas a máquina é deles
  • GitpodMesmo modelo, efêmero, lock-in com fornecedor
  • ReplitRuntime deles, filesystem deles, preço deles
  • Cursor no celularNão existe Cursor para celular
  • Trabalhar do notebookCarregar o trabalho significa carregar o dispositivo
use-cases / vscode-from-your-phone / cta

Abra a URL. Faça o fix. Feche a aba. Seu computador nunca esteve na sua mão.

use-cases / vscode-from-your-phone / related

Leia os outros