Baixe seu APP!

Seu código BlockJS, pronto para rodar como um aplicativo de desktop.

💾 Baixar o App (.zip 386.26 MB)

Nota: o .zip é 100.8 MB e a pasta ao todo é EM MÉDIA 285.46 MB

O que está no download?

📄

editor.html

Os arquivos HTML principais que contêm todo o design e a lógica gerada em Javascript, sendo editor.html a base do seu editor.
29,1 KB

📦

package.json

O package.json é a configuração do Node/Electron, para dar uma experiencia flexível e segura.
296 bytes

📜

assets / README.md

A pasta assets armazena estilos, imagens e ícones. O README.md contém informações básicas de execução.
1 KB

💲

execute.sh

O execute.sh é o script de atalho de execução fácil para Linux e macOS.
31 bytes

📁

node modules

Você terá que baixar com o comando listado.
257,01 MB

ℹ

README.md

pequeno suporte.
1 KB

💰

toolbox.xml

Para outros desenvlovedores blockly que querem usar nossos blocos.
6,8 KB

>_

main.js

configuração da janela do app e renderização HTML.
6,8 KB

💻 Como Executar o Projeto

Seu projeto usa Electron, o que permite que ele rode como um aplicativo de desktop. Porém, ele usa uma biblioteca conectada a https, e se você não tiver uma internet boa, o app pode ter uma simples tela branca Siga as instruções abaixo de acordo com seu sistema operacional.

🐧 1. Linux (e Crostini/ChromeOS)

Esta é a maneira mais fácil, usando o script pré-configurado do seu projeto. Siga no seu Terminal (ou Linux Penguin no ChromeOS) (para abrir o terminal, abra o app terminal, clique em algo como configurar, e baixe o linux penguin/crostini).

1

Extrair a pasta (Só na primeira vez!!!)

  • Abra o app arquivos
  • Certifique-se de ter baixado o .zip em Arquivos do linux
  • Abra as opções dele e procure por algo como extrair tudo, deve aparecer uma pasta chamada app
2

Instalar e Acessar (Só na primeira vez!!!)

Certifique-se de que o Electron está instalado globalmente (abra o terminal Linux penguin), para baixar o electron.

sudo apt update && sudo apt upgrade -y
sudo apt install nodejs npm -y
3

Permissão (Só na primeira vez!!!)

Execute:

# 1. Navegue para a pasta
cd app

# 2. Dê permissão de execução (só na primeira vez)
chmod +x execute.sh

Emportante! depois de instalar o electron, reinicie o powerShell!

4

Iniciar

Cole no terminal:

#executar
cd app

./execute.sh

O script execute.sh usará o Electron para iniciar seu projeto de desktop.

🍎 2. macOS (Terminal)

O processo é idêntico ao Linux, usando o script execute.sh no Terminal do macOS (para abrir, pesquise o app "terminal").

1

Extrair a pasta (Só na primeira vez!!!)

  • O macOS geralmente extrai arquivos ZIP automaticamente ao clicar duas vezes no arquivo no Finder.
  • Se não extrair automaticamente, use o comando 'unzip' no Terminal.
  • Certifique-se de onde você baixou o arquivo! Assumiremos que ele está na sua pasta 'Downloads'.

Se precisar extrair pelo Terminal, use:

cd ~/Downloads
unzip app.zip
# Isso deve criar a pasta 'app' no seu Downloads
2

Instalar Node.js e Dependências (Só na primeira vez!!!)

No macOS, a forma mais comum de instalar o Node.js (que inclui o 'npm') é usando o Homebrew, o gerenciador de pacotes padrão não-oficial para macOS. Se você ainda não tem o Homebrew, instale-o primeiro:

2A. Instalar Homebrew (Se ainda não tiver):

# Cole este comando no Terminal:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2B. Instalar Node.js e npm (usando Homebrew):

# Instala o Node.js e o npm
brew install node

# Verifique a instalação:
node -v
npm -v

No macOS, você geralmente não precisa instalar o Electron globalmente com 'npm install -g electron' se o seu 'execute.sh' já estiver configurado para usar o 'node_modules' local. Vamos prosseguir assumindo que ele já faz a chamada corretamente.

3

Permissão e Dependências do Projeto (Só na primeira vez!!!)

Execute estes comandos. Certifique-se de que está dentro da pasta 'app'.

# 1. Navegue para a pasta 'app' (Ajuste o caminho se necessário)
cd ~/Downloads/app

# 2. Instale as dependências locais do Node/Electron (Se o projeto tiver um package.json)
npm install

# 3. Dê permissão de execução (chmod)
chmod +x execute.sh

No macOS, não é necessário reiniciar o terminal após instalar o Node.js com o Homebrew, ele geralmente atualiza o PATH automaticamente.

4

Iniciar

Cole no terminal:

# Certifique-se de que ainda está na pasta 'app'
cd ~/Downloads/app

# Executar o script
./execute.sh

O script execute.sh usará o Node/Electron que você instalou para iniciar seu projeto de desktop. Você deve usar o caminho completo ('~/Downloads/app') para garantir que está no local correto.

🪟 3. Windows (Linha de Comando / PowerShell)

Como o script execute.sh não é nativo do Windows, você deve iniciar o Electron diretamente pelo Prompt de Comando (CMD) ou PowerShell.
AVISO FATAL: como você irá estar navegando na pasta System32, não execute nenhum comando desconhecido ou aleatório, éla é a pasta que faz o windows funcionar, sem éla o seu computador morre ☠

1

Extrair a pasta (Só na primeira vez!!!)

  • Abra o app de arquivos
  • Certifique-se de ter baixado o .zip em Downloads (a data dele será 10/12/2025 as 10:7 ou pesquise por app.zip)
  • Abra as opções dele e procure por algo como extrair, deve aparecer uma pasta chamada app com a mesma data do .zip
2

Instalar e Acessar (Só na primeira vez!!!)

Certifique-se de que o Electron CLI está instalado globalmente (abra o terminal como Administrador), para baixar o electron, entre como administrador na pasta "system32"; Emportante! depois de instalar o electron, reinicie o powerShell!

winget install OpenJS.NodeJS.LTS
3

Permissão (Só na primeira vez!!!)

Execute o terminal como administrador e execute:

# 1. Navegue para a pasta
cd $env:USERPROFILE\downloads\app

# 2. Inicie o Electron
Set-ExecutionPolicy RemoteSigned

Emportante! depois de instalar o electron, reinicie o powerShell!

4

Iniciar o Projeto Manualmente

Abra o Prompt de Comando (ou PowerShell como administrador), certifique-se de estar no diretorio system32 e execute/copie e cole:

#iniciar
cd $env:USERPROFILE\downloads\app
npm start

Reinicie o terminal como administrador

Precisa de ajuda? Visite nossa página de documentação.

📚 Documentação