refactor(app): create empty react structure [EE-3178] (#6926)

app/azure/_module.js

@@ -3,9 +3,10 @@ import angular from 'angular';
 import { AzureSidebarAngular } from './AzureSidebar/AzureSidebar';
 import { DashboardViewAngular } from './Dashboard/DashboardView';
 import { containerInstancesModule } from './ContainerInstances';
+import { reactModule } from './react';
 
 angular
-  .module('portainer.azure', ['portainer.app', containerInstancesModule])
+  .module('portainer.azure', ['portainer.app', containerInstancesModule, reactModule])
   .config([
     '$stateRegistryProvider',
     function ($stateRegistryProvider) {

app/azure/react/components/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const componentsModule = angular.module(
+  'portainer.azure.react.components',
+  []
+).name;

app/azure/react/index.ts

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import { componentsModule } from './components';
+import { viewsModule } from './views';
+
+export const reactModule = angular.module('portainer.azure.react', [
+  viewsModule,
+  componentsModule,
+]).name;

app/azure/react/views/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const viewsModule = angular.module(
+  'portainer.azure.react.views',
+  []
+).name;

app/docker/__module.js

@@ -1,11 +1,13 @@
 import angular from 'angular';
 
 import { EnvironmentStatus } from '@/portainer/environments/types';
+
+import { reactModule } from './react';
 import containersModule from './containers';
 import { componentsModule } from './components';
 import { networksModule } from './networks';
 
-angular.module('portainer.docker', ['portainer.app', containersModule, componentsModule, networksModule]).config([
+angular.module('portainer.docker', ['portainer.app', containersModule, componentsModule, networksModule, reactModule]).config([
   '$stateRegistryProvider',
   function ($stateRegistryProvider) {
     'use strict';

app/docker/react/components/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const componentsModule = angular.module(
+  'portainer.docker.react.components',
+  []
+).name;

app/docker/react/index.ts

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import { componentsModule } from './components';
+import { viewsModule } from './views';
+
+export const reactModule = angular.module('portainer.docker.react', [
+  viewsModule,
+  componentsModule,
+]).name;

app/docker/react/views/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const viewsModule = angular.module(
+  'portainer.docker.react.views',
+  []
+).name;

app/edge/__module.js

@@ -4,9 +4,10 @@ import edgeStackModule from './views/edge-stacks';
 import edgeDevicesModule from './devices';
 import { componentsModule } from './components';
 import { WaitingRoomViewAngular } from './EdgeDevices/WaitingRoomView';
+import { reactModule } from './react';
 
 angular
-  .module('portainer.edge', [edgeStackModule, edgeDevicesModule, componentsModule])
+  .module('portainer.edge', [edgeStackModule, edgeDevicesModule, componentsModule, reactModule])
   .component('waitingRoomView', WaitingRoomViewAngular)
   .config(function config($stateRegistryProvider) {
     const edge = {

app/edge/react/components/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const componentsModule = angular.module(
+  'portainer.edge.react.components',
+  []
+).name;

app/edge/react/index.ts

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import { componentsModule } from './components';
+import { viewsModule } from './views';
+
+export const reactModule = angular.module('portainer.edge.react', [
+  viewsModule,
+  componentsModule,
+]).name;

app/edge/react/views/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const viewsModule = angular.module(
+  'portainer.edge.react.views',
+  []
+).name;

app/index.js

@@ -19,6 +19,7 @@ import { configApp } from './config';
 
 import { init as initFeatureService } from './portainer/feature-flags/feature-flags.service';
 import { Edition } from './portainer/feature-flags/enums';
+import { nomadModule } from './nomad';
 
 initFeatureService(Edition[process.env.PORTAINER_EDITION]);
 
@@ -46,6 +47,7 @@ angular
     'portainer.azure',
     'portainer.docker',
     'portainer.kubernetes',
+    nomadModule,
     'portainer.edge',
     'rzModule',
     'moment-picker',

app/kubernetes/__module.js

@@ -1,7 +1,8 @@
 import registriesModule from './registries';
 import customTemplateModule from './custom-templates';
+import { reactModule } from './react';
 
-angular.module('portainer.kubernetes', ['portainer.app', registriesModule, customTemplateModule]).config([
+angular.module('portainer.kubernetes', ['portainer.app', registriesModule, customTemplateModule, reactModule]).config([
   '$stateRegistryProvider',
   function ($stateRegistryProvider) {
     'use strict';

app/kubernetes/react/components/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const componentsModule = angular.module(
+  'portainer.kubernetes.react.components',
+  []
+).name;

app/kubernetes/react/index.ts

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import { componentsModule } from './components';
+import { viewsModule } from './views';
+
+export const reactModule = angular.module('portainer.kubernetes.react', [
+  viewsModule,
+  componentsModule,
+]).name;

app/kubernetes/react/views/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const viewsModule = angular.module(
+  'portainer.kubernetes.react.views',
+  []
+).name;

app/nomad/index.ts

@@ -0,0 +1,8 @@
+import angular from 'angular';
+
+import { reactModule } from './react';
+
+export const nomadModule = angular.module('portainer.nomad', [
+  'portainer.app',
+  reactModule,
+]).name;

app/nomad/react/components/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const componentsModule = angular.module(
+  'portainer.nomad.react.components',
+  []
+).name;

app/nomad/react/index.ts

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import { componentsModule } from './components';
+import { viewsModule } from './views';
+
+export const reactModule = angular.module('portainer.nomad.react', [
+  viewsModule,
+  componentsModule,
+]).name;

app/nomad/react/views/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const viewsModule = angular.module(
+  'portainer.nomad.react.views',
+  []
+).name;

app/portainer/__module.js

@@ -9,6 +9,7 @@ import servicesModule from './services';
 import teamsModule from './teams';
 import homeModule from './home';
 import { accessControlModule } from './access-control';
+import { reactModule } from './react';
 
 async function initAuthentication(authManager, Authentication, $rootScope, $state) {
   authManager.checkAuthOnRefresh();
@@ -38,6 +39,7 @@ angular
     servicesModule,
     teamsModule,
     accessControlModule,
+    reactModule,
   ])
   .config([
     '$stateRegistryProvider',

app/portainer/react/components/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const componentsModule = angular.module(
+  'portainer.docker.react.components',
+  []
+).name;

app/portainer/react/index.ts

@@ -0,0 +1,9 @@
+import angular from 'angular';
+
+import { componentsModule } from './components';
+import { viewsModule } from './views';
+
+export const reactModule = angular.module('portainer.docker.react', [
+  viewsModule,
+  componentsModule,
+]).name;

app/portainer/react/views/index.ts

@@ -0,0 +1,6 @@
+import angular from 'angular';
+
+export const viewsModule = angular.module(
+  'portainer.docker.react.views',
+  []
+).name;