Restructuring

package.json

@@ -4,11 +4,8 @@
    "description": "",
    "main": "index.js",
    "scripts": {
-      "build": "webpack --mode=production",
-      "watch": "webpack --mode=development --watch",
-      "start": "webpack-dev-server --mode=production",
-      "start:prod": "webpack-dev-server --mode=production",
-      "start:dev": "webpack-dev-server --mode=development"
+      "build": "parcel build src/index.html",
+      "dev": "parcel src/index.html"
    },
    "author": "Fabian Stamm <dev@fabianstamm.de>",
    "license": "MIT",
@@ -25,31 +22,16 @@
       "js-sha256": "^0.9.0",
       "lodash.clonedeep": "^4.5.0",
       "parcel": "^1.12.4",
-      "secure-file-wrapper": "git+https://git.stamm.me/OpenServer/OSSecureFileWrapper.git",
       "uuid": "^3.4.0"
    },
    "devDependencies": {
       "@types/lodash.clonedeep": "^4.5.6",
       "@types/uikit": "^2.27.7",
       "@types/uuid": "^3.4.7",
-      "copy-webpack-plugin": "^5.1.1",
-      "css-loader": "^3.4.2",
-      "file-loader": "^5.0.2",
-      "html-webpack-plugin": "^3.2.0",
-      "mini-css-extract-plugin": "^0.9.0",
       "node-sass": "^4.13.1",
+      "parcel-bundler": "^1.12.4",
       "preact": "^10.3.1",
-      "preact-svg-loader": "^0.2.1",
-      "raw-loader": "^4.0.0",
-      "sass-loader": "^8.0.2",
-      "style-loader": "^1.1.3",
       "ts-loader": "^6.2.1",
-      "typescript": "^3.7.5",
-      "webpack": "^4.41.5",
-      "webpack-bundle-analyzer": "^3.6.0",
-      "webpack-cli": "^3.3.10",
-      "webpack-dev-server": "^3.10.3",
-      "webpack-visualizer-plugin": "^0.1.11",
-      "worker-loader": "^2.0.0"
+      "typescript": "^3.7.5"
    }
 }

src/Views/Settings/Settings.tsx

@@ -1,7 +1,7 @@
 import { h } from "preact";
-import { Page } from "../../../page";
-import Theme, { ThemeStates } from "../../../theme";
-import Navigation from "../../../navigation";
+import { Page } from "../../page";
+import Theme, { ThemeStates } from "../../theme";
+import Navigation from "../../navigation";
 import ArrowLeft from "feather-icons/dist/icons/arrow-left.svg";
 
 export default class SettingsPage extends Page<{ state: any }, { vault: string }> {

src/Views/Share/Share.tsx

@@ -1,7 +1,7 @@
 import { h } from "preact";
-import { Page } from "../../../page";
-import VaultsPage from "../vaults/Vaults";
-import Navigation from "../../../navigation";
+import { Page } from "../../page";
+import VaultsPage from "../Vaults/Vaults";
+import Navigation from "../../navigation";
 
 export default class SharePage extends Page<{ state: any }, { vault: string }> {
     text: string;

src/Views/Vault/Entry.tsx

@@ -1,12 +1,12 @@
 import { h, Component } from "preact"
-import { IVault, ViewNote } from "../../../notes";
+import { IVault, ViewNote } from "../../notes";
 import Trash from "feather-icons/dist/icons/trash-2.svg"
 import X from "feather-icons/dist/icons/x.svg"
 import Save from "feather-icons/dist/icons/save.svg"
 
-import Navigation from "../../../navigation";
-import { YesNoModal } from "../../modals/YesNoModal";
-import Notifications, { MessageType } from "../../../notifications";
+import Navigation from "../../navigation";
+import { YesNoModal } from "../../components/modals/YesNoModal";
+import Notifications, { MessageType } from "../../notifications";
 
 const minRows = 3;
 export default class EntryComponent extends Component<{ vault: Promise<IVault>, id: string | undefined, note: string | undefined }, { title: string, changed: boolean }> {

src/Views/Vault/EntryList.tsx

@@ -1,11 +1,11 @@
-import { h, Component } from "preact"
-import Notes, { IVault, BaseNote } from "../../../notes";
-import AddButton from "../../AddButton";
-import Navigation from "../../../navigation";
+import { h, Component, JSX } from "preact"
+import Notes, { IVault, BaseNote } from "../../notes";
+import AddButton from "../../components/AddButton";
+import Navigation from "../../navigation";
 import ArrowLeft from "feather-icons/dist/icons/arrow-left.svg"
 import Search from "feather-icons/dist/icons/search.svg"
-import ContextMenu from "../../context";
-import Notifications from "../../../notifications";
+import ContextMenu from "../../components/context";
+import Notifications from "../../notifications";
 import { Observable, Lock } from "@hibas123/utils";
 
 

src/Views/Vault/Vault.tsx

@@ -1,7 +1,7 @@
 import { h } from "preact"
-import { Page } from "../../../page";
-import Notes, { IVault, BaseNote } from "../../../notes";
-import Navigation from "../../../navigation";
+import { Page } from "../../page";
+import Notes, { IVault, BaseNote } from "../../notes";
+import Navigation from "../../navigation";
 import EntryComponent from "./Entry";
 import EntryList from "./EntryList";
 

src/Views/Vaults/Vaults.tsx

@@ -1,16 +1,16 @@
-import { h } from "preact"
-import { Page } from "../../../page";
-import Notes, { VaultList } from "../../../notes";
+import { h, JSX } from "preact"
+import { Page } from "../../page";
+import Notes, { VaultList } from "../../notes";
 import "./vaults.scss"
 import Lock from "feather-icons/dist/icons/lock.svg";
 import Unlock from "feather-icons/dist/icons/unlock.svg";
 import Settings from "feather-icons/dist/icons/settings.svg"
-import Navigation from "../../../navigation";
-import { InputModal } from "../../modals/InputModal";
-import { YesNoModal } from "../../modals/YesNoModal";
-import AddButton from "../../AddButton";
-import ContextMenu from "../../context";
-import Notifications from "../../../notifications";
+import Navigation from "../../navigation";
+import { InputModal } from "../../components/modals/InputModal";
+import { YesNoModal } from "../../components/modals/YesNoModal";
+import AddButton from "../../components/AddButton";
+import ContextMenu from "../../components/context";
+import Notifications from "../../notifications";
 
 export interface VaultsProps {
    state: any;

src/components/Routing.tsx

@@ -1,4 +1,4 @@
-import { h, Component } from 'preact';
+import { h, Component, JSX } from 'preact';
 import Navigation from '../navigation';
 import "./routing.scss"
 

src/components/context.tsx

@@ -1,4 +1,4 @@
-import { h } from "preact";
+import { h, JSX } from "preact";
 import "./context.scss";
 
 export default function ContextMenu({ children, event }: { children: JSX.Element | JSX.Element[], event: MouseEvent }) {

src/components/modals/Modal.tsx

@@ -1,5 +1,5 @@
 import { Observable } from "@hibas123/utils";
-import { h, Component } from "preact";
+import { h, Component, JSX } from "preact";
 import CloseIcon from "feather-icons/dist/icons/x.svg";
 
 export default abstract class Modal<T> {

src/index.tsx

@@ -72,16 +72,16 @@ import "@hibas123/theme/out/base.css"
 
 import "./index.scss";
 import Navigation from './navigation';
-import VaultsPage from './components/routes/vaults/Vaults';
+import VaultsPage from './Views/Vaults/Vaults';
 import { Page } from './page';
 
 import Notes from "./notes"
 import DemoPage from './components/demo';
-import VaultPage from './components/routes/vault/Vault';
-import SharePage from './components/routes/share/Share';
+import VaultPage from './Views/Vault/Vault';
+import SharePage from './Views/Share/Share';
 import Notifications from './notifications';
-import Error404Page from './components/routes/404';
-import SettingsPage from './components/routes/settings/Settings';
+import Error404Page from './Views/404';
+import SettingsPage from './Views/Settings/Settings';
 window.debug.notes = Notes;
 
 

src/navigation.ts

@@ -1,6 +1,6 @@
 import { Observable } from "@hibas123/utils";
 import { Page, PageProps } from "./page";
-import { h, VNode } from "preact";
+import { h, VNode, JSX } from "preact";
 
 function serializQuery(obj: any) {
    var str = [];