Feature/new premium (pubkey#4156)

* ADD stuff

* CHORE

* CHORE

* FIX more stuff

* FIX lint

* FIX link

Author: pubkey

config/landingpage.webpack.config.js

@@ -4,7 +4,10 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
 
 module.exports = {
-    entry: './docs-src/landingpage.ts',
+    entry: {
+        landingpage: './docs-src/landingpage.ts',
+        premium: './docs-src/premium.ts'
+    },
     module: {
         rules: [
             {
@@ -68,7 +71,7 @@ module.exports = {
         extensions: ['.tsx', '.ts', '.js'],
     },
     output: {
-        filename: 'landingpage.js',
+        filename: '[name].js',
         path: path.resolve(__dirname, '../', 'docs')
     },
     devServer: {

docs-src/SUMMARY.md

@@ -155,7 +155,7 @@
 
 * [Transactions, Conflicts and Revisions](./transactions-conflicts-revisions.md)
 
-* [RxDB Premium](./premium.md)
+* [RxDB Premium](./premium.html)
 
 
 * Tutorials

docs-src/database.ts

@@ -0,0 +1,22 @@
+import {
+    getRxStorageDexie
+} from '../plugins/dexie';
+import {
+    createRxDatabase,
+    addRxPlugin
+} from '../';
+import {
+    RxDBLocalDocumentsPlugin
+} from '../plugins/local-documents';
+
+export async function getDatabase() {
+    addRxPlugin(RxDBLocalDocumentsPlugin);
+
+    const database = await createRxDatabase({
+        name: 'rxdb-landingpage',
+        localDocuments: true,
+        storage: getRxStorageDexie()
+    });
+
+    return database;
+}

docs-src/index.html

@@ -22,19 +22,19 @@
     <meta
         property="og:title"
         content="RxDB - A client side, offline-first, reactive database for JavaScript Applications"
-    >
+    />
     <meta
         property="og:image"
         content="https://rxdb.info/files/logo/logo_text.png"
     />
     <meta
         name="twitter:site"
         content="@rxdbjs"
-    >
+    />
     <meta
         name="twitter:image:src"
         content="https://rxdb.info/files/logo/logo_text.png"
-    >
+    />
     <meta
         name="thumbnail"
         content="https://rxdb.info/files/logo/icon.png"
@@ -43,7 +43,7 @@
     <meta
         name="viewport"
         content="width=device-width,initial-scale=1.0"
-    >
+    />
     <link
         rel="stylesheet"
         href="styles/variables.css"
@@ -116,6 +116,7 @@
                     </div>
                 </div>
             </a>
+            <div class="clear"></div>
         </div>
         <div class="clear"></div>
     </header>

docs-src/landingpage.ts

@@ -1,28 +1,16 @@
 import {
     ensureNotFalsy,
-    createRxDatabase,
     RxLocalDocument,
     now,
-    addRxPlugin,
     promiseWait
 } from '../';
-import {
-    getRxStorageDexie
-} from '../plugins/dexie';
-import {
-    RxDBLocalDocumentsPlugin
-} from '../plugins/local-documents';
-addRxPlugin(RxDBLocalDocumentsPlugin);
-import {
-    RxDBLeaderElectionPlugin
-} from '../plugins/leader-election';
-addRxPlugin(RxDBLeaderElectionPlugin);
 import {
     merge,
     fromEvent,
     map,
     distinctUntilChanged
 } from 'rxjs';
+import { getDatabase } from './database';
 
 
 type MousePositionType = {
@@ -38,6 +26,8 @@ type BeatingValuesType = {
     color: string;
 };
 
+const dbPromise = getDatabase();
+
 
 window.onload = async function () {
 
@@ -59,11 +49,7 @@ window.onload = async function () {
     }
 
 
-    const database = await createRxDatabase({
-        name: 'rxdb-landingpage',
-        localDocuments: true,
-        storage: getRxStorageDexie()
-    });
+    const database = await dbPromise;
 
 
     // once insert if not exists