@bexis2/bexis2-core-ui 0.0.16 → 0.0.18

package/.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

package/.eslintrc.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+	root: true,
+	parser: '@typescript-eslint/parser',
+	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+	plugins: ['svelte3', '@typescript-eslint'],
+	ignorePatterns: ['*.cjs'],
+	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+	settings: {
+		'svelte3/typescript': () => require('typescript')
+	},
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	}
+};

package/.github/workflows/main.yml

@@ -0,0 +1,44 @@
+name: GitHub Pages
+
+on:
+  push:
+    branches:
+      - master # Set a branch name to trigger deployment
+  pull_request:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-20.04 # Set platform for runner
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-
+      - uses: pnpm/action-setup@v2.0.1
+        with:
+          version: 6.20.1
+          run_install: true
+
+      - run: pnpm i # Run install
+      - run: pnpm run build # Run build
+      - run: dir
+      - run: cp -a static/. ./build/ # Copy missing files to build folder
+
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        if: ${{ github.ref == 'refs/heads/master' }}
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./build # Copy all files from the build folder to the gh-page branch

package/.prettierignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "private": false,
   "scripts": {
     "dev": "vite dev",
     "package": "svelte-package",
     "build": "vite build",
+    "build package": "svelte-kit sync && svelte-package --watch",
     "preview": "vite preview",
     "test": "playwright test",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
@@ -21,8 +22,10 @@
     "@playwright/test": "^1.28.1",
     "@skeletonlabs/skeleton": "^1.2.5",
     "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/adapter-static": "^2.0.2",
     "@sveltejs/kit": "^1.5.0",
     "@sveltejs/package": "^2.0.2",
+    "svelte-fa": "^3.0.3",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "autoprefixer": "^10.4.14",
@@ -48,9 +51,6 @@
   "directories": {
     "test": "tests"
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.2.1",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
@@ -58,7 +58,6 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "axios": "^1.2.1",
     "svelte": "^3.54.0",
-    "svelte-fa": "^3.0.3",
     "svelte-file-dropzone": "^2.0.1"
   },
   "author": "David Schöne",

package/playwright.config.ts

@@ -0,0 +1,11 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	},
+	testDir: 'tests'
+};
+
+export default config;

package/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+}

package/src/app.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="@sveltejs/kit" />
+
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+// and what to do when importing types
+declare namespace App {
+	// interface Error {}
+	// interface Locals {}
+	// interface PageData {}
+	// interface Platform {}
+}

package/src/app.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+
+
+
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body>
+		<div>%sveltekit.body%</div>
+	</body>
+</html>

package/src/app.postcss

@@ -0,0 +1,2 @@
+/*place global styles here */
+html, body { @apply h-full; }

package/src/index.test.ts

@@ -0,0 +1,7 @@
+import { describe, it, expect } from 'vitest';
+
+describe('sum test', () => {
+	it('adds 1 + 2 to equal 3', () => {
+		expect(1 + 2).toBe(3);
+	});
+});

package/{dist → src/lib}/components/File/FileUploader.svelte

@@ -1,10 +1,10 @@
-<script>
+<script lang="ts">
 
 import type { FileUploaderModel, FileInfo, Files} from '../../models/Models.js'
 
 
 import DropZone from "svelte-file-dropzone/Dropzone.svelte";
-import {Fa} from 'svelte-fa'
+import Fa from 'svelte-fa/src/fa.svelte'
 
 import Spinner from '../Spinner/Spinner.svelte';
 import { createEventDispatcher } from 'svelte';
@@ -73,7 +73,7 @@ async function load()
   
   // load menu froms server
   const res = await Api.get(url);
-  model = await res.json();
+  model = await res.data();
 
   console.log("fileupload",model);
   

package/src/lib/components/ListView.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+
+type x={
+ name:string
+}
+
+let result:x = {name:"david"}
+
+</script>
+ 
+<h1>MyList</h1>
+{result.name}
+<b>from bexis-lib</b>

package/src/lib/index.ts

@@ -0,0 +1,15 @@
+
+// Reexport your entry components here
+import ListView from './components/ListView.svelte'
+
+import TableView from './TableView.svelte'
+import FileIcon from './components/File/FileIcon.svelte'
+import FileInfo from './components/File/FileInfo.svelte'
+import FileUploader from './components/File/FileUploader.svelte'
+
+export {ListView,TableView, FileInfo, FileIcon, FileUploader }
+
+export {Api} from './services/Api.js'
+export {host,username,password,setApiConfig} from './stores/apistore.js'
+
+export type {user, FileUploaderModel} from './models/Models.js'

package/src/lib/models/Models.ts

@@ -0,0 +1,39 @@
+
+export interface FileInfo {
+ name:string,
+ type:string,
+ length:number,
+ description:string,
+ validationHash:string,
+
+}
+
+
+export interface FileUploaderModel{
+ accept:string[],
+ existingFiles:FileInfo[],
+ descriptionType:number,
+ multiple:boolean,
+ maxSize:number,
+ lastModification:Date
+}
+
+export interface Files {
+ accepted:Blob[],
+ rejected:Blob[]
+}
+
+
+export type user = {
+ name:string
+}
+
+export interface FileObj{
+ path:string,
+ lastModified:number,
+ lastModifiedDate:Date,
+ name:string,
+ size:number,
+ type:string,
+ webkitRelativePath:string
+}

package/{dist/services/Api.js → src/lib/services/Api.ts}

@@ -1,44 +1,58 @@
-// Api.js
-import axios from "axios";
-import { host, username, password } from "../stores/apistore";
-console.log("setup axios");
-// implement a method to execute all the request from here.
-const apiRequest = (method, url, request) => {
-    // Create a instance of axios to use the same base url.
-    const axiosAPI = axios.create({
-        baseURL: host
-    });
-    const headers = {
-        authorization: 'Basic ' + btoa(username + ":" + password)
-    };
-    //using the axios instance to perform the request that received from each http method
-    return axiosAPI({
-        method,
-        url,
-        data: request,
-        headers
-    }).then(res => {
-        return Promise.resolve(res);
-    })
-        .catch(err => {
-        return Promise.reject(err);
-    });
-};
-// function to execute the http get request
-const get = (url, request = "") => apiRequest("get", url, request);
-// function to execute the http delete request
-const deleteRequest = (url, request) => apiRequest("delete", url, request);
-// function to execute the http post request
-const post = (url, request) => apiRequest("post", url, request);
-// function to execute the http put request
-const put = (url, request) => apiRequest("put", url, request);
-// function to execute the http path request
-const patch = (url, request) => apiRequest("patch", url, request);
-// expose your method to other services or actions
-export const Api = {
-    get,
-    delete: deleteRequest,
-    post,
-    put,
-    patch
-};
+// Api.js
+import axios from "axios";
+import { host, username, password } from "../stores/apistore";
+
+console.log("setup axios")
+
+
+// implement a method to execute all the request from here.
+const apiRequest = (method, url, request) => {
+ 
+   
+    // Create a instance of axios to use the same base url.
+    const axiosAPI = axios.create({
+      baseURL : host
+    });
+    
+    const headers = {
+        authorization: 'Basic ' + btoa(username + ":" + password)
+    };
+    
+    //using the axios instance to perform the request that received from each http method
+    return axiosAPI({
+        method,
+        url,
+        data: request,
+        headers
+      }).then(res => {
+
+        return Promise.resolve(res);
+      })
+      .catch(err => {
+        return Promise.reject(err);
+      });
+};
+
+// function to execute the http get request
+const get = (url, request="") => apiRequest("get",url,request);
+
+// function to execute the http delete request
+const deleteRequest = (url, request) =>  apiRequest("delete", url, request);
+
+// function to execute the http post request
+const post = (url, request) => apiRequest("post", url, request);
+
+// function to execute the http put request
+const put = (url, request) => apiRequest("put", url, request);
+
+// function to execute the http path request
+const patch = (url, request) =>  apiRequest("patch", url, request);
+
+// expose your method to other services or actions
+export const Api ={
+    get,
+    delete: deleteRequest,
+    post,
+    put,
+    patch
+};

package/src/lib/stores/apistore.ts

@@ -0,0 +1,32 @@
+import { writable } from 'svelte/store'
+
+
+export let host = "window.location.origin";
+export let username = "";
+export let password = "";
+
+const hostStore = writable(""); //writable(window.location.origin);
+const usernameStore =  writable("");
+const passwordStore = writable("");
+
+hostStore.subscribe(value => {
+ host = value;
+});
+
+usernameStore.subscribe(value => {
+ username = value;
+});
+
+passwordStore.subscribe(value => {
+ password = value;
+});
+
+
+
+export function setApiConfig(_host:string ,_user:string,_pw:string)
+{
+ console.log("overwrite settings");
+ hostStore.update(h=>h = _host);
+ usernameStore.update(u=>u = _user);
+ passwordStore.update(p=>p = _pw);
+}

package/src/routes/+layout.js

@@ -0,0 +1,5 @@
+export const prerender = true;
+export const ssr = false;
+export const trailingSlash = 'always';
+
+// import { API_URL } from '../../app.config';

package/src/routes/+layout.svelte

@@ -0,0 +1,10 @@
+<script lang='ts'>
+	// The ordering of these imports is critical to your app working properly
+	import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
+	// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
+	import '@skeletonlabs/skeleton/styles/all.css';
+	// Most of your app wide CSS should be put in this file
+	import '../app.postcss';
+</script>
+
+<slot />

package/src/routes/test/+page.svelte

@@ -0,0 +1 @@
+<h1>test</h1>

package/svelte.config.js

@@ -0,0 +1,23 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/kit/vite';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		adapter: adapter({
+			pages: 'build',
+			assets: 'build',
+			fallback: null,
+			precompress: false,
+			ssr: true
+		}
+		)
+
+	}
+};
+
+export default config;

package/tailwind.config.cjs

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	darkMode: 'class',
+	content: ['./src/**/*.{html,js,svelte,ts}', require('path').join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
+	theme: {
+		extend: {},
+	},
+	plugins: [...require('@skeletonlabs/skeleton/tailwind/skeleton.cjs')()],
+}

package/tests/test.ts

@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test';
+
+test('index page has expected h1', async ({ page }) => {
+	await page.goto('/');
+	await expect(page.getByRole('heading', { name: 'Welcome to SvelteKit' })).toBeVisible();
+});

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"noImplicitAny": false
+	},
+	"exclude": ["node_modules"]
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}

package/vite.config.ts

@@ -0,0 +1,9 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+	plugins: [sveltekit()],
+	test: {
+		include: ['src/**/*.{test,spec}.{js,ts}']
+	}
+});

package/dist/TableView.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  TableViewProps */
-/** @typedef {typeof __propDef.events}  TableViewEvents */
-/** @typedef {typeof __propDef.slots}  TableViewSlots */
-export default class TableView extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type TableViewProps = typeof __propDef.props;
-export type TableViewEvents = typeof __propDef.events;
-export type TableViewSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/File/FileIcon.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  FileIconProps */
-/** @typedef {typeof __propDef.events}  FileIconEvents */
-/** @typedef {typeof __propDef.slots}  FileIconSlots */
-export default class FileIcon extends SvelteComponentTyped<{
-    type?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FileIconProps = typeof __propDef.props;
-export type FileIconEvents = typeof __propDef.events;
-export type FileIconSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        type?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/File/FileInfo.svelte.d.ts

@@ -1,27 +0,0 @@
-/** @typedef {typeof __propDef.props}  FileInfoProps */
-/** @typedef {typeof __propDef.events}  FileInfoEvents */
-/** @typedef {typeof __propDef.slots}  FileInfoSlots */
-export default class FileInfo extends SvelteComponentTyped<{
-    type?: string | undefined;
-    name?: string | undefined;
-    size?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FileInfoProps = typeof __propDef.props;
-export type FileInfoEvents = typeof __propDef.events;
-export type FileInfoSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        type?: string | undefined;
-        name?: string | undefined;
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/File/FileUploader.svelte.d.ts

@@ -1,44 +0,0 @@
-/** @typedef {typeof __propDef.props}  FileUploaderProps */
-/** @typedef {typeof __propDef.events}  FileUploaderEvents */
-/** @typedef {typeof __propDef.slots}  FileUploaderSlots */
-export default class FileUploader extends SvelteComponentTyped<{
-    data: FileUploaderModel | undefined;
-    submit?: string | undefined;
-    id?: number | undefined;
-    version?: number | undefined;
-    start?: string | undefined;
-    context?: string | undefined;
-}, {
-    error: CustomEvent<any>;
-    submit: CustomEvent<any>;
-    submited: CustomEvent<any>;
-    success: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FileUploaderProps = typeof __propDef.props;
-export type FileUploaderEvents = typeof __propDef.events;
-export type FileUploaderSlots = typeof __propDef.slots;
-import { FileUploaderModel } from '../../models/Models.js';
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        data: FileUploaderModel | undefined;
-        submit?: string | undefined;
-        id?: number | undefined;
-        version?: number | undefined;
-        start?: string | undefined;
-        context?: string | undefined;
-    };
-    events: {
-        error: CustomEvent<any>;
-        submit: CustomEvent<any>;
-        submited: CustomEvent<any>;
-        success: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/ListView.svelte

@@ -1,6 +0,0 @@
-<script>let result = { name: "david" };
-</script>
- 
-<h1>MyList</h1>
-{result.name}
-<b>from bexis-lib</b>

package/dist/components/ListView.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListViewProps = typeof __propDef.props;
-export type ListViewEvents = typeof __propDef.events;
-export type ListViewSlots = typeof __propDef.slots;
-export default class ListView extends SvelteComponentTyped<ListViewProps, ListViewEvents, ListViewSlots> {
-}
-export {};

package/dist/components/Spinner/Spinner.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  SpinnerProps */
-/** @typedef {typeof __propDef.events}  SpinnerEvents */
-/** @typedef {typeof __propDef.slots}  SpinnerSlots */
-export default class Spinner extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SpinnerProps = typeof __propDef.props;
-export type SpinnerEvents = typeof __propDef.events;
-export type SpinnerSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/index.d.ts

@@ -1,9 +0,0 @@
-import ListView from './components/ListView.svelte';
-import TableView from './TableView.svelte';
-import FileIcon from './components/File/FileIcon.svelte';
-import FileInfo from './components/File/FileInfo.svelte';
-import FileUploader from './components/File/FileUploader.svelte';
-export { ListView, TableView, FileInfo, FileIcon, FileUploader };
-export { Api } from './services/Api.js';
-export { host, username, password, setApiConfig } from './stores/apistore.js';
-export type { user, FileUploaderModel } from './models/Models.js';

package/dist/index.js

@@ -1,9 +0,0 @@
-// Reexport your entry components here
-import ListView from './components/ListView.svelte';
-import TableView from './TableView.svelte';
-import FileIcon from './components/File/FileIcon.svelte';
-import FileInfo from './components/File/FileInfo.svelte';
-import FileUploader from './components/File/FileUploader.svelte';
-export { ListView, TableView, FileInfo, FileIcon, FileUploader };
-export { Api } from './services/Api.js';
-export { host, username, password, setApiConfig } from './stores/apistore.js';

package/dist/models/Models.d.ts

@@ -1,31 +0,0 @@
-export interface FileInfo {
-    name: string;
-    type: string;
-    length: number;
-    description: string;
-    validationHash: string;
-}
-export interface FileUploaderModel {
-    accept: string[];
-    existingFiles: FileInfo[];
-    descriptionType: number;
-    multiple: boolean;
-    maxSize: number;
-    lastModification: Date;
-}
-export interface Files {
-    accepted: Blob[];
-    rejected: Blob[];
-}
-export type user = {
-    name: string;
-};
-export interface FileObj {
-    path: string;
-    lastModified: number;
-    lastModifiedDate: Date;
-    name: string;
-    size: number;
-    type: string;
-    webkitRelativePath: string;
-}

package/dist/models/Models.js

@@ -1 +0,0 @@
-export {};

package/dist/services/Api.d.ts

@@ -1,7 +0,0 @@
-export declare const Api: {
-    get: (url: any, request?: string) => Promise<import("axios").AxiosResponse<any, any>>;
-    delete: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
-    post: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
-    put: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
-    patch: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
-};

package/dist/stores/apistore.d.ts

@@ -1,4 +0,0 @@
-export declare let host: string;
-export declare let username: string;
-export declare let password: string;
-export declare function setApiConfig(_host: string, _user: string, _pw: string): void;

package/dist/stores/apistore.js

@@ -1,22 +0,0 @@
-import { writable } from 'svelte/store';
-export let host = "window.location.origin";
-export let username = "";
-export let password = "";
-const hostStore = writable(""); //writable(window.location.origin);
-const usernameStore = writable("");
-const passwordStore = writable("");
-hostStore.subscribe(value => {
-    host = value;
-});
-usernameStore.subscribe(value => {
-    username = value;
-});
-passwordStore.subscribe(value => {
-    password = value;
-});
-export function setApiConfig(_host, _user, _pw) {
-    console.log("overwrite settings");
-    hostStore.update(h => h = _host);
-    usernameStore.update(u => u = _user);
-    passwordStore.update(p => p = _pw);
-}