Merge pull request #1 from gristlabs/add_stubs

freshen app/client/ui2018/cssVars.ts

app/client/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "../../buildtools/tsconfig-base.json",
   "references": [
-    { "path": "../common" }
+    { "path": "../common" },
+    { "path": "../../stubs/app" },
   ]
 }

app/client/ui2018/cssVars.ts

@@ -6,7 +6,7 @@
  *  https://css-tricks.com/snippets/css/system-font-stack/
  *
  */
-import {ProductFlavor} from 'app/common/gristUrls';
+import {getTheme, ProductFlavor} from 'app/client/ui/CustomThemes';
 import {dom, makeTestId, styled, TestId} from 'grainjs';
 import values = require('lodash/values');
 
@@ -160,4 +160,8 @@ export function attachCssRootVars(productFlavor: ProductFlavor, varsOnly: boolea
   dom.update(document.documentElement!, varsOnly ? dom.cls(cssVarsOnly.className) : dom.cls(cssRootVars));
   document.documentElement!.classList.add(cssRoot.className);
   document.body.classList.add(cssBody.className);
+  const theme = getTheme(productFlavor);
+  if (theme.bodyClassName) {
+    document.body.classList.add(theme.bodyClassName);
+  }
 }

buildtools/tsconfig-base.json

@@ -16,6 +16,7 @@
       "*": [
         "*",
         "grist-core/*",
+        "stubs/*"
       ],
     },
     "composite": true,

buildtools/webpack.config.js

@@ -34,6 +34,7 @@ module.exports = {
   resolve: {
     modules: [
       path.resolve('./_build'),
+      path.resolve('./_build/stubs'),
       path.resolve('./node_modules')
     ],
   },

stubs/app/client/ui/CustomThemes.ts

@@ -0,0 +1,12 @@
+export type ProductFlavor = string;
+
+// TODO: move CustomTheme type outside of stub code
+export interface CustomTheme {
+  bodyClassName?: string;
+  wideLogo?: boolean;
+};
+
+export function getTheme(flavor: string): CustomTheme {
+  return {
+  };
+}

stubs/app/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../../buildtools/tsconfig-base.json",
+  "references": [
+    { "path": "../../app/common" }
+  ]
+}

tsconfig.json

@@ -4,6 +4,7 @@
   "include": [],
   "references": [
     { "path": "./app" },
+    { "path": "./stubs/app" },
     // { "path": "./test" },
   ]
 }