feat: rewrite app system
arcad/arcast/pipeline/head This commit is unstable Details

This commit is contained in:
wpetit 2024-04-24 17:32:01 +02:00
parent 7b8165a0ec
commit e7f885c50a
50 changed files with 18791 additions and 100 deletions

View File

@ -1,3 +1,4 @@
ARCAST_DESKTOP_ADDITIONAL_CHROME_ARGS= ARCAST_DESKTOP_ADDITIONAL_CHROME_ARGS=
ARCAST_DESKTOP_INSTANCE_ID= ARCAST_DESKTOP_INSTANCE_ID=
ARCAST_DESKTOP_APPS=true ARCAST_DESKTOP_APPS=true
ARCAST_DESKTOP_ALLOWED_ORIGINS="*"

5
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,5 @@
{
"java.project.sourcePaths": [
"apps/main/src"
]
}

8
Jenkinsfile vendored
View File

@ -6,6 +6,7 @@ standardMakePipeline([
'baseImage': 'reg.cadoles.com/proxy_cache/library/ubuntu:24.04', 'baseImage': 'reg.cadoles.com/proxy_cache/library/ubuntu:24.04',
'dockerfileExtension': ''' 'dockerfileExtension': '''
ARG GOLANG_VERSION=1.22.0 ARG GOLANG_VERSION=1.22.0
ARG NODEJS_VERSION=20.x
ENV ANDROID_HOME=/opt/android-sdk-linux ENV ANDROID_HOME=/opt/android-sdk-linux
ENV ANDROID_SDK_ROOT=${ANDROID_HOME} ENV ANDROID_SDK_ROOT=${ANDROID_HOME}
@ -20,9 +21,14 @@ standardMakePipeline([
RUN locale-gen en_US.UTF-8 RUN locale-gen en_US.UTF-8
ENV LANG='en_US.UTF-8' LANGUAGE='en_US:en' LC_ALL='en_US.UTF-8' ENV LANG='en_US.UTF-8' LANGUAGE='en_US:en' LC_ALL='en_US.UTF-8'
# Install NodeJS
RUN wget -O- https://deb.nodesource.com/setup_${NODEJS_VERSION} | bash - \
&& apt-get update -y \
&& apt-get install -y nodejs
# Install Golang # Install Golang
RUN wget -O golang.tar.gz https://golang.org/dl/go${GOLANG_VERSION}.linux-amd64.tar.gz \ RUN wget -O golang.tar.gz https://golang.org/dl/go${GOLANG_VERSION}.linux-amd64.tar.gz \
&& tar -C /usr/local -xzf golang.tar.gz && tar -C /usr/local -xzf golang.tar.gz
# Install Android SDK/NDK # Install Android SDK/NDK
RUN mkdir -p /opt/android-sdk-linux RUN mkdir -p /opt/android-sdk-linux

View File

@ -18,6 +18,8 @@ ANDROID_KEYSTORE_KEY_VALIDITY ?= 365000
ANDROID_BUILD_TOOLS_VERSION ?= 34.0.0 ANDROID_BUILD_TOOLS_VERSION ?= 34.0.0
APPS := main
watch: tools/modd/bin/modd deps ## Watching updated files - live reload watch: tools/modd/bin/modd deps ## Watching updated files - live reload
( set -o allexport && source .env && set +o allexport && tools/modd/bin/modd ) ( set -o allexport && source .env && set +o allexport && tools/modd/bin/modd )
@ -27,7 +29,12 @@ test: test-go ## Executing tests
test-go: deps test-go: deps
( set -o allexport && source .env && set +o allexport && go test -v -count=1 $(GOTEST_ARGS) ./... ) ( set -o allexport && source .env && set +o allexport && go test -v -count=1 $(GOTEST_ARGS) ./... )
build: build-desktop build-android build-client ## Build artefacts build: build-apps build-desktop build-android build-client ## Build artefacts
build-apps: $(foreach name,$(APPS),build-app-$(name))
build-app-%:
$(MAKE) -C apps/$* build
build-desktop: deps ## Build executable build-desktop: deps ## Build executable
CGO_ENABLED=0 GOARCH=$(GOARCH) go build \ CGO_ENABLED=0 GOARCH=$(GOARCH) go build \

View File

@ -12,12 +12,14 @@ import (
var ( var (
DefaultApps []server.App DefaultApps []server.App
//go:embed apps/** //go:embed apps/main/build/**
appsFS embed.FS appsFS embed.FS
) )
func init() { func init() {
defaultApps, err := loadApps("apps/*") defaultApps, err := loadApps(
"apps/main/build",
)
if err != nil { if err != nil {
panic(errors.WithStack(err)) panic(errors.WithStack(err))
} }
@ -25,25 +27,11 @@ func init() {
DefaultApps = defaultApps DefaultApps = defaultApps
} }
func loadApps(dirPattern string) ([]server.App, error) { func loadApps(appDirs ...string) ([]server.App, error) {
apps := make([]server.App, 0) apps := make([]server.App, 0)
files, err := fs.Glob(appsFS, dirPattern) for _, dir := range appDirs {
if err != nil { rawManifest, err := fs.ReadFile(appsFS, filepath.Join(dir, "arcast-app.json"))
return nil, errors.WithStack(err)
}
for _, f := range files {
stat, err := fs.Stat(appsFS, f)
if err != nil {
return nil, errors.WithStack(err)
}
if !stat.IsDir() {
continue
}
rawManifest, err := fs.ReadFile(appsFS, filepath.Join(f, "manifest.json"))
if err != nil { if err != nil {
return nil, errors.WithStack(err) return nil, errors.WithStack(err)
} }
@ -54,9 +42,7 @@ func loadApps(dirPattern string) ([]server.App, error) {
return nil, errors.WithStack(err) return nil, errors.WithStack(err)
} }
app.ID = filepath.Base(f) fs, err := fs.Sub(appsFS, dir)
fs, err := fs.Sub(appsFS, "apps/"+app.ID)
if err != nil { if err != nil {
return nil, errors.WithStack(err) return nil, errors.WithStack(err)
} }

View File

@ -1,19 +0,0 @@
fetch("/api/v1/apps")
.then((res) => res.json())
.then((res) => {
const defaultApp = res.data.defaultApp;
const apps = res.data.apps;
const container = document.createElement("div");
container.className = "container";
apps.forEach((app) => {
if (app.id === defaultApp || app.hidden) return;
const appLink = document.createElement("a");
appLink.className = "app-link";
appLink.href = "/apps/" + app.id + "/";
appLink.innerText = app.title["fr"];
container.appendChild(appLink);
});
document.getElementById("main").replaceWith(container);
});

View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Arcast - Home</title>
<link rel="stylesheet" href="/apps/lib/style.css">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="app.js" defer></script>
</head>
<body>
<div id="main" class="container">
<p class="text-center">Loading...</p>
</div>
</body>
</html>

View File

@ -1,23 +0,0 @@
.mt {
margin-top: 1em;
display: block;
}
.app-link {
display: block;
background: white;
border-radius: 5px;
width: 100px;
height: 100px;
box-shadow: 1px 1px 3px #ccc;
color: #333;
text-decoration: none;
text-align: center;
padding-top: 30px;
}
.app-link:hover {
background-color: #abdbdb;
box-shadow: 1px 1px 3px #aaa;
text-shadow: 1px 1px white;
}

View File

@ -1,3 +1,4 @@
{ {
"id": "lib",
"hidden": true "hidden": true
} }

23
apps/main/.gitignore vendored Normal file
View File

@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*

12
apps/main/Makefile Normal file
View File

@ -0,0 +1,12 @@
.PHONY: build
build: node_modules
npm run build
node_modules:
npm ci
.env.development.local:
echo "REACT_APP_ARCAST_SERVER_BASE_URL=http://127.0.0.1:45555" > .env.development.local
dev: .env.development.local
npm run start

18244
apps/main/package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

46
apps/main/package.json Normal file
View File

@ -0,0 +1,46 @@
{
"name": "main",
"version": "0.1.0",
"private": true,
"dependencies": {
"@tanstack/react-query": "^5.32.0",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.18.96",
"@types/react": "^18.2.79",
"@types/react-dom": "^18.2.25",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.23.0",
"react-scripts": "5.0.1",
"typescript": "^4.9.5",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"homepage": "/apps/main"
}

View File

@ -1,4 +1,5 @@
{ {
"id": "main",
"title": { "title": {
"fr": "Accueil", "fr": "Accueil",
"en": "Home" "en": "Home"

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Main | Apps | Arcast</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

View File

@ -0,0 +1,25 @@
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

View File

@ -0,0 +1,3 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:

0
apps/main/src/App.css Normal file
View File

30
apps/main/src/App.tsx Normal file
View File

@ -0,0 +1,30 @@
import React, { FunctionComponent } from "react";
import { createHashRouter, RouterProvider } from "react-router-dom";
import { Layout } from "./components/Layout/Layout";
import { HomePage } from "./pages/HomePage/HomePage";
import { ScreenSharingPage } from "./pages/ScreenSharingPage/ScreenSharingPage";
const router = createHashRouter([
{
path: "/",
element: <Layout />,
children: [
{
path: "",
element: <HomePage />,
},
{
path: "/screen-sharing",
element: <ScreenSharingPage />,
},
],
},
]);
export const App: FunctionComponent = () => {
return <RouterProvider router={router} />;
};
export default App;

View File

@ -0,0 +1,40 @@
import { useQuery } from "@tanstack/react-query";
const BASE_URL = process.env.REACT_APP_ARCAST_SERVER_BASE_URL ?? ""
export interface AppInfos {
defaultApp: string;
apps: App[];
}
export interface App {
id: string;
title: { [lang: string]: string };
description: { [lang: string]: string };
icon: string;
hidden: boolean;
}
export const useAppInfos = () => {
return useQuery({
queryKey: ["appsInfos"],
queryFn: getAppInfos,
select: (appInfos) => appInfos ?? { apps: [], defaultApp: "main" }
})
}
export async function getAppInfos() {
const response = await fetch(`${BASE_URL}/api/v1/apps`);
const result = await response.json();
const appInfos = result.data as AppInfos;
return appInfos;
}
export interface Status {
}
export async function getStatus() {
}

View File

@ -0,0 +1,11 @@
.root {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.container {
width: 50%;
}

View File

@ -0,0 +1,15 @@
import { FunctionComponent, PropsWithChildren } from "react";
import styles from "./Layout.module.css";
import { Outlet } from "react-router-dom";
export interface LayoutProps extends PropsWithChildren {}
export const Layout: FunctionComponent<LayoutProps> = ({ children }) => {
return (
<div className={styles.root}>
<div className={styles.container}>
<Outlet />
</div>
</div>
);
};

View File

@ -0,0 +1,10 @@
.root {
display: block;
background-color: #fff;
border-radius: 15px;
box-shadow: 10px 10px 10px #33333361;
position: relative;
padding: 30px 30px 30px 30px;
min-width: 33%;
color: #333;
}

View File

@ -0,0 +1,7 @@
import { FunctionComponent, PropsWithChildren } from "react";
import styles from "./Panel.module.css";
export interface PanelProps extends PropsWithChildren {}
export const Panel: FunctionComponent<PanelProps> = ({ children }) => {
return <div className={styles.root}>{children}</div>;
};

View File

@ -0,0 +1,3 @@
.root {
}

View File

@ -0,0 +1,7 @@
import { FunctionComponent, PropsWithChildren } from "react";
import styles from "./Tabs.module.css";
export interface TabsProps extends PropsWithChildren {}
export const Tabs: FunctionComponent<TabsProps> = ({ children }) => {
return <div className={styles.root}>Tabs</div>;
};

105
apps/main/src/index.css Normal file
View File

@ -0,0 +1,105 @@
html {
box-sizing: border-box;
font-size: 16px;
width: 100%;
height: 100%;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
"Helvetica Neue", sans-serif;
width: 100%;
height: 100%;
background: rgb(76, 96, 188);
background: linear-gradient(
415deg,
rgba(4, 168, 243, 1),
rgb(76, 136, 188, 1),
rgba(76, 96, 188, 1),
rgb(115, 76, 188, 1),
rgb(87, 76, 188, 1)
);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#root {
height: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
ol,
ul {
list-style: none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
margin: 0;
padding: 0;
font-weight: normal;
}
.container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.panel {
display: block;
background-color: #fff;
border-radius: 5px;
padding: 10px 20px;
box-shadow: 2px 2px #3333331d;
}
.panel p, .panel ul {
margin-top: 10px;
}
.text-centered {
text-align: center;
}
.text-italic {
font-style: italic;
}
.text-small {
font-size: 0.8em;
}
.fullwidth {
width: 100%;
}

18
apps/main/src/index.tsx Normal file
View File

@ -0,0 +1,18 @@
import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
const queryClient = new QueryClient();
const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement
);
root.render(
<React.StrictMode>
<QueryClientProvider client={queryClient}>
<App />
</QueryClientProvider>
</React.StrictMode>
);

View File

@ -0,0 +1,3 @@
.root {
height: 100%;
}

View File

@ -0,0 +1,19 @@
import { FunctionComponent } from "react";
import styles from "./HomePage.module.css";
import { Panel } from "../../components/Panel/Panel";
import { Tabs } from "../../components/Tabs/Tabs";
import { useAppInfos } from "../../api/arcast";
export const HomePage: FunctionComponent = () => {
const query = useAppInfos();
console.log(query);
return (
<div className={styles.root}>
<Panel>
<Tabs></Tabs>
</Panel>
</div>
);
};

View File

@ -0,0 +1,3 @@
.root {
}

View File

@ -0,0 +1,6 @@
import { FunctionComponent } from "react";
import styles from "./ScreenSharingPage.module.css";
export const ScreenSharingPage: FunctionComponent = () => {
return <div className={styles.root}>Screen sharing page</div>;
};

1
apps/main/src/react-app-env.d.ts vendored Normal file
View File

@ -0,0 +1 @@
/// <reference types="react-scripts" />

View File

@ -0,0 +1,5 @@
// jest-dom adds custom jest matchers for asserting on DOM nodes.
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
import '@testing-library/jest-dom';

26
apps/main/tsconfig.json Normal file
View File

@ -0,0 +1,26 @@
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx"
},
"include": [
"src"
]
}

View File

@ -1,4 +1,5 @@
{ {
"id": "remote-control",
"title": { "title": {
"fr": "Contrôle à distance", "fr": "Contrôle à distance",
"en": "Remote control" "en": "Remote control"

View File

@ -1,4 +1,5 @@
{ {
"id": "screen-sharing",
"title": { "title": {
"fr": "Partage d'écran", "fr": "Partage d'écran",
"en": "Screen sharing" "en": "Screen sharing"

View File

@ -82,6 +82,7 @@ func main() {
server.WithTLSCertificate(&cert), server.WithTLSCertificate(&cert),
server.WithAddress(conf.HTTP.Address), server.WithAddress(conf.HTTP.Address),
server.WithTLSAddress(conf.HTTPS.Address), server.WithTLSAddress(conf.HTTPS.Address),
server.WithAllowedOrigins(conf.AllowedOrigins...),
) )
if err := server.Start(); err != nil { if err := server.Start(); err != nil {

View File

@ -44,7 +44,7 @@ Voici un exemple commenté du fichier de configuration:
// Activer/désactiver les applications embarquées // Activer/désactiver les applications embarquées
"enabled": true, "enabled": true,
// Application par défaut // Application par défaut
"defaultApp": "home" "defaultApp": "main"
} }
} }
``` ```

1
go.mod
View File

@ -4,6 +4,7 @@ go 1.21.4
require ( require (
gioui.org v0.4.1 gioui.org v0.4.1
github.com/davecgh/go-spew v1.1.1
github.com/gioui-plugins/gio-plugins v0.0.0-20230625001848-8f18aae6c91c github.com/gioui-plugins/gio-plugins v0.0.0-20230625001848-8f18aae6c91c
github.com/go-chi/cors v1.2.1 github.com/go-chi/cors v1.2.1
github.com/gorilla/websocket v1.5.1 github.com/gorilla/websocket v1.5.1

View File

@ -61,6 +61,12 @@ func Run() *cli.Command {
EnvVars: []string{"ARCAST_DESKTOP_WINDOW_WIDTH"}, EnvVars: []string{"ARCAST_DESKTOP_WINDOW_WIDTH"},
Value: defaults.Width, Value: defaults.Width,
}, },
&cli.StringSliceFlag{
Name: "allowed-origins",
EnvVars: []string{"ARCAST_DESKTOP_ALLOWED_ORIGINS"},
Value: cli.NewStringSlice(),
},
}, },
Action: func(ctx *cli.Context) error { Action: func(ctx *cli.Context) error {
configFile := ctx.String("config") configFile := ctx.String("config")
@ -119,6 +125,10 @@ func Run() *cli.Command {
conf.HTTPS.Address = ctx.String("tls-address") conf.HTTPS.Address = ctx.String("tls-address")
} }
if ctx.IsSet("allowed-origins") {
conf.AllowedOrigins = ctx.StringSlice("allowed-origins")
}
server := server.New(browser, server := server.New(browser,
server.WithInstanceID(conf.InstanceID), server.WithInstanceID(conf.InstanceID),
server.WithAppsEnabled(conf.Apps.Enabled), server.WithAppsEnabled(conf.Apps.Enabled),
@ -127,6 +137,7 @@ func Run() *cli.Command {
server.WithAddress(conf.HTTP.Address), server.WithAddress(conf.HTTP.Address),
server.WithTLSAddress(conf.HTTPS.Address), server.WithTLSAddress(conf.HTTPS.Address),
server.WithTLSCertificate(&cert), server.WithTLSCertificate(&cert),
server.WithAllowedOrigins(conf.AllowedOrigins...),
) )
if err := server.Start(); err != nil { if err := server.Start(); err != nil {

View File

@ -1,6 +1,9 @@
{
prep: make build-apps
}
**/*.go **/*.go
pkg/server/templates/**.gotmpl pkg/server/templates/**.gotmpl
apps/**
modd.conf modd.conf
.env { .env {
prep: make build-client prep: make build-client

View File

@ -12,10 +12,11 @@ import (
) )
type Config struct { type Config struct {
InstanceID string `json:"instanceId"` InstanceID string `json:"instanceId"`
HTTP HTTPConfig `json:"http"` HTTP HTTPConfig `json:"http"`
HTTPS HTTPSConfig `json:"https"` HTTPS HTTPSConfig `json:"https"`
Apps AppsConfig `json:"apps"` Apps AppsConfig `json:"apps"`
AllowedOrigins []string `json:"allowedOrigins"`
} }
type HTTPConfig struct { type HTTPConfig struct {
@ -95,7 +96,8 @@ func LoadOrCreate(ctx context.Context, filename string, conf *Config, funcs ...T
func DefaultConfig() *Config { func DefaultConfig() *Config {
return &Config{ return &Config{
InstanceID: server.NewRandomInstanceID(), InstanceID: server.NewRandomInstanceID(),
AllowedOrigins: []string{},
HTTP: HTTPConfig{ HTTP: HTTPConfig{
Address: ":45555", Address: ":45555",
}, },
@ -108,7 +110,7 @@ func DefaultConfig() *Config {
}, },
Apps: AppsConfig{ Apps: AppsConfig{
Enabled: true, Enabled: true,
DefaultApp: "home", DefaultApp: "main",
}, },
} }
} }

View File

@ -36,17 +36,24 @@ func init() {
func (s *Server) startWebServers(ctx context.Context) error { func (s *Server) startWebServers(ctx context.Context) error {
router := chi.NewRouter() router := chi.NewRouter()
allowedOrigins := make([]string, 0)
if s.appsEnabled { if s.appsEnabled {
ips, err := network.GetLANIPv4Addrs() ips, err := network.GetLANIPv4Addrs()
if err != nil { if err != nil {
return errors.WithStack(err) return errors.WithStack(err)
} }
allowedOrigins := make([]string, len(ips)) for _, ip := range ips {
for idx, ip := range ips { allowedOrigins = append(allowedOrigins, fmt.Sprintf("http://%s:%d", ip, s.port))
allowedOrigins[idx] = fmt.Sprintf("http://%s:%d", ip, s.port)
} }
}
if len(s.allowedOrigins) > 0 {
allowedOrigins = append(allowedOrigins, s.allowedOrigins...)
}
if len(allowedOrigins) > 0 {
router.Use(cors.Handler(cors.Options{ router.Use(cors.Handler(cors.Options{
AllowedOrigins: allowedOrigins, AllowedOrigins: allowedOrigins,
AllowedMethods: []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"}, AllowedMethods: []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"},

View File

@ -26,6 +26,7 @@ type Options struct {
EnableServiceDiscovery bool EnableServiceDiscovery bool
EnableApps bool EnableApps bool
DefaultApp string DefaultApp string
AllowedOrigins []string
Apps []App Apps []App
} }
@ -39,6 +40,7 @@ func NewOptions(funcs ...OptionFunc) *Options {
EnableServiceDiscovery: true, EnableServiceDiscovery: true,
EnableApps: false, EnableApps: false,
DefaultApp: "", DefaultApp: "",
AllowedOrigins: make([]string, 0),
Apps: make([]App, 0), Apps: make([]App, 0),
} }
@ -67,6 +69,12 @@ func WithApps(apps ...App) OptionFunc {
} }
} }
func WithAllowedOrigins(origins ...string) OptionFunc {
return func(opts *Options) {
opts.AllowedOrigins = origins
}
}
func WithAddress(addr string) OptionFunc { func WithAddress(addr string) OptionFunc {
return func(opts *Options) { return func(opts *Options) {
opts.Address = addr opts.Address = addr

View File

@ -23,9 +23,10 @@ type Server struct {
serviceDiscoveryEnabled bool serviceDiscoveryEnabled bool
appsEnabled bool appsEnabled bool
defaultApp string defaultApp string
apps []App allowedOrigins []string
apps []App
ctx context.Context ctx context.Context
cancel context.CancelFunc cancel context.CancelFunc
@ -85,6 +86,7 @@ func New(browser browser.Browser, funcs ...OptionFunc) *Server {
tlsAddress: opts.TLSAddress, tlsAddress: opts.TLSAddress,
tlsCert: opts.TLSCertificate, tlsCert: opts.TLSCertificate,
appsEnabled: opts.EnableApps, appsEnabled: opts.EnableApps,
allowedOrigins: opts.AllowedOrigins,
defaultApp: opts.DefaultApp, defaultApp: opts.DefaultApp,
apps: opts.Apps, apps: opts.Apps,
serviceDiscoveryEnabled: opts.EnableServiceDiscovery, serviceDiscoveryEnabled: opts.EnableServiceDiscovery,

View File

@ -13,9 +13,9 @@
} }
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
"Segoe UI Symbol"; "Helvetica Neue", sans-serif;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgb(76, 96, 188); background: rgb(76, 96, 188);