No description
Find a file
Snider b9500bf866
Some checks failed
Security Scan / security (push) Successful in 9s
Test / test (push) Failing after 52s
feat(frontend): wire app shell framework with dynamic providers
Replace the standalone IDE/Tray components with the framework shell from
core/gui/ui. The IDE frontend is now minimal routing config that uses:

- ApplicationFrameComponent as the HLCRF layout (header, sidebar, content, footer)
- ProviderHostComponent for dynamic custom element rendering via :provider route
- SystemTrayFrameComponent for the 380x480 tray panel

Go side: add GET /api/v1/providers endpoint (ProvidersAPI) that returns all
registered providers from the Registry plus runtime providers from the
RuntimeManager. The Angular frontend calls this on startup to populate
navigation and load custom elements.

Also bumps @angular/build and @angular/cli to 21.x to match @angular/core.

Co-Authored-By: Virgil <virgil@lethean.io>
2026-03-14 12:41:55 +00:00
.core chore: replace root Taskfile with .core/build.yaml 2026-03-06 14:46:02 +00:00
.forgejo/workflows ci: add Forgejo Actions test and security scan workflows 2026-02-23 03:28:13 +00:00
build move 2026-02-16 13:55:59 +00:00
dist refactor: update import path from go-config to core/config 2026-03-14 10:28:39 +00:00
docs docs: add GUI app shell design spec 2026-03-14 12:30:26 +00:00
frontend feat(frontend): wire app shell framework with dynamic providers 2026-03-14 12:41:55 +00:00
icons move 2026-02-16 13:55:59 +00:00
.gitignore move 2026-02-16 13:55:59 +00:00
CLAUDE.md refactor: update import path from go-config to core/config 2026-03-14 10:28:39 +00:00
go.mod feat(runtime): add RuntimeManager for provider loading 2026-03-14 12:22:46 +00:00
go.sum feat(runtime): add RuntimeManager for provider loading 2026-03-14 12:22:46 +00:00
main.go feat(frontend): wire app shell framework with dynamic providers 2026-03-14 12:41:55 +00:00
providers.go feat(frontend): wire app shell framework with dynamic providers 2026-03-14 12:41:55 +00:00
README.md move 2026-02-16 13:55:59 +00:00
runtime.go feat(runtime): add RuntimeManager for provider loading 2026-03-14 12:22:46 +00:00
wails3-angular-template.jpg move 2026-02-16 13:55:59 +00:00

Wails3 Angular Template

  • Angular 20
  • Wails3

Includes all Angular CLI guidelines, Web Awesome, and Font Awesome.

Getting Started

  1. Navigate to your project directory in the terminal.

make a new project using Wails3:

wails3 init -n MyWailsApp -t https://github.com/Snider/wails-angular-template@v0.0.1
cd MyWailsApp
  1. To run your application in development mode, use the following command:

    wails3 dev
    

    This will start your application and enable hot-reloading for both frontend and backend changes.

  2. To build your application for production, use:

    wails3 build
    

    This will create a production-ready executable in the build directory.

Exploring Wails3 Features

Now that you have your project set up, it's time to explore the features that Wails3 offers:

  1. Check out the examples: The best way to learn is by example. Visit the examples directory in the v3/examples directory to see various sample applications.

  2. Run an example: To run any of the examples, navigate to the example's directory and use:

    go run .
    

    Note: Some examples may be under development during the alpha phase.

  3. Explore the documentation: Visit the Wails3 documentation for in-depth guides and API references.

  4. Join the community: Have questions or want to share your progress? Join the Wails Discord or visit the Wails discussions on GitHub.

Project Structure

Take a moment to familiarize yourself with your project structure:

  • frontend/: Contains your frontend code (HTML, CSS, JavaScript/TypeScript)
  • main.go: The entry point of your Go backend
  • app.go: Define your application structure and methods here
  • wails.json: Configuration file for your Wails project

Next Steps

  1. Modify the frontend in the frontend/ directory to create your desired UI.
  2. Add backend functionality in main.go.
  3. Use wails3 dev to see your changes in real-time.
  4. When ready, build your application with wails3 build.

Happy coding with Wails3! If you encounter any issues or have questions, don't hesitate to consult the documentation or reach out to the Wails community.