cli/pkg/i18n/docs/frontend.md
Snider 4e02d5bc97 refactor: bring external packages home and restructure
- Imported packages from separate repos:
  - github.com/Snider/config -> pkg/config
  - github.com/Snider/display -> pkg/display
  - github.com/Snider/help -> pkg/help
  - github.com/Snider/i18n -> pkg/i18n
  - github.com/Snider/updater -> pkg/updater
- Moved core code from root to pkg/core
- Flattened nested package structures
- Updated all import paths to github.com/Snider/Core/pkg/*
- Added Display interface to Core
- Updated go.work for workspace modules

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-15 15:30:43 +00:00

1.1 KiB

Frontend Documentation

The frontend of the i18n project is an Angular application located in the ui directory. It is designed to be built as a custom element (Web Component).

Project Structure

  • ui/: Root directory for the Angular project.
  • ui/src/: Source code for the application.
  • ui/dist/: Output directory for the build artifacts.

Building the Application

The application is built using standard Angular CLI commands, wrapped in npm scripts.

To build the project:

cd ui
npm run build

This will generate the build artifacts in the dist/i18n-element directory. The main build output is typically found in dist/i18n-element/browser.

Integration

The Go backend (cmd/i18n serve) is configured to serve the static files from ui/dist/i18n-element/browser. This allows the Angular application to be hosted directly by the Go server.

Development

The Angular project is named i18n-element. You can run standard Angular CLI commands within the ui directory if you have the CLI installed globally, or use npm run to execute scripts defined in package.json.