Giter Club home page Giter Club logo

willow-application-server-ui's Introduction

Willow Application Server Web UI

This repo contains the source code for the web user interface of the Willow Application Server (WAS). It is intended for developers who want to customize or contribute to the WAS web user interface.

If you're looking to get started with Willow, WAS, WIS, etc please visit our Quick Start Guide.

Development

To test changes in realtime we can use utils.sh to build a docker container and then run it to see changes in realtime:

./utils.sh build-docker
./utils.sh install
./utils.sh run

Note that for development the UI runs a dev http server on port 3000 by default. To communicate with WAS you need to point the UI to your WAS instance. Do so by creating a .env file and add:

NEXT_PUBLIC_WAS_URL=http://<your server name or ip>:8502

Build and deploy

To deploy changes to your WAS server add the following to your .env file:

WAS_DIR=<path to your WAS>

Run the following to build and deploy:

./utils.sh build

willow-application-server-ui's People

Contributors

freethenation avatar kristiankielhofner avatar nikito avatar stintel avatar

Stargazers

avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

kovrom tangyiyong

willow-application-server-ui's Issues

NTP "host" selection doesn't show text input box

With command endpoint, for example, we vary drop downs based on the selection. We need to do this for NTP as well.

Currently DHCP works but when a user selects "Host" a text input box isn't shown.

Support WAS URL handling

Now that we have project JS client side, etc WAS URL handling will need to be updated.

Current in-progress thinking:

  • Next.js build artifacts to go to static/admin in WAS FastAPI
  • WAS updated to support CORS (with * out of box)
  • WAS updated with StaticFiles and html=True
  • Users can figure out how to get to the WAS admin URL in their environment
  • For initial configuration for WAS WS URL use JS window location to get protocol, hostname, and port.
  • Pre-populate WAS URL input field with some handling: if https, use wss. Otherwise ws, then hostname and port for either. With hosting API and UI out of FastAPI WAS only needs to listen on one port now.
  • Allow user to override WAS URL in the event they have more complex network configurations where their Willow devices may need to access it via an alternative URL
  • The WAS URL from the UI will need to get POSTed to WAS and stored so WAS can self-reference itself for OTA, etc
  • We may need to implement sqlite or similar to store this data and additional data down the road

Add onboarding wizard

When users first access the WAS UI they should be greeted with a simple wizard to initially configure their installation.

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.