Namespace page directories

static/js/app.tsx

@@ -1,2 +1,4 @@
-import publicRepo from "./directives/components/publicRepo/publicRepo";
-publicRepo();
+import publicRepoDirectives from "./directives/components/components-repo-page/main";
+
+// Init for each page
+publicRepoDirectives();

static/js/directives/components/components-repo-page/body.tsx

@@ -1,10 +1,10 @@
 import * as React from "react";
 
-class main extends React.Component<{}, {}> {
+class body extends React.Component<{}, {}> {
   render () {
     return <div> The component for the main content</div>;
   }
 }
 
-export default main;
+export default body;
 

static/js/directives/components/components-repo-page/main.tsx

@@ -0,0 +1,18 @@
+import * as angular from "angular";
+
+import repoHeader from "./header";
+import repoSidebar from "./sidebar";
+import repoMain from "./body";
+
+angular.module('quayPages').directive('rpHeader', function(reactDirective) {
+  return reactDirective(repoHeader);
+});
+
+angular.module('quayPages').directive('rpSidebar', function(reactDirective) {
+  return reactDirective(repoSidebar);
+});
+
+angular.module('quayPages').directive('rpMain', function(reactDirective) {
+  return reactDirective(repoMain);
+});
+ 

static/js/directives/components/publicRepo/publicRepo.tsx

@@ -1,21 +0,0 @@
-import * as angular from "angular";
-
-import repoHeader from "./header";
-import repoSidebar from "./sidebar";
-import repoMain from "./main";
-
-var publicRepo =  function(){
-  angular.module('quayPages').directive('rpHeader', function(reactDirective) {
-  return reactDirective(repoHeader);
-  });
-
-  angular.module('quayPages').directive('rpSidebar', function(reactDirective) {
-  return reactDirective(repoSidebar);
-  });
-
-  angular.module('quayPages').directive('rpMain', function(reactDirective) {
-  return reactDirective(repoMain);
-  });
-}
-
-export default publicRepo;

tslint.json

@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "no-default-export": true
+  }
+}