breaking up grafana into multiple packages poc

packages/grafana-ui/package.json

@@ -1,11 +1,15 @@
 {
-  "name": "grafana-ui",
+  "name": "@grafana/ui",
   "version": "1.0.0",
   "description": "",
-  "main": "index.ts",
+  "main": "dist/index.js",
+  "types": "dist/types",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "tsc --noEmit"
   },
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "devDependencies": {
+    "typescript": "^3.2.2"
+  }
 }

packages/grafana-ui/src/index.ts

@@ -1,11 +1,16 @@
+export { Other } from './other';
+import { TimeSeries } from '../types';
+
 export class Google {
+  data: TimeSeries;
+
   hello() {
     return 'hello';
   }
 }
 
 class Singleton {
-  constructor(private state) {}
+  constructor(private state: string) {}
 
   hello() {
     return this.state;

packages/grafana-ui/src/other.ts

@@ -0,0 +1,5 @@
+export class Other {
+  static hello() {
+    return "hello from other";
+  }
+}

packages/grafana-ui/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "exclude": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc"
+  },
+  "compilerOptions": {
+    "moduleResolution": "node",
+    "target": "es5",
+    "lib": ["es6", "dom"],
+    "jsx": "react",
+    "module": "esnext",
+    "outDir": "dist",
+    "declaration": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "importHelpers": true,
+    "noEmitHelpers": true,
+    "removeComments": false,
+    "inlineSourceMap": false,
+    "sourceMap": true,
+    "noEmitOnError": false,
+    "emitDecoratorMetadata": false,
+    "experimentalDecorators": true,
+    "declaration": true,
+    "declarationDir": "./dist/types",
+    "noImplicitAny": true,
+    "strictNullChecks": true
+  }
+}

packages/grafana-ui/types/index.ts

@@ -0,0 +1,4 @@
+
+export interface TimeSeries {
+  name: string;
+}