single entrypoint for Webpack

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

@@ -1,22 +1,31 @@
-import "sass/repo-page/repo-page.scss";
-import * as angular from "angular";
-import quayPages from '../../../../quay-pages.module';
-
+import "../../../../../css/directives/components/pages/repo-page/repo-page.scss";
 import repoHeader from "./header";
 import repoSidebar from "./sidebar";
 import repoBody from "./body";
 
-export function rpDirectives(){
-  angular.module(quayPages).directive('rpHeader', function(reactDirective) {
-    return reactDirective(repoHeader);
-  });
+rpHeaderDirective.$inject = [
+  'reactDirective',
+];
 
-  angular.module(quayPages).directive('rpSidebar', function(reactDirective) {
-    return reactDirective(repoSidebar);
-  });
-
-  angular.module(quayPages).directive('rpBody', function(reactDirective, ApiService) {
-    return reactDirective(repoBody, undefined, {}, {api: ApiService});
-  });
+export function rpHeaderDirective(reactDirective) {
+  return reactDirective(repoHeader);
 }
 
+
+rpSidebarDirective.$inject = [
+  'reactDirective',
+];
+
+export function rpSidebarDirective(reactDirective) {
+  return reactDirective(repoSidebar);
+}
+
+
+rpBodyDirective.$inject = [
+  'reactDirective',
+  'ApiService',
+];
+
+export function rpBodyDirective(reactDirective, ApiService) {
+  return reactDirective(repoBody, undefined, {}, {api: ApiService});
+}

static/js/directives/ui/namespace-input.js

@@ -17,7 +17,7 @@ angular.module('quay').directive('namespaceInput', function () {
     },
     controller: function($scope, $element, namePatterns) {
       $scope.USERNAME_PATTERN = namePatterns.USERNAME_PATTERN;
-      $scope.usernamePattern = new RegExp(USERNAME_PATTERN);
+      $scope.usernamePattern = new RegExp(namePatterns.USERNAME_PATTERN);
 
       $scope.$watch('binding', function(binding) {
         if (!binding) {