Code Monkey home page Code Monkey logo

esp3d-webui's Introduction

ESP3D-WEBUI

All Contributors

Latest stable release Release Version Release Date Travis (.org) branch

Latest development version Development Version GitHub last commit (branch) Travis (.org) branch Project Page ESP3D 3.0

Project board

What is that ?

A web configuration tool for ESP3D 2.1 Originaly based on great UI from Jarek Szczepanski (imrahil): smoothieware-webui to get a multi firmware support for Repetier, Repetier for Davinci printer, (Marlin)[https://github.com/MarlinFirmware], Marlin Kimbra and of course Smoothieware

Why doing it ?

Original I ported smoothieware-webui to support ESP3D firmware and it was working pretty well and gave :smoothieware-webui-for-ESP3D But this UI has a 2 big limitations:
1 - you need internet access to get all libraries available to download, which may not happen when ESP is in AP mode for configuration if you do not have all js/css in your browser cache, or if you want to use in local environement, in that case not only ESP AP mode is not displaying UI properly but also STA mode - so it make the ESP useless

2 - it rely on server availability and certificat check, I got several certificat failure for unknown reason that made the UI not working

So the solution was to make all resources available - easy no ?

Yes but! ESP webserver is a convenient but it is also a very light webserver, allowing no more than 5 active connections at once and with a pretty limited filesystem space, so even concatenated all resources like bootstrap icon, angular and others libraries do not work as expected and do not fit the available space.

So I came with a full rewrite using pure javascript and resized resources:
1 - a compressed css based on bootstrap
2 - a local limited version of svg based of Glyphicons Halflings to get a small footprint.
3 - a customized version of smoothiecharts is used to display temperatures charts, it is simple and perfectly sized for the current purpose

The result is a monolitic file with a minimal size allowing almost full control of ESP3D board and your 3D printer

Sponsors

  

Supporters

Become a sponsor or a supporter

  • A sponsor is a recurent donator
    If your tier is 10 US$/month or more, to thank you for your support, your logo / avatar will be added to the readme page with eventually with a link to your site.
  • A supporter is per time donator If your donation is over 120 US$ per year, to thank you for your support, your logo / avatar will be added to the readme page with eventually with a link to your site.

Every support is welcome, indeed helping users / developing new features need time and devices, donations contribute a lot to make things happen, thank you.

  • liberapay Donate using Liberapay
  • Paypal PayPal – The safer, easier way to pay online.
  • ko-fi ko-fi

Features

  • It supports several firmwares based on Repetier, Marlin, Smoothieware and GRBL.
  • It allows to fully configure ESP wifi
  • It has a macro support to add custom commands in UI by adding buttons launching some GCODE files from SD or ESP
  • It supports several languages, check list here
  • It allows to display a web camera in UI or detached
  • It allows to edit the Repetier EEPROM, Smoothieware config file, Marlin and GRBL settings
  • It allows to update the ESP3D by uploading the FW
  • it allows to control and monitor your 3D printer in every aspect (position, temperature, print, SD card content, custom command

Please look at screenshots: Main tab and menu:

Control panel:

Macro dialog:

Temperatures panel:

Extruder panel:

SD card panel:




Camera Tab:

Repetier EEPROM Editor tab:

Smoothieware config Editor tab:

Marlin config Editor tab:

GRBL config Editor tab: ESP3D settings Editor:

ESP3D Status:

ESP3D SPIFFS:

Installation

Please use the latest ESP3D firmware and copy the index.html.gz file on root of SPIFFS, in theory ESP3D have a version of web-ui but it may not be the latest one

Contribution / development

Check wiki section Contribution/Development

Issues / Questions

You can submit ticket here or open discussion if it is not an issue here or Join the chat at Discord server

Contributors ✨

Thanks goes to these wonderful people (emoji key):

 Alexandre
Alexandre

💻
René Pasold
René Pasold

💻
aaron GitHub
aaron GitHub

💻
Pavulon87
Pavulon87

🐛 💻
Mitch Bradley
Mitch Bradley

🤔 💻
Patrice Côté
Patrice Côté

💻
E2D
E2D

🌍
Cedrik Theesen
Cedrik Theesen

🌍
royfocker19
royfocker19

📖
Bart Toersche
Bart Toersche

💻
vivian-ng
vivian-ng

💻
drzejkopf
drzejkopf

🌍
Luciano Charles Moda
Luciano Charles Moda

🌍
AxelB
AxelB

🌍
Zefram88
Zefram88

🌍
3d-gussner
3d-gussner

🌍
Alex Ganov
Alex Ganov

🤔 💻 🧑‍🏫
bdring
bdring

💵 🐛 📦
n4d01
n4d01

🌍
Jean-Philippe CIVADE
Jean-Philippe CIVADE

🌍
kondorzs
kondorzs

🌍
Carlo
Carlo

🌍
zrwd01
zrwd01

🌍
Wesie
Wesie

🌍
DusDus
DusDus

🌍
nyarurato
nyarurato

🌍
Terje Io
Terje Io

🤔 💻 🌍
Ryan V1
Ryan V1

💵

This project follows the all-contributors specification. Contributions of any kind welcome!

esp3d-webui's People

Contributors

luc-github avatar allcontributors[bot] avatar cotepat avatar dependabot[bot] avatar leseaw avatar lucmoda avatar 3d-gussner avatar vivian-ng avatar engineer2designer avatar drzejkopf avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.