tidi

Tidi

Conheça Tidi, o componente de bate -papo 2kb para qualquer site ... feito usando o Preact, executando com um serviço de back -end compilado de 4MB .

Front-end

Back -end

Isenção de responsabilidade

Eu fiz este projeto para uma necessidade específica, que era um lite 'bate -papo ao vivo' em alguma plataforma como o Twitter do recurso "Twitter Space", a idéia final era então apresentar uma extensão da web que poderia permitir conversar em toda a Internet com um único quarto e um nome de usuário, é por isso que o projeto foi chamado pela primeira vez, que é chamado TTSPCH (Chat Standing para o Twitter) ... Bem ..., eu decidi mudar para que ele tenha dado o que é chamado de space.

Requisitos

• nó/npm (para dev)
• vá (para dev)
• Docker (para o Prod)

Comandos da CLI

O back -end deve estar funcionando primeiro antes do front -end ...

Back -end

Prod

 # start the docker container
cd backend && make docker-run

# or using pm2 :
# cd backend
# pm2 start --name tidi-backend make -- docker-run

Dev

 # Start the backend app
cd backend && make run

O serviço deve estar em execução na porta :1324

Front-end

Prod

 # This step is optional, because you can use the provided dist resource,
# ths command will install dependencies, build bundles to be consumed
# copy the appropriate html file in dist
make build-dist

# then serve the dist folder with an http server
cd dist && http-server

Dev

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

O aplicativo deve estar acessível na porta :8080

Integração

Digamos que você queira integrá -lo dentro de seu aplicativo, você só precisará passar para o componente, dois parâmetros:

• O anfitrião do serviço de corrida
• O nome de usuário do usuário atual

XTensions

Consegui fazer um pequeno teste de extensão da Web Chrome para Tidi e está funcionando muito bem em um espaço no Twitter da NFT ...

Clique na imagem para Whatch the Video:

Autor

• Mais escuro