Applications Support for Devportal

.gitignore

@@ -1,6 +1,8 @@
 # dependencies
 /node_modules
+
 /dist
+cpToken.json
 
 /.pnp
 .pnp.js
@@ -16,7 +18,6 @@
 # production
 /build
 
-/src/styles
 /src/.tmp
 
 /src/config/config.js

config.json

@@ -1,12 +1,13 @@
 {
   "port": 3000,
-  "pathToContent": "../src/",
-  "mode": "development",
+  "pathToContent": "../api-developer-portal/src/",
+  "mode": "production",
   "db": {
     "username": "postgres",
     "password": "postgres",
-    "database": "DEVPORTAL_NEWSCHEMA",
+    "database": "devportal",
     "host": "localhost",
     "dialect": "postgres"
-  }
+  },
+  "controlPlaneUrl": "https://localhost:9443/api/am/devportal/v3.1"
 }

package.json

@@ -26,6 +26,7 @@
   "homepage": "https://github.com/api-developer-portal-core#readme",
   "dependencies": {
     "@asyncapi/react-component": "^2.3.4",
+    "axios": "^1.7.7",
     "bootstrap-icons": "^1.11.3",
     "chokidar": "^3.6.0",
     "crypto": "^1.0.1",
@@ -37,6 +38,7 @@
     "graphql": "^16.9.0",
     "handlebars": "^4.7.8",
     "hbs": "^4.2.0",
+    "https": "^1.0.0",
     "js-yaml": "^4.1.0",
     "jsonwebtoken": "^9.0.2",
     "marked": "^13.0.3",
@@ -66,7 +68,8 @@
       "**/*.js"
     ],
     "assets": [
-      "src/pages/**/*"
+      "src/pages/**/*",
+      "src/styles/**/*"
     ],
     "targets": [
       "node18-macos-x64",

src/app.js

@@ -26,6 +26,7 @@ const authRoute = require('./routes/authRoute');
 const devportalRoute = require('./routes/devportalRoute');
 const orgContent = require('./routes/orgContentRoute');
 const apiContent = require('./routes/apiContentRoute');
+const applicationContent = require('./routes/applicationsContentRoute');
 const customContent = require('./routes/customPageRoute');
 const config = require(process.cwd() + '/config.json');
 const Handlebars = require('handlebars');
@@ -76,6 +77,8 @@ passport.deserializeUser((user, done) => {
 
 app.use(constants.ROUTE.STYLES, express.static(path.join(process.cwd(), filePrefix + 'styles')));
 app.use(constants.ROUTE.IMAGES, express.static(path.join(process.cwd(), filePrefix + 'images')));
+app.use(constants.ROUTE.TECHNICAL_STYLES, express.static(path.join(require.main.filename, '../styles')));
+app.use(constants.ROUTE.TECHNICAL_SCRIPTS, express.static(path.join(require.main.filename, '../scripts')));
 
 //backend routes
 app.use(constants.ROUTE.DEV_PORTAL, devportalRoute);
@@ -86,6 +89,7 @@ if (config.mode === constants.DEV_MODE) {
 } else {
     app.use(constants.ROUTE.DEFAULT, authRoute);
     app.use(constants.ROUTE.DEFAULT, apiContent);
+    app.use(constants.ROUTE.DEFAULT, applicationContent);
     app.use(constants.ROUTE.DEFAULT, orgContent);
     app.use(constants.ROUTE.DEFAULT, customContent);  
 }

src/controllers/apiContentController.js

@@ -37,8 +37,8 @@ const loadAPIs = async (req, res) => {
         const templateContent = {
             apiMetadata: await loadAPIMetaDataList(),
             baseUrl: constants.BASE_URL + config.port
-        };
-        html = renderTemplate(filePrefix + 'pages/apis/page.hbs', filePrefix + 'layout/main.hbs', templateContent);
+        }
+        html = renderTemplate(filePrefix + 'pages/apis/page.hbs', filePrefix + 'layout/main.hbs', templateContent, false);
     } else {
         try {
             const organization = await adminDao.getOrganization(orgName);
@@ -54,8 +54,8 @@ const loadAPIs = async (req, res) => {
             console.log("Rendering default api listing page from file");
             const templateContent = {
                 baseUrl: constants.BASE_URL + config.port
-            };
-            html = renderTemplate(filePrefix + 'pages/apis/page.hbs', filePrefix + 'layout/main.hbs', templateContent);
+            }
+            html = renderTemplate(filePrefix + 'pages/apis/page.hbs', filePrefix + 'layout/main.hbs', templateContent, false);
         }
     }
     res.send(html);
@@ -78,8 +78,8 @@ const loadAPIContent = async (req, res) => {
             apiMetadata: metaData,
             baseUrl: constants.BASE_URL + config.port,
             schemaUrl: orgName + '/mock/' + apiName + '/apiDefinition.xml'
-        };
-        html = renderTemplate(filePrefix + 'pages/api-landing/page.hbs', filePrefix + 'layout/main.hbs', templateContent);
+        }
+        html = renderTemplate(filePrefix + 'pages/api-landing/page.hbs', filePrefix + 'layout/main.hbs', templateContent, false)
     } else {
         try {
             const organization = await adminDao.getOrganization(orgName);
@@ -116,8 +116,8 @@ const loadTryOutPage = async (req, res) => {
             baseUrl: constants.BASE_URL + config.port,
             apiType: metaData.apiInfo.apiType,
             swagger: apiDefinition
-        };
-        html = renderTemplate('../pages/tryout/page.hbs', filePrefix + 'layout/main.hbs', templateContent);
+        }
+        html = renderTemplate('../pages/tryout/page.hbs', filePrefix + 'layout/main.hbs', templateContent, true);
     } else {
         try {
             const organization = await adminDao.getOrganization(orgName);