Merge pull request #724 from deckgo/fix-prerender

fix(#675): prerendering

Author: peterpeterparker

CHANGELOG.md

@@ -5,8 +5,9 @@
 ### Applications
 
 - demo: v2.3.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo-website/blob/master/CHANGELOG.md))
-- docs: v1.5.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/docs/CHANGELOG.md))
-- remote: v1.3.1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/remote/CHANGELOG.md))
+- docs: v1.6.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/docs/CHANGELOG.md))
+- remote: v1.4.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/remote/CHANGELOG.md))
+- studio: v1.4.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/studio/CHANGELOG.md))
 
 ### Web Components: New Templates
 

README.md

@@ -45,9 +45,9 @@ Are you interested to contribute to our open source project? That would be aweso
 
 | Project            | Version                                                                                                                       | Online                                                     |                        Links                         |
 | ------------------ | ----------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | :--------------------------------------------------: |
-| **Studio**         | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.3.0&color=success)](https://deckdeckgo.com)      | [https://deckdeckgo.com](https://deckdeckgo.com)           |           [`README.md`](studio/README.md)            |
-| **Remote control** | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.3.0&color=success)](https://deckdeckgo.app)      | [https://deckdeckgo.app](https://deckdeckgo.app)           |           [`README.md`](remote/README.md)            |
-| **Documentation**  | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.5.0&color=success)](https://docs.deckdeckgo.com) | [https://docs.deckdeckgo.com](https://docs.deckdeckgo.com) |            [`README.md`](docs/README.md)             |
+| **Studio**         | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.4.0&color=success)](https://deckdeckgo.com)      | [https://deckdeckgo.com](https://deckdeckgo.com)           |           [`README.md`](studio/README.md)            |
+| **Remote control** | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.4.0&color=success)](https://deckdeckgo.app)      | [https://deckdeckgo.app](https://deckdeckgo.app)           |           [`README.md`](remote/README.md)            |
+| **Documentation**  | [![version](https://img.shields.io/static/v1.svg?label=production&message=v1.6.0&color=success)](https://docs.deckdeckgo.com) | [https://docs.deckdeckgo.com](https://docs.deckdeckgo.com) |            [`README.md`](docs/README.md)             |
 | **Demo**           | [![version](https://img.shields.io/static/v1.svg?label=production&message=v2.3.0&color=success)](https://demo.deckdeckgo.com) | [https://demo.deckdeckgo.com](https://demo.deckdeckgo.com) | [`Repo`](https://github.com/deckgo/deckdeckgo-demo/) |
 
 ## Web Components

docs/CHANGELOG.md

@@ -1,3 +1,9 @@
+# 1.6.0 (2020-06-05)
+
+### Fix
+
+- prerendering 🚀 ([#675](https://github.com/deckgo/deckdeckgo/issues/675))
+
 # 1.5.0 (2020-06-05)
 
 ### Features

docs/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "deckdeckgo-docs",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "The Progressive Web App alternative for simple presentations",
   "license": "MIT",
   "files": [
@@ -29,38 +29,39 @@
     "@deckdeckgo/slide-author": "^1.0.1",
     "@deckdeckgo/slide-big-img": "^1.0.1",
     "@deckdeckgo/slide-chart": "^1.0.1",
-    "@deckdeckgo/slide-code": "^1.0.1",
+    "@deckdeckgo/slide-code": "^1.1.1",
     "@deckdeckgo/slide-content": "^1.0.1",
     "@deckdeckgo/slide-countdown": "^1.0.1",
     "@deckdeckgo/slide-gif": "^1.0.1",
     "@deckdeckgo/slide-playground": "^1.0.1",
     "@deckdeckgo/slide-poll": "^1.0.1",
     "@deckdeckgo/slide-qrcode": "^1.0.3",
-    "@deckdeckgo/slide-split": "^1.1.4",
+    "@deckdeckgo/slide-split": "^1.2.0",
     "@deckdeckgo/slide-title": "^1.0.1",
     "@deckdeckgo/slide-video": "^1.0.1",
     "@deckdeckgo/slide-youtube": "^1.0.1",
     "@deckdeckgo/social": "^1.0.1",
     "@deckdeckgo/youtube": "^1.1.2",
-    "@ionic/core": "^5.0.5",
+    "@ionic/core": "^5.2.2",
     "idb-keyval": "^3.2.0",
+    "ionicons": "^5.0.1",
     "rxjs": "^6.5.5"
   },
   "devDependencies": {
     "@deckdeckgo/types": "^1.1.0",
-    "@stencil/core": "^1.8.11",
+    "@stencil/core": "^1.15.0",
     "@stencil/postcss": "^1.0.1",
-    "@stencil/sass": "^1.1.1",
-    "@types/glob": "^7.1.1",
-    "@types/marked": "^0.7.4",
-    "@types/node": "^13.13.1",
-    "autoprefixer": "^9.7.6",
+    "@stencil/sass": "^1.3.2",
+    "@types/glob": "^7.1.2",
+    "@types/marked": "^1.1.0",
+    "@types/node": "^14.0.14",
+    "autoprefixer": "^9.8.4",
     "glob": "^7.1.6",
     "husky": "^4.2.5",
-    "marked": "^1.0.0",
+    "marked": "^1.1.0",
     "prettier": "2.0.5",
     "pretty-quick": "^2.0.1",
-    "workbox-build": "4.3.1"
+    "workbox-build": "^4.3.1"
   },
   "repository": {
     "type": "git",

docs/package.json

@@ -0,0 +1,11 @@
+import {PrerenderConfig} from '@stencil/core';
+import {PrerenderHydrateOptions} from '@stencil/core/internal/stencil-public-compiler';
+
+export const config: PrerenderConfig = {
+  hydrateOptions(url?: URL): PrerenderHydrateOptions {
+    const hydrate: PrerenderHydrateOptions = {
+      excludeComponents: ['deckgo-highlight-code', 'deckgo-slide-poll'],
+    };
+    return hydrate;
+  },
+};

docs/prerender.config.ts

@@ -0,0 +1,8 @@
+ion-app.loading {
+  display: none;
+  color: transparent;
+
+  a {
+    color: transparent;
+  }
+}

docs/src/app/app-root.scss

@@ -1,4 +1,4 @@
-import {Component, Element, h} from '@stencil/core';
+import {Component, Element, h, State} from '@stencil/core';
 
 @Component({
   tag: 'app-root',
@@ -7,9 +7,16 @@ import {Component, Element, h} from '@stencil/core';
 export class AppRoot {
   @Element() el: HTMLElement;
 
+  @State()
+  private loading: boolean = true;
+
+  componentDidLoad() {
+    this.loading = false;
+  }
+
   render() {
     return [
-      <ion-app>
+      <ion-app class={this.loading ? 'loading' : undefined}>
         <ion-router useHash={false}>
           <ion-route url="/" component="app-home" />