diff --git a/static/js/app.tsx b/static/js/app.tsx
index fd3049bf4..a4aa88c6e 100644
--- a/static/js/app.tsx
+++ b/static/js/app.tsx
@@ -1,4 +1,4 @@
-import publicRepoDirectives from "./directives/components/components-repo-page/main";
+import {rpDirectives as publicRepo} from "./directives/components/components-repo-page/main";
 
 // Init for each page
-publicRepoDirectives();
+publicRepo();
diff --git a/static/js/directives/components/components-repo-page/main.tsx b/static/js/directives/components/components-repo-page/main.tsx
index 0243590d6..f26f58c09 100644
--- a/static/js/directives/components/components-repo-page/main.tsx
+++ b/static/js/directives/components/components-repo-page/main.tsx
@@ -4,15 +4,18 @@ import repoHeader from "./header";
 import repoSidebar from "./sidebar";
 import repoMain from "./body";
 
-angular.module('quayPages').directive('rpHeader', function(reactDirective) {
-  return reactDirective(repoHeader);
-});
+export function rpDirectives(){
+  angular.module('quayPages').directive('rpHeader', function(reactDirective) {
+    return reactDirective(repoHeader);
+  });
 
-angular.module('quayPages').directive('rpSidebar', function(reactDirective) {
-  return reactDirective(repoSidebar);
-});
+  angular.module('quayPages').directive('rpSidebar', function(reactDirective) {
+    return reactDirective(repoSidebar);
+  });
+
+  angular.module('quayPages').directive('rpMain', function(reactDirective) {
+    return reactDirective(repoMain);
+  });
+}
 
-angular.module('quayPages').directive('rpMain', function(reactDirective) {
-  return reactDirective(repoMain);
-});
  
\ No newline at end of file