@bexis2/bexis2-core-ui 0.0.17 → 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,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "private": false,
   "scripts": {
     "dev": "vite dev",
@@ -22,9 +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",
-    "@sveltejs/adapter-static": "^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",
@@ -50,9 +51,6 @@
   "directories": {
     "test": "tests"
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.2.1",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
@@ -60,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/src/lib/components/File/FileUploader.svelte

@@ -0,0 +1,217 @@
+<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/src/fa.svelte'
+
+import Spinner from '../Spinner/Spinner.svelte';
+import { createEventDispatcher } from 'svelte';
+import { faTrash } from '@fortawesome/free-solid-svg-icons'
+import { faSave } from '@fortawesome/free-regular-svg-icons'
+import { faFileUpload } from '@fortawesome/free-solid-svg-icons'
+
+import { Api } from '../../services/Api.js'
+
+export let id=0;
+export let version=1;
+
+import { onMount } from 'svelte'
+
+// export let description="";
+// export let status=0;
+
+
+//action to load fileupload model
+export let start="";
+//action to save selected file 
+export let submit="";
+
+export let context="";
+
+export let data:FileUploaderModel | undefined;
+
+$:model= data;
+$:submitBt ="submit";
+
+let maxSize=0;
+
+const dispatch = createEventDispatcher();
+
+let fx:FileInfo[]
+
+let files:Files = {accepted:[], rejected:[]};
+$:files;
+
+onMount(async () => {
+
+  console.log("fileupload - OnMount", data);
+
+
+  if(!data)
+  {
+    load();
+  }
+  else
+  {
+    model = data;  
+  }
+
+  if(model)
+  {
+    submitBt += context;   
+    maxSize = (model.maxSize*1024)*1024
+  }
+
+})
+
+// load modal from server 
+async function load()
+{
+  let url = start+"?id="+id+"&version="+version;
+  
+  // load menu froms server
+  const res = await Api.get(url);
+  model = await res.data();
+
+  console.log("fileupload",model);
+  
+
+}
+
+function handleFilesSelect(e:any) {
+
+  console.log("handleFilesSelect", e);
+  console.log("files", files);
+
+
+  const { acceptedFiles, fileRejections } = e.detail;
+
+ 
+  files.accepted = [...files.accepted, ...acceptedFiles];
+  files.rejected = [...files.rejected, ...fileRejections];
+
+
+  console.log("acceptedFiles", acceptedFiles);
+  console.log("files.accepted", files.accepted);
+
+
+  if(fileRejections.length>0)
+  {
+    //alert("the dropped file is not supported");
+    console.log("the dropped file is not supported.");
+    console.log(files.rejected);
+
+    let messages = [""];
+    
+    for (let index = 0; index < fileRejections.length; index++) {
+      const element = fileRejections[index];
+      messages.push(getErrorMessage(element))
+    }
+
+    console.log(messages);
+    
+    dispatch("error", {messages})
+    //list up the errors somewhere
+    files.rejected = []
+  }
+
+  if(acceptedFiles.length>0)
+  {
+      document.getElementById(submitBt)?.click(); 
+  }
+
+}
+
+function getErrorMessage(rejected)
+{
+  let message = "";
+  message = rejected.file.path+" : ";
+  let errors = rejected.errors;
+  for (let index = 0; index < errors.length; index++) {
+    const error = errors[index];
+    message+=error.message
+  }
+
+  return message;
+}
+
+async function handleSubmit() {
+
+    console.log("SUBMIT");
+
+    dispatch('submit')
+
+    let url = submit+"?id="+id;
+
+    // console.log(model);
+    // console.log(url);
+    console.log("SUBMIT");
+
+    if (files.accepted.length > 0) {
+
+      console.log(files);
+
+      const formData = new FormData();
+      formData.append("files","123"); 
+      // Looping over all files and add it to FormData object  
+      for (var i = 0; i < files.accepted.length; i++) {  
+           
+ 
+          formData.append(files.accepted[i].name, files.accepted[i]);  
+      }  
+      
+
+      const response = await Api.post(url, formData);
+
+      if(response.status==200)
+      {
+        dispatch('submited');
+
+        let message = files.accepted.length +" is/are uploaded";
+        dispatch('success', {text:message})
+
+        files.accepted = [];
+
+      }
+    }
+  }
+
+</script>
+
+<form on:submit|preventDefault={handleSubmit}>
+    {#if model}
+      <!--if model exist  -->
+      <div>
+
+        <DropZone 
+          on:drop={handleFilesSelect} 
+          accept={model.accept}
+          multiple={model.multiple}
+          {maxSize}>
+
+          <b style="font-size:xx-large"><Fa icon={faFileUpload}/></b>
+          <span><b>Drag 'n' drop some files here, or click to select files</b>
+          <b>max file : {model.maxSize} mb</b></span>
+          <p>
+            {#if model.accept}
+              {#each model.accept as ext}
+              {ext} ,   
+              {/each}
+            {/if}
+          </p>
+        </DropZone>
+
+      </div>
+
+      <button id="{submitBt}" color="primary" style="display:none" ><Fa icon={faSave}/></button>
+
+    {:else} <!-- while data is not loaded show a loading information -->
+
+      <Spinner/>
+    {/if}
+
+</form> 
+
+

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

@@ -1,135 +0,0 @@
-<script>import DropZone from "svelte-file-dropzone/Dropzone.svelte";
-import { Fa } from "svelte-fa";
-import Spinner from "../Spinner/Spinner.svelte";
-import { createEventDispatcher } from "svelte";
-import { faTrash } from "@fortawesome/free-solid-svg-icons";
-import { faSave } from "@fortawesome/free-regular-svg-icons";
-import { faFileUpload } from "@fortawesome/free-solid-svg-icons";
-import { Api } from "../../services/Api.js";
-export let id = 0;
-export let version = 1;
-import { onMount } from "svelte";
-export let start = "";
-export let submit = "";
-export let context = "";
-export let data;
-$:
-  model = data;
-$:
-  submitBt = "submit";
-let maxSize = 0;
-const dispatch = createEventDispatcher();
-let fx;
-let files = { accepted: [], rejected: [] };
-$:
-  files;
-onMount(async () => {
-  console.log("fileupload - OnMount", data);
-  if (!data) {
-    load();
-  } else {
-    model = data;
-  }
-  if (model) {
-    submitBt += context;
-    maxSize = model.maxSize * 1024 * 1024;
-  }
-});
-async function load() {
-  let url = start + "?id=" + id + "&version=" + version;
-  const res = await Api.get(url);
-  model = await res.json();
-  console.log("fileupload", model);
-}
-function handleFilesSelect(e) {
-  console.log("handleFilesSelect", e);
-  console.log("files", files);
-  const { acceptedFiles, fileRejections } = e.detail;
-  files.accepted = [...files.accepted, ...acceptedFiles];
-  files.rejected = [...files.rejected, ...fileRejections];
-  console.log("acceptedFiles", acceptedFiles);
-  console.log("files.accepted", files.accepted);
-  if (fileRejections.length > 0) {
-    console.log("the dropped file is not supported.");
-    console.log(files.rejected);
-    let messages = [""];
-    for (let index = 0; index < fileRejections.length; index++) {
-      const element = fileRejections[index];
-      messages.push(getErrorMessage(element));
-    }
-    console.log(messages);
-    dispatch("error", { messages });
-    files.rejected = [];
-  }
-  if (acceptedFiles.length > 0) {
-    document.getElementById(submitBt)?.click();
-  }
-}
-function getErrorMessage(rejected) {
-  let message = "";
-  message = rejected.file.path + " : ";
-  let errors = rejected.errors;
-  for (let index = 0; index < errors.length; index++) {
-    const error = errors[index];
-    message += error.message;
-  }
-  return message;
-}
-async function handleSubmit() {
-  console.log("SUBMIT");
-  dispatch("submit");
-  let url = submit + "?id=" + id;
-  console.log("SUBMIT");
-  if (files.accepted.length > 0) {
-    console.log(files);
-    const formData = new FormData();
-    formData.append("files", "123");
-    for (var i = 0; i < files.accepted.length; i++) {
-      formData.append(files.accepted[i].name, files.accepted[i]);
-    }
-    const response = await Api.post(url, formData);
-    if (response.status == 200) {
-      dispatch("submited");
-      let message = files.accepted.length + " is/are uploaded";
-      dispatch("success", { text: message });
-      files.accepted = [];
-    }
-  }
-}
-</script>
-
-<form on:submit|preventDefault={handleSubmit}>
-    {#if model}
-      <!--if model exist  -->
-      <div>
-
-        <DropZone 
-          on:drop={handleFilesSelect} 
-          accept={model.accept}
-          multiple={model.multiple}
-          {maxSize}>
-
-          <b style="font-size:xx-large"><Fa icon={faFileUpload}/></b>
-          <span><b>Drag 'n' drop some files here, or click to select files</b>
-          <b>max file : {model.maxSize} mb</b></span>
-          <p>
-            {#if model.accept}
-              {#each model.accept as ext}
-              {ext} ,   
-              {/each}
-            {/if}
-          </p>
-        </DropZone>
-
-      </div>
-
-      <button id="{submitBt}" color="primary" style="display:none" ><Fa icon={faSave}/></button>
-
-    {:else} <!-- while data is not loaded show a loading information -->
-
-      <Spinner/>
-    {/if}
-
-</form> 
-
-

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

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