dev: create basic web server

package.json

@@ -17,6 +17,6 @@
     "publish:now": "node ./scripts/dev run publish:prepare && lerna publish"
   },
   "devDependencies": {
-    "lerna": "^3.13.0"
+    "lerna": "^3.13.1"
   }
 }

packages/web/.prettierignore

@@ -0,0 +1 @@
+.nuxt

packages/web/README.md

@@ -0,0 +1 @@
+# @webok/web

packages/web/nuxt.config.ts

@@ -0,0 +1,18 @@
+import path from 'path'
+import sass from 'sass'
+
+export const rootDir = __dirname
+
+export const srcDir = path.join(__dirname, 'src')
+
+export const server = {
+  port: process.env.PORT || 4000,
+}
+
+export const build = {
+  loaders: {
+    scss: {
+      implementation: sass,
+    },
+  },
+}

packages/web/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@webok/web",
+  "version": "0.0.0",
+  "repository": "https://github.com/webokio/webok/tree/master/packages/web",
+  "scripts": {
+    "clean": "webok-dev clean",
+    "build:production": "nuxt-ts build",
+    "format": "webok-dev format nuxt.config.ts",
+    "postformat": "npm run tslint",
+    "tslint": "webok-dev tslint",
+    "publish:prepare": "npm run clean",
+    "dev": "nuxt-ts"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "vue-property-decorator": "^7.3.0"
+  },
+  "devDependencies": {
+    "@types/sass": "^1.16.0",
+    "@webok/dev": "^0.0.0",
+    "nuxt-ts": "^2.4.5",
+    "sass": "^1.17.2",
+    "sass-loader": "^7.1.0"
+  }
+}

packages/web/src/pages/index.vue

@@ -0,0 +1,21 @@
+<script lang="tsx">
+import { Component, Vue } from 'vue-property-decorator'
+import { CreateElement } from 'vue'
+
+@Component({})
+export default class HomePage extends Vue {
+  appName: string = 'WebOK'
+
+  render (h: CreateElement) {
+    return (
+      <h1 class='blue'>Welcome to {this.appName}!</h1>
+    )
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.blue {
+  color: blue;
+}
+</style>

packages/web/src/types/jsx.d.ts

@@ -0,0 +1,13 @@
+// JSX types definition, copied from https://medium.com/@hayavuk/using-jsx-with-vue-js-and-typescript-d6963e44de48
+
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}

packages/web/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./node_modules/@webok/dev/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "lib",
+    "target": "es5",
+    "module": "es2015",
+    "moduleResolution": "node",
+    "jsx": "preserve"
+  },
+  "include": [
+    "src/**/*",
+    "nuxt.config.ts"
+  ],
+  "exclude": []
+}

packages/web/tslint.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./node_modules/@webok/dev/tslint.json"
+}

tools/dev/package.json

@@ -26,20 +26,20 @@
     "eslint-plugin-node": "^8.0.1",
     "eslint-plugin-promise": "^4.0.1",
     "eslint-plugin-standard": "^4.0.0",
-    "lerna": "^3.13.0",
+    "lerna": "^3.13.1",
     "npm-which": "^3.0.1",
     "package-json": "^6.0.0",
     "prettier": "^1.16.4",
     "rimraf": "^2.6.3",
     "table": "^5.2.3",
-    "tslint": "^5.13.0",
+    "tslint": "^5.13.1",
     "tslint-config-standard": "^8.0.1",
     "typescript": "^3.3.3333"
   },
   "devDependencies": {
     "@types/chokidar": "^1.7.5",
     "@types/cross-spawn": "^6.0.0",
-    "@types/node": "^11.9.5",
+    "@types/node": "^11.9.6",
     "@types/package-json": "^5.0.0",
     "@types/table": "^4.0.5"
   }

tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "allowJs": true
+  }
+}