{
+// uiService.createApp(document.body)
+// }
+
+// boot().catch(err => {
+// new ErrorPage({ target: document.body, props: { error: err.message } })
+// })
+
+createApp(document.body)
diff --git a/dev/prod/src/platform.txt b/dev/prod/src/platform.txt
new file mode 100644
index 0000000000..0213fb0a06
--- /dev/null
+++ b/dev/prod/src/platform.txt
@@ -0,0 +1,57 @@
+//
+// Copyright © 2020 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import { addLocation } from '@anticrm/platform'
+
+import { loginId } from '@anticrm/login'
+import { clientId } from '@anticrm/client'
+import { workbenchId } from '@anticrm/workbench'
+import { chunterId } from '@anticrm/chunter'
+import { recruitId } from '@anticrm/recruit'
+import { tableId } from '@anticrm/table'
+import { viewId } from '@anticrm/view'
+import { taskId } from '@anticrm/task'
+import { contactId } from '@anticrm/contact'
+
+import { chunterServerId } from '@anticrm/chunter-server'
+
+import '@anticrm/login-assets'
+import '@anticrm/chunter-assets'
+import '@anticrm/recruit-assets'
+import '@anticrm/task-assets'
+import '@anticrm/view-assets'
+
+export function configurePlatform() {
+
+// platform.setMetadata(ui.metadata.LoginApplication, 'login')
+// platform.setMetadata(ui.metadata.DefaultApplication, 'workbench')
+
+ // if (process.env.CLIENT === 'dev')
+ addLocation(clientId, () => import(/* webpackChunkName: "client-dev" */ '@anticrm/plugin-client-dev'))
+ // else
+ // addLocation(core, () => import(/* webpackChunkName: "plugin-core" */ '@anticrm/plugin-core-impl'))
+
+ addLocation(loginId, () => import(/* webpackChunkName: "login" */ '@anticrm/plugin-login'))
+ addLocation(workbenchId, () => import(/* webpackChunkName: "workbench" */ '@anticrm/plugin-workbench'))
+ addLocation(chunterId, () => import(/* webpackChunkName: "chunter" */ '@anticrm/plugin-chunter'))
+ addLocation(recruitId, () => import(/* webpackChunkName: "recruit" */ '@anticrm/plugin-recruit'))
+ addLocation(tableId, () => import(/* webpackChunkName: "table" */ '@anticrm/table-resources'))
+ addLocation(viewId, () => import(/* webpackChunkName: "view" */ '@anticrm/view-resources'))
+ addLocation(taskId, () => import(/* webpackChunkName: "task" */ '@anticrm/task-resources'))
+ addLocation(contactId, () => import(/* webpackChunkName: "contact" */ '@anticrm/contact-resources'))
+
+ addLocation(chunterServerId, () => import(/* webpackChunkName: "chunter-server" */ '@anticrm/chunter-server'))
+
+}
diff --git a/dev/prod/tsconfig.json b/dev/prod/tsconfig.json
new file mode 100644
index 0000000000..3226b4124a
--- /dev/null
+++ b/dev/prod/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "compilerOptions": {
+ "outDir": "./dist/",
+ "noImplicitAny": true,
+ "module": "esnext",
+ "target": "esnext",
+ "allowJs": true,
+ "sourceMap": true,
+ "moduleResolution": "node",
+ "allowSyntheticDefaultImports": true,
+ "lib": [
+ "esnext",
+ "dom"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/dev/prod/webpack.config.js b/dev/prod/webpack.config.js
new file mode 100644
index 0000000000..06a964e682
--- /dev/null
+++ b/dev/prod/webpack.config.js
@@ -0,0 +1,163 @@
+//
+// Copyright © 2020 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const Dotenv = require('dotenv-webpack')
+const path = require('path')
+const autoprefixer = require('autoprefixer')
+
+const mode = process.env.NODE_ENV || 'development'
+const prod = mode === 'production'
+
+module.exports = {
+ entry: {
+ bundle: [
+ '@anticrm/theme/styles/global.scss',
+ './src/main.ts'
+ ]
+ },
+ resolve: {
+ symlinks: true,
+ alias: {
+ svelte: path.resolve('./node_modules', 'svelte')
+ },
+ extensions: ['.mjs', '.js', '.svelte', '.ts'],
+ mainFields: ['svelte', 'browser', 'module', 'main']
+ },
+ output: {
+ path: __dirname + '/dist',
+ filename: '[name].js',
+ chunkFilename: '[name].[id].js',
+ publicPath: '/'
+ },
+ module: {
+ rules: [
+ {
+ test: /\.ts?$/,
+ use: 'ts-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.svelte$/,
+ use: {
+ loader: 'svelte-loader',
+ options: {
+ emitCss: true,
+ preprocess: require('svelte-preprocess')({ postcss: true })
+ }
+ // options: {
+ // dev: !prod,
+ // emitCss: true,
+ // hotReload: !prod,
+ // preprocess: require('svelte-preprocess')({
+ // babel: {
+ // presets: [
+ // [
+ // '@babel/preset-env',
+ // {
+ // loose: true,
+ // modules: false,
+ // targets: {
+ // esmodules: true
+ // }
+ // }
+ // ],
+ // '@babel/typescript'
+ // ],
+ // plugins: ['@babel/plugin-proposal-optional-chaining']
+ // }
+ // })
+ // }
+ }
+ },
+
+ {
+ test: /\.css$/,
+ use: [
+ prod ? MiniCssExtractPlugin.loader : 'style-loader',
+ 'css-loader',
+ 'postcss-loader'
+ ]
+ },
+
+ {
+ test: /\.scss$/,
+ use: [
+ prod ? MiniCssExtractPlugin.loader : 'style-loader',
+ 'css-loader',
+ 'postcss-loader',
+ 'sass-loader',
+ ],
+ },
+
+ {
+ test: /\.(ttf|otf|eot|woff|woff2)$/,
+ use: {
+ loader: 'file-loader',
+ options: {
+ name: 'fonts/[name].[ext]',
+ esModule: false
+ }
+ }
+ },
+ {
+ test: /\.(jpg|png)$/,
+ use: {
+ loader: 'file-loader',
+ options: {
+ name: 'img/[name].[ext]',
+ esModule: false
+ }
+ }
+ },
+ {
+ test: /\.svg$/,
+ use: [
+ {
+ loader: 'file-loader',
+ options: {
+ esModule: false
+ }
+ },
+ {
+ loader: 'svgo-loader',
+ options: {
+ plugins: [
+ { name: 'removeHiddenElems', active: false }
+ // { removeHiddenElems: { displayNone: false } },
+ // { cleanupIDs: false },
+ // { removeTitle: true }
+ ]
+ }
+ }
+ ]
+ }
+ ]
+ },
+ mode,
+ plugins: [
+ new MiniCssExtractPlugin({
+ filename: '[name].css'
+ }),
+ new Dotenv()
+ ],
+ devtool: prod ? false : 'source-map',
+ devServer: {
+ publicPath: '/',
+ historyApiFallback: {
+ disableDotRule: true
+ }
+ }
+}
diff --git a/packages/theme/fonts/complete/otf/Raleway-Bold.otf b/packages/theme/fonts/complete/otf/Raleway-Bold.otf
new file mode 100644
index 0000000000..08bf50e8be
Binary files /dev/null and b/packages/theme/fonts/complete/otf/Raleway-Bold.otf differ
diff --git a/packages/theme/fonts/complete/otf/Raleway-Regular.otf b/packages/theme/fonts/complete/otf/Raleway-Regular.otf
new file mode 100644
index 0000000000..7d3812ba9e
Binary files /dev/null and b/packages/theme/fonts/complete/otf/Raleway-Regular.otf differ
diff --git a/packages/theme/fonts/complete/woff/IBMPlexSans-Bold.woff b/packages/theme/fonts/complete/woff/IBMPlexSans-Bold.woff
new file mode 100644
index 0000000000..a220c9e1aa
Binary files /dev/null and b/packages/theme/fonts/complete/woff/IBMPlexSans-Bold.woff differ
diff --git a/packages/theme/fonts/complete/woff/IBMPlexSans-Medium.woff b/packages/theme/fonts/complete/woff/IBMPlexSans-Medium.woff
new file mode 100644
index 0000000000..082c6012bf
Binary files /dev/null and b/packages/theme/fonts/complete/woff/IBMPlexSans-Medium.woff differ
diff --git a/packages/theme/fonts/complete/woff/IBMPlexSans-Regular.woff b/packages/theme/fonts/complete/woff/IBMPlexSans-Regular.woff
new file mode 100644
index 0000000000..79bdeab792
Binary files /dev/null and b/packages/theme/fonts/complete/woff/IBMPlexSans-Regular.woff differ
diff --git a/packages/theme/fonts/complete/woff/IBMPlexSans-SemiBold.woff b/packages/theme/fonts/complete/woff/IBMPlexSans-SemiBold.woff
new file mode 100644
index 0000000000..ce9534ca7a
Binary files /dev/null and b/packages/theme/fonts/complete/woff/IBMPlexSans-SemiBold.woff differ
diff --git a/packages/theme/fonts/complete/woff2/IBMPlexSans-Bold.woff2 b/packages/theme/fonts/complete/woff2/IBMPlexSans-Bold.woff2
new file mode 100644
index 0000000000..f86a4f4e32
Binary files /dev/null and b/packages/theme/fonts/complete/woff2/IBMPlexSans-Bold.woff2 differ
diff --git a/packages/theme/fonts/complete/woff2/IBMPlexSans-Medium.woff2 b/packages/theme/fonts/complete/woff2/IBMPlexSans-Medium.woff2
new file mode 100644
index 0000000000..e08b27b831
Binary files /dev/null and b/packages/theme/fonts/complete/woff2/IBMPlexSans-Medium.woff2 differ
diff --git a/packages/theme/fonts/complete/woff2/IBMPlexSans-Regular.woff2 b/packages/theme/fonts/complete/woff2/IBMPlexSans-Regular.woff2
new file mode 100644
index 0000000000..a6aad7cdd5
Binary files /dev/null and b/packages/theme/fonts/complete/woff2/IBMPlexSans-Regular.woff2 differ
diff --git a/packages/theme/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2 b/packages/theme/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2
new file mode 100644
index 0000000000..5f2456fa01
Binary files /dev/null and b/packages/theme/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2 differ
diff --git a/packages/theme/package.json b/packages/theme/package.json
new file mode 100644
index 0000000000..49e44ffb59
--- /dev/null
+++ b/packages/theme/package.json
@@ -0,0 +1,24 @@
+{
+ "name": "@anticrm/theme",
+ "version": "0.6.0",
+ "main": "src/index.ts",
+ "svelte": "src/index.ts",
+ "author": "Anticrm Platform Contributors",
+ "license": "EPL-2.0",
+ "scripts": {
+ "build": "",
+ "test": "echo 'no tests'",
+ "lint": "ts-standard src",
+ "lint:fix": "ts-standard --fix src",
+ "format": "prettier --write 'src/**/*.{ts*,js*,yml}' && ts-standard --fix src",
+ "svelte-check": "svelte-check"
+ },
+ "devDependencies": {
+ "svelte-loader":"^3.1.2",
+ "sass":"^1.37.5",
+ "svelte-preprocess":"^4.7.4"
+ },
+ "dependencies": {
+ "svelte": "^3.37.0"
+ }
+}
diff --git a/packages/theme/postcss.config.js b/packages/theme/postcss.config.js
new file mode 100644
index 0000000000..88752c6cb0
--- /dev/null
+++ b/packages/theme/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+ plugins: [
+ require('autoprefixer')
+ ]
+}
diff --git a/packages/theme/src/Theme.svelte b/packages/theme/src/Theme.svelte
new file mode 100644
index 0000000000..f79b909b99
--- /dev/null
+++ b/packages/theme/src/Theme.svelte
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+ {#if typeof (icon) === 'string'}
+
+
+
+
+
diff --git a/packages/ui/src/components/Button.svelte b/packages/ui/src/components/Button.svelte
new file mode 100644
index 0000000000..4d58aa5b86
--- /dev/null
+++ b/packages/ui/src/components/Button.svelte
@@ -0,0 +1,96 @@
+
+
+
+
+ {#if loading}
+
+
+
diff --git a/packages/ui/src/components/CheckBox.svelte b/packages/ui/src/components/CheckBox.svelte
new file mode 100644
index 0000000000..4c1492b059
--- /dev/null
+++ b/packages/ui/src/components/CheckBox.svelte
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/CheckBoxList.svelte b/packages/ui/src/components/CheckBoxList.svelte
new file mode 100644
index 0000000000..039f67fac9
--- /dev/null
+++ b/packages/ui/src/components/CheckBoxList.svelte
@@ -0,0 +1,85 @@
+
+
+
+
+
+ {#each items as item}
+
+ {/each}
+
{
+ items.push({ id: Date.now(), label: 'New item', done: false })
+ items = items
+ }}
+ >
+
+
+
+
+
+
{
+ if (editable) {
+ onEdit = true
+ }
+ }}
+ >
+
ev.target && computeSize(ev.target)}
+ />
+
{label}
+
+
+
+{:catch err}
+ ERROR: {console.log(err, JSON.stringify(component))}
+ {props}
+ {err}
+
+{/await}
+
+
diff --git a/packages/ui/src/components/DatePicker.svelte b/packages/ui/src/components/DatePicker.svelte
new file mode 100644
index 0000000000..9d56ab4178
--- /dev/null
+++ b/packages/ui/src/components/DatePicker.svelte
@@ -0,0 +1,264 @@
+
+
+
+
+
+ {
+ show = !show
+ }}
+ >
+
+ {#if show}
+
+
+
+
+
+
Mo
+
Tu
+
We
+
Th
+
Fr
+
Sa
+
Su
+ {#each days as day, i}
+
{
+ selected = new Date(view.getFullYear(), view.getMonth(), i + 1)
+ show = false
+ }}
+ >
+ {i + 1}
+
+ {/each}
+
+
+
+
+ {selected.getMonth() + 1} / {selected.getDate()} / {selected.getFullYear()}
+
+
+
{ input.focus() }}
+>
+
+ {#if label}
{/if}
+ {#if password}
+
ev.target && computeSize(ev.target)} />
+ {:else}
+
ev.target && computeSize(ev.target)} />
+ {/if}
+
+
+
+ {#if typeof (icon) === 'string'}
+
+
+
+
+
diff --git a/packages/ui/src/components/Icon.svelte b/packages/ui/src/components/Icon.svelte
new file mode 100644
index 0000000000..1095f0bfda
--- /dev/null
+++ b/packages/ui/src/components/Icon.svelte
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/IconSize.svelte b/packages/ui/src/components/IconSize.svelte
new file mode 100644
index 0000000000..0b07df2b48
--- /dev/null
+++ b/packages/ui/src/components/IconSize.svelte
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/Label.svelte b/packages/ui/src/components/Label.svelte
new file mode 100644
index 0000000000..90f6b912a9
--- /dev/null
+++ b/packages/ui/src/components/Label.svelte
@@ -0,0 +1,32 @@
+
+
+
+
+{#await translation}
+ {label}
+{:then text}
+ {text}
+{/await}
+
+
diff --git a/packages/ui/src/components/PopupItem.svelte b/packages/ui/src/components/PopupItem.svelte
new file mode 100644
index 0000000000..20b14cea85
--- /dev/null
+++ b/packages/ui/src/components/PopupItem.svelte
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/PopupMenu.svelte b/packages/ui/src/components/PopupMenu.svelte
new file mode 100644
index 0000000000..669dcc4a8d
--- /dev/null
+++ b/packages/ui/src/components/PopupMenu.svelte
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/ScrollBox.svelte b/packages/ui/src/components/ScrollBox.svelte
new file mode 100644
index 0000000000..bbf81aff59
--- /dev/null
+++ b/packages/ui/src/components/ScrollBox.svelte
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/Section.svelte b/packages/ui/src/components/Section.svelte
new file mode 100644
index 0000000000..a7d587484e
--- /dev/null
+++ b/packages/ui/src/components/Section.svelte
@@ -0,0 +1,75 @@
+
+
+
+
+ {
+ closed = !closed
+ }}
+>
+
+
+
+
+
+
diff --git a/packages/ui/src/components/SelectBox.svelte b/packages/ui/src/components/SelectBox.svelte
new file mode 100644
index 0000000000..9929eb1cdc
--- /dev/null
+++ b/packages/ui/src/components/SelectBox.svelte
@@ -0,0 +1,76 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/SelectItem.svelte b/packages/ui/src/components/SelectItem.svelte
new file mode 100644
index 0000000000..c9ced3329e
--- /dev/null
+++ b/packages/ui/src/components/SelectItem.svelte
@@ -0,0 +1,117 @@
+
+
+
+
+
+ {
+ pressed = !pressed
+ event.stopPropagation()
+ }}
+ >
+
+ {#if byTitle }
+
+ {:else}
+
+ { item.selected = false }}/>
+ {#if byTitle }
+
+ {:else}
+
+ {/if}
+ {#each items.filter(i => !i.selected) as noItem}
+ {#if byTitle }
+ {
+ pressed = false
+ item.selected = false
+ }}/>
+ {:else}
+ {
+ pressed = false
+ item.selected = false
+ }}/>
+ {/if}
+ {/each}
+
+
+
diff --git a/packages/ui/src/components/Spinner.svelte b/packages/ui/src/components/Spinner.svelte
new file mode 100644
index 0000000000..66b209c44b
--- /dev/null
+++ b/packages/ui/src/components/Spinner.svelte
@@ -0,0 +1,28 @@
+
+
+
+
\ No newline at end of file
diff --git a/packages/ui/src/components/StatusControl.svelte b/packages/ui/src/components/StatusControl.svelte
new file mode 100644
index 0000000000..91eacbd3f3
--- /dev/null
+++ b/packages/ui/src/components/StatusControl.svelte
@@ -0,0 +1,48 @@
+
+
+
+
+{#if status.severity !== Severity.OK}
+
+
+{/if}
+
+
\ No newline at end of file
diff --git a/packages/ui/src/components/Tabs.svelte b/packages/ui/src/components/Tabs.svelte
new file mode 100644
index 0000000000..c29dc658fa
--- /dev/null
+++ b/packages/ui/src/components/Tabs.svelte
@@ -0,0 +1,73 @@
+
+
+
+
+
+ {#each tabs as tab}
+
{ selected = tab.title }}>
+
+
+ {/each}
+
+
+
+
+
diff --git a/packages/ui/src/components/ToggleWithLabel.svelte b/packages/ui/src/components/ToggleWithLabel.svelte
new file mode 100644
index 0000000000..0e36cac046
--- /dev/null
+++ b/packages/ui/src/components/ToggleWithLabel.svelte
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Back.svelte b/packages/ui/src/components/icons/Back.svelte
new file mode 100644
index 0000000000..d8ca3ec3b2
--- /dev/null
+++ b/packages/ui/src/components/icons/Back.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Calendar.svelte b/packages/ui/src/components/icons/Calendar.svelte
new file mode 100644
index 0000000000..ca33845818
--- /dev/null
+++ b/packages/ui/src/components/icons/Calendar.svelte
@@ -0,0 +1,13 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Check.svelte b/packages/ui/src/components/icons/Check.svelte
new file mode 100644
index 0000000000..d48788c055
--- /dev/null
+++ b/packages/ui/src/components/icons/Check.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Close.svelte b/packages/ui/src/components/icons/Close.svelte
new file mode 100644
index 0000000000..1062c75201
--- /dev/null
+++ b/packages/ui/src/components/icons/Close.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Comments.svelte b/packages/ui/src/components/icons/Comments.svelte
new file mode 100755
index 0000000000..a2f48206dd
--- /dev/null
+++ b/packages/ui/src/components/icons/Comments.svelte
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Down.svelte b/packages/ui/src/components/icons/Down.svelte
new file mode 100644
index 0000000000..feb40df776
--- /dev/null
+++ b/packages/ui/src/components/icons/Down.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Forward.svelte b/packages/ui/src/components/icons/Forward.svelte
new file mode 100644
index 0000000000..072b8d8e44
--- /dev/null
+++ b/packages/ui/src/components/icons/Forward.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Search.svelte b/packages/ui/src/components/icons/Search.svelte
new file mode 100644
index 0000000000..c9275c19b6
--- /dev/null
+++ b/packages/ui/src/components/icons/Search.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/ToDo.svelte b/packages/ui/src/components/icons/ToDo.svelte
new file mode 100644
index 0000000000..deff343f3c
--- /dev/null
+++ b/packages/ui/src/components/icons/ToDo.svelte
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/icons/Up.svelte b/packages/ui/src/components/icons/Up.svelte
new file mode 100644
index 0000000000..a48dadb0c5
--- /dev/null
+++ b/packages/ui/src/components/icons/Up.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/internal/Clock.svelte b/packages/ui/src/components/internal/Clock.svelte
new file mode 100644
index 0000000000..df1508ef2e
--- /dev/null
+++ b/packages/ui/src/components/internal/Clock.svelte
@@ -0,0 +1,33 @@
+
+
+
+ {hours}
+ :
+ {minutes}
+
+
+
diff --git a/packages/ui/src/components/internal/ErrorBoundary.js b/packages/ui/src/components/internal/ErrorBoundary.js
new file mode 100644
index 0000000000..15e826f32c
--- /dev/null
+++ b/packages/ui/src/components/internal/ErrorBoundary.js
@@ -0,0 +1,32 @@
+//
+// Copyright © 2020 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import ErrorComponent from './ErrorComponent.svelte'
+export default class errorBoundary extends ErrorComponent {
+ constructor (config) {
+ let error = null
+ config.props.$$slots.default = config.props.$$slots.default.map((x) => (...args) => {
+ try {
+ return x(...args)
+ } catch (e) {
+ error = e
+ }
+ })
+ super(config)
+ if (error) {
+ this.$set({ error: error })
+ }
+ }
+}
diff --git a/packages/ui/src/components/internal/ErrorComponent.svelte b/packages/ui/src/components/internal/ErrorComponent.svelte
new file mode 100644
index 0000000000..7e874227f2
--- /dev/null
+++ b/packages/ui/src/components/internal/ErrorComponent.svelte
@@ -0,0 +1,38 @@
+
+
+
+
+
+ {#if error}
+
+
{error.message}
+
+ {error.stack}
+
+
\ No newline at end of file
diff --git a/packages/ui/src/components/internal/FontSizeSelector.svelte b/packages/ui/src/components/internal/FontSizeSelector.svelte
new file mode 100644
index 0000000000..f7f971a1c9
--- /dev/null
+++ b/packages/ui/src/components/internal/FontSizeSelector.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte
new file mode 100644
index 0000000000..a61d395caa
--- /dev/null
+++ b/packages/ui/src/components/internal/Root.svelte
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+ {#if application}
+
+ {:else}
+
+ Application not found: {application}
+
+ {/if}
+
+
+
+
diff --git a/packages/ui/src/components/internal/Status.svelte b/packages/ui/src/components/internal/Status.svelte
new file mode 100644
index 0000000000..e7732cae7e
--- /dev/null
+++ b/packages/ui/src/components/internal/Status.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if status.severity !== Severity.OK}
+
+ {/if}
+ {#if status.severity !== Severity.OK}
+
+
+
\ No newline at end of file
diff --git a/packages/ui/src/components/internal/ThemeSelector.svelte b/packages/ui/src/components/internal/ThemeSelector.svelte
new file mode 100644
index 0000000000..184bedfcde
--- /dev/null
+++ b/packages/ui/src/components/internal/ThemeSelector.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/ui/src/components/internal/icons/Close.svelte b/packages/ui/src/components/internal/icons/Close.svelte
new file mode 100644
index 0000000000..b4ed4448ed
--- /dev/null
+++ b/packages/ui/src/components/internal/icons/Close.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/internal/icons/FontSize.svelte b/packages/ui/src/components/internal/icons/FontSize.svelte
new file mode 100644
index 0000000000..80aecad159
--- /dev/null
+++ b/packages/ui/src/components/internal/icons/FontSize.svelte
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/internal/icons/Info.svelte b/packages/ui/src/components/internal/icons/Info.svelte
new file mode 100644
index 0000000000..930cea14ba
--- /dev/null
+++ b/packages/ui/src/components/internal/icons/Info.svelte
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/components/internal/icons/Mute.svelte b/packages/ui/src/components/internal/icons/Mute.svelte
new file mode 100644
index 0000000000..5751cfef1b
--- /dev/null
+++ b/packages/ui/src/components/internal/icons/Mute.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/components/internal/icons/WiFi.svelte b/packages/ui/src/components/internal/icons/WiFi.svelte
new file mode 100644
index 0000000000..531b4a1a41
--- /dev/null
+++ b/packages/ui/src/components/internal/icons/WiFi.svelte
@@ -0,0 +1,13 @@
+
+
+
+
+
+
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
new file mode 100644
index 0000000000..75edcd18b9
--- /dev/null
+++ b/packages/ui/src/index.ts
@@ -0,0 +1,105 @@
+//
+// Copyright © 2020 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import { SvelteComponent } from 'svelte'
+
+import Root from './components/internal/Root.svelte'
+
+export type { AnyComponent, AnySvelteComponent, Action } from './types'
+// export { applicationShortcutKey } from './utils'
+export { getCurrentLocation, navigate, location } from './location'
+
+export { default as EditBox } from './components/EditBox.svelte'
+export { default as Label } from './components/Label.svelte'
+export { default as Button } from './components/Button.svelte'
+export { default as StatusControl } from './components/StatusControl.svelte'
+export { default as Component } from './components/Component.svelte'
+export { default as Icon } from './components/Icon.svelte'
+export { default as ActionIcon } from './components/ActionIcon.svelte'
+export { default as Toggle } from './components/Toggle.svelte'
+export { default as Dialog } from './components/Dialog.svelte'
+export { default as ToggleWithLabel } from './components/ToggleWithLabel.svelte'
+export { default as Tooltip } from './components/Tooltip.svelte'
+export { default as CheckBox } from './components/CheckBox.svelte'
+export { default as Progress } from './components/Progress.svelte'
+export { default as Tabs } from './components/Tabs.svelte'
+export { default as ScrollBox } from './components/ScrollBox.svelte'
+export { default as PopupMenu } from './components/PopupMenu.svelte'
+export { default as PopupItem } from './components/PopupItem.svelte'
+export { default as SelectBox } from './components/SelectBox.svelte'
+export { default as SelectItem } from './components/SelectItem.svelte'
+export { default as TextArea } from './components/TextArea.svelte'
+export { default as Section } from './components/Section.svelte'
+export { default as DatePicker } from './components/DatePicker.svelte'
+export { default as EditStylish } from './components/EditStylish.svelte'
+export { default as Grid } from './components/Grid.svelte'
+export { default as Row } from './components/Row.svelte'
+export { default as DialogHeader } from './components/DialogHeader.svelte'
+export { default as CheckBoxWithLabel } from './components/CheckBoxWithLabel.svelte'
+export { default as CheckBoxList } from './components/CheckBoxList.svelte'
+export { default as IconSize } from './components/IconSize.svelte'
+
+export { default as IconAdd } from './components/icons/Add.svelte'
+export { default as IconSearch } from './components/icons/Search.svelte'
+export { default as IconToDo } from './components/icons/ToDo.svelte'
+export { default as IconComments } from './components/icons/Comments.svelte'
+
+export function createApp (target: HTMLElement): SvelteComponent {
+ return new Root({ target })
+}
+
+// let documentProvider: DocumentProvider | undefined
+
+// async function open (doc: Document): Promise {
+// if (documentProvider != null) {
+// return await documentProvider.open(doc)
+// }
+// return await Promise.reject(new Error('Document provider is not registred'))
+// }
+
+// function selection (): Document | undefined {
+// if (documentProvider != null) {
+// return documentProvider.selection()
+// }
+// return undefined
+// }
+
+// function registerDocumentProvider (provider: DocumentProvider): void {
+// documentProvider = provider
+// }
+
+import type { AnySvelteComponent, AnyComponent } from './types'
+import { writable } from 'svelte/store'
+
+interface CompAndProps {
+ is: AnySvelteComponent | AnyComponent | undefined
+ props: any
+ element: HTMLElement | undefined
+}
+
+export const store = writable({
+ is: undefined,
+ props: {},
+ element: undefined
+})
+
+export function showModal (component: AnySvelteComponent | AnyComponent, props: any, element?: HTMLElement): void {
+ store.set({ is: component, props, element: element })
+}
+
+export function closeModal (): void {
+ store.set({ is: undefined, props: {}, element: undefined })
+}
+
diff --git a/packages/ui/src/location.ts b/packages/ui/src/location.ts
new file mode 100644
index 0000000000..433923301d
--- /dev/null
+++ b/packages/ui/src/location.ts
@@ -0,0 +1,116 @@
+//
+// Copyright © 2020, 2021 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import { Location as PlatformLocation } from './types'
+import { writable, derived } from 'svelte/store'
+
+export function locationToUrl (location: PlatformLocation): string {
+ let result = '/'
+ if (location.path != null) {
+ result += location.path.map((p) => encodeURIComponent(p)).join('/')
+ }
+ if (location.query != null) {
+ const queryValue = Object.entries(location.query)
+ .map((e) => {
+ if (e[1] != null) {
+ // Had value
+ return e[0] + '=' + e[1]
+ } else {
+ return e[0]
+ }
+ })
+ .join('&')
+ if (queryValue.length > 0) {
+ result += '?' + queryValue
+ }
+ }
+ if (location.fragment != null && location.fragment.length > 0) {
+ result += '#' + location.fragment
+ }
+
+ return result
+}
+
+function parseLocation (location: Location): PlatformLocation {
+ return {
+ path: parsePath(location.pathname),
+ query: parseQuery(location.search),
+ fragment: parseHash(location.hash)
+ }
+}
+
+function parseQuery (query: string): Record {
+ query = query.trim()
+ if (query.length === 0 || !query.startsWith('?')) {
+ return {}
+ }
+ query = query.substring(1)
+ const vars = query.split('&')
+ const result: Record = {}
+ for (let i = 0; i < vars.length; i++) {
+ const pair = vars[i].split('=')
+ const key = pair[0]
+ if (key.length > 0) {
+ if (pair.length > 1) {
+ const value = pair[1]
+ result[key] = value
+ } else {
+ result[key] = null
+ }
+ }
+ }
+ return result
+}
+
+function parsePath (path: string): string[] {
+ const split = path.split('/').map((ps) => decodeURIComponent(ps))
+ if (split.length >= 1) {
+ if (split[0] === '') {
+ split.splice(0, 1)
+ }
+ }
+ if (split.length >= 1) {
+ if (split[split.length - 1] === '') {
+ split.splice(split.length - 1, 1)
+ }
+ }
+ return split
+}
+
+function parseHash (hash: string): string {
+ if (hash.startsWith('#')) {
+ return hash.substring(1)
+ }
+ return hash
+}
+
+// ------------------------
+
+export function getCurrentLocation (): PlatformLocation {
+ return parseLocation(window.location)
+}
+
+const locationWritable = writable(getCurrentLocation())
+window.addEventListener('popstate', () => {
+ locationWritable.set(getCurrentLocation())
+})
+
+export const location = derived(locationWritable, (loc) => loc)
+
+export function navigate (location: PlatformLocation): void {
+ const url = locationToUrl(location)
+ history.pushState(null, '', url)
+ locationWritable.set(location)
+}
diff --git a/packages/ui/src/svg.d.ts b/packages/ui/src/svg.d.ts
new file mode 100644
index 0000000000..a97fbda784
--- /dev/null
+++ b/packages/ui/src/svg.d.ts
@@ -0,0 +1,4 @@
+declare module '*.svg' {
+ const content: string
+ export default content
+}
diff --git a/packages/ui/src/types.ts b/packages/ui/src/types.ts
new file mode 100644
index 0000000000..acdea8f26b
--- /dev/null
+++ b/packages/ui/src/types.ts
@@ -0,0 +1,98 @@
+//
+// Copyright © 2020 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import { /* Metadata, Plugin, plugin, */ Resource /*, Service */ } from '@anticrm/platform'
+import { /* getContext, */ SvelteComponent } from 'svelte'
+import type { Asset, IntlString } from '@anticrm/platform'
+
+/**
+ * Describe a browser URI location parsed to path, query and fragment.
+ */
+export interface Location {
+ path: string[] // A useful path value
+ query?: Record // a value of query parameters, no duplication are supported
+ fragment?: string // a value of fragment
+}
+
+export type AnySvelteComponent = typeof SvelteComponent
+
+export type Component = Resource
+export type AnyComponent = Resource
+
+export const CONTEXT_PLATFORM = 'platform'
+export const CONTEXT_PLATFORM_UI = 'platform-ui'
+
+export interface Document {} // eslint-disable-line @typescript-eslint/no-empty-interface
+
+/**
+ * Allow to control currently selected document.
+ */
+export interface DocumentProvider {
+ /**
+ * Opening a document
+ * */
+ open: (doc: Document) => Promise
+
+ /**
+ * Return currently selected document, if one.
+ */
+ selection: () => Document | undefined
+}
+
+export interface Action {
+ label: IntlString
+ icon: Asset | AnySvelteComponent
+ action: () => Promise
+}
+
+export interface IPopupItem {
+ _id?: number
+ title?: IntlString | undefined
+ component?: AnySvelteComponent | undefined
+ props?: Object
+ selected?: boolean
+ action?: Function
+}
+
+// export default plugin(
+// 'ui' as Plugin,
+// {},
+// {
+// metadata: {
+// LoginApplication: '' as Metadata,
+// DefaultApplication: '' as Metadata
+// },
+// icon: {
+// Default: '' as Asset,
+// Error: '' as Asset,
+// Network: '' as Asset,
+// Search: '' as Asset,
+// Add: '' as Asset,
+// ArrowDown: '' as Asset,
+// Message: '' as Asset,
+// Phone: '' as Asset,
+// Mail: '' as Asset,
+// More: '' as Asset
+// },
+// component: {
+// Icon: '' as AnyComponent,
+// Spinner: '' as AnyComponent,
+// BadComponent: '' as AnyComponent
+// },
+// method: {
+// AnAction: '' as Resource<(args: any) => void>
+// }
+// }
+// )
diff --git a/packages/ui/src/utils.ts b/packages/ui/src/utils.ts
new file mode 100644
index 0000000000..fc7ed5a84a
--- /dev/null
+++ b/packages/ui/src/utils.ts
@@ -0,0 +1,102 @@
+//
+// Copyright © 2020 Anticrm Platform Contributors.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+// import type { Metadata } from '@anticrm/platform'
+import type { AnyComponent /*, Location */ } from './types'
+
+// import { Readable, derived, writable } from 'svelte/store'
+// import { onDestroy, getContext, setContext } from 'svelte'
+
+// function windowLocation (): Location {
+// return parseLocation(window.location)
+// }
+
+// const locationWritable = writable(windowLocation())
+// window.addEventListener('popstate', () => {
+// locationWritable.set(windowLocation())
+// })
+
+// const location: Readable = derived(locationWritable, (loc) => loc)
+
+// function subscribeLocation (listener: (location: Location) => void, destroyFactory: (op: () => void) => void): void {
+// const unsubscribe = location.subscribe((location) => {
+// listener(location)
+// })
+// destroyFactory(unsubscribe)
+// }
+
+// function navigate (newUrl: string): void {
+// const curUrl = locationToUrl(windowLocation())
+// if (curUrl === newUrl) {
+// return
+// }
+// history.pushState(null, '', newUrl)
+// locationWritable.set(windowLocation())
+// }
+
+// function navigateJoin (
+// path: string[] | undefined,
+// query: Record | undefined,
+// fragment: string | undefined
+// ): void {
+// const newLocation = windowLocation()
+// if (path != null) {
+// newLocation.path = path
+// }
+// if (query != null) {
+// // For query we do replace
+// const currentQuery = newLocation.query || {}
+// for (const kv of Object.entries(query)) {
+// currentQuery[kv[0]] = kv[1]
+// }
+// }
+// if (fragment) {
+// newLocation.fragment = fragment
+// }
+// navigate(locationToUrl(newLocation))
+// }
+
+// const CONTEXT_ROUTE_VALUE = 'routes.context'
+
+// export function newRouter (
+// pattern: string,
+// matcher: (match: T) => void,
+// defaults: T | undefined = undefined
+// ): ApplicationRouter {
+// const r: Router = getContext(CONTEXT_ROUTE_VALUE)
+// const navigateOp = (loc: Location): void => {
+// navigate(locationToUrl(loc))
+// }
+// const result = r ? r.newRouter(pattern, defaults) : new Router(pattern, r, defaults, navigateOp)
+// result.subscribe(matcher)
+// if (!r) {
+// // No parent, we need to subscribe for location changes.
+// subscribeLocation((loc) => {
+// result.update(loc)
+// }, onDestroy)
+// }
+// if (r) {
+// // We need to remove child router from parent, if component is destroyed
+// onDestroy(() => r.clearChildRouter())
+// }
+// setContext(CONTEXT_ROUTE_VALUE, result)
+// return result
+// }
+
+// R O U T E R M E T A D A T A K E Y S
+
+// export function applicationShortcutKey (shortcut: string): Metadata {
+// return ('shortcut:ui.' + shortcut) as Metadata
+// }
diff --git a/packages/ui/svelte.config.js b/packages/ui/svelte.config.js
new file mode 100644
index 0000000000..944a06f73e
--- /dev/null
+++ b/packages/ui/svelte.config.js
@@ -0,0 +1,5 @@
+const sveltePreprocess = require('svelte-preprocess')
+
+module.exports = {
+ preprocess: sveltePreprocess()
+};
\ No newline at end of file
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 0000000000..cabe5aefad
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,15 @@
+{
+ "compilerOptions": {
+ "moduleResolution": "node",
+ "target": "esnext",
+ "module": "esnext",
+ "declaration": true,
+ "outDir": "./lib",
+ "strict": true,
+ "esModuleInterop": true,
+ "lib": [
+ "esnext",
+ "dom"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/rush.json b/rush.json
index 32f54ae814..7b9d4d4f6b 100644
--- a/rush.json
+++ b/rush.json
@@ -475,6 +475,22 @@
"packageName": "@anticrm/dev-server",
"projectFolder": "dev/server",
"shouldPublish": true
+ },
+ {
+ "packageName": "@anticrm/theme",
+ "projectFolder": "packages/theme",
+ "shouldPublish": true
+ },
+ {
+ "packageName": "@anticrm/ui",
+ "projectFolder": "packages/ui",
+ "shouldPublish": true
+ },
+ {
+ "packageName": "prod",
+ "projectFolder": "dev/prod",
+ "shouldPublish": true
}
+
]
}