49 lines
No EOL
1.1 KiB
Markdown
49 lines
No EOL
1.1 KiB
Markdown
[← Back](../README.md)
|
|
|
|
# Applications
|
|
|
|
Applications (sometimes shortened to apps) are processes that open a window when ran. The window allows the user to view and interact with the app. Apps have a `title`, `id` and a `windowContent` property that refers to the React component of the application interface.
|
|
|
|
## Table of Contents
|
|
|
|
- [<img src="../../../public/media/applications/icons/terminal.svg" width=20 height=20 style="vertical-align: middle; background: none;"/> Terminal](./terminal/README.md)
|
|
|
|
## Examples
|
|
|
|
### Adding a new application
|
|
|
|
```js
|
|
// src/features/applications/applications.js
|
|
|
|
export default class ApplicationsManager {
|
|
static APPLICATIONS = [
|
|
// ...
|
|
new Application("Example App", "example", <Example/>),
|
|
]
|
|
|
|
// ...
|
|
}
|
|
|
|
// src/components/applications/example/Example.jsx
|
|
|
|
export function Example() {
|
|
return (
|
|
<p>Application interface goes here.</p>
|
|
)
|
|
}
|
|
```
|
|
|
|
### Turning a webpage into an application
|
|
|
|
```js
|
|
// src/features/applications/applications.js
|
|
|
|
export default class ApplicationsManager {
|
|
static APPLICATIONS = [
|
|
// ...
|
|
new Application("Web App", "web-app", <WebView source="https://prozilla.dev/"/>),
|
|
]
|
|
|
|
// ...
|
|
}
|
|
``` |