@unisphere/nx 3.20.0 → 3.21.0

package/dist/generators/add-application/add-application.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-application.d.ts","sourceRoot":"","sources":["../../../src/generators/add-application/add-application.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAgD,MAAM,YAAY,CAAC;AAE5G,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAkHzD,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,6BAA6B,uBAgKvC;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"add-application.d.ts","sourceRoot":"","sources":["../../../src/generators/add-application/add-application.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAgD,MAAM,YAAY,CAAC;AAE5G,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAkHzD,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,6BAA6B,uBAoLvC;AAED,eAAe,uBAAuB,CAAC"}

package/dist/generators/add-application/add-application.js

@@ -79,19 +79,30 @@ async function addApplicationGenerator(tree, options) {
         throw new Error('iframe-with-post-messages serving type is not currently supported. Please choose a different serving type.');
     }
     const isPlayground = options.servingType === 'local-dev-playground';
+    const isAssetsOnly = options.servingType === 'assets-only';
     // Validate and read .unisphere configuration
     const unisphereConfig = (0, utils_1.validateUnisphereConfig)(tree);
-    const promptResult = await promptForRuntimeName(unisphereConfig.runtimes, options.runtimeName || '', options.visualName || '', options.skipDynamicRuntimeVisualPrompt || false);
-    const runtimeName = promptResult.runtimeName;
-    const visualName = promptResult.visualName;
-    if (!isPlayground && !options.htmlPageTitle) {
-        options.htmlPageTitle = options.htmlPageTitle || await promptForHtmlPageTitle();
+    let runtimeName = '';
+    let visualName = '';
+    let selectedDependencies = [];
+    if (isAssetsOnly) {
+        // Assets-only apps don't need runtime, visual, or dependencies
+        options.htmlPageTitle = options.htmlPageTitle || options.name;
+        selectedDependencies = [];
     }
-    if (options.dependencies === undefined) {
-        options.dependencies = await promptForDependencies(isPlayground);
+    else {
+        const promptResult = await promptForRuntimeName(unisphereConfig.runtimes, options.runtimeName || '', options.visualName || '', options.skipDynamicRuntimeVisualPrompt || false);
+        runtimeName = promptResult.runtimeName;
+        visualName = promptResult.visualName;
+        if (!isPlayground && !options.htmlPageTitle) {
+            options.htmlPageTitle = options.htmlPageTitle || await promptForHtmlPageTitle();
+        }
+        if (options.dependencies === undefined) {
+            options.dependencies = await promptForDependencies(isPlayground);
+        }
+        const baseDependencies = ['react'];
+        selectedDependencies = [...baseDependencies, ...(options.dependencies || [])];
     }
-    const baseDependencies = ['react'];
-    const selectedDependencies = [...baseDependencies, ...(options.dependencies || [])];
     // Validate runtime exists if runtimeName is provided
     if (runtimeName) {
         if (!(0, utils_1.checkIfRuntimeExists)(tree, runtimeName)) {
@@ -132,7 +143,7 @@ async function addApplicationGenerator(tree, options) {
             'Please choose a different application name or remove the existing application first.');
     }
     // Choose template based on serving type
-    const templatePath = 'templates/default';
+    const templatePath = isAssetsOnly ? 'templates/assets-only' : 'templates/default';
     // Generate files from templates
     (0, devkit_1.generateFiles)(tree, path.join(__dirname, templatePath), projectRoot, templateVariables);
     // For local-dev-playground apps, generate setup-local-runtimes.ts
@@ -176,14 +187,19 @@ async function addApplicationGenerator(tree, options) {
     const applicationPathValue = `${projectRoot}/src/index.ts`;
     (0, utils_1.updateTsConfigPaths)(tree, applicationPathKey, applicationPathValue);
     const scriptName = `serve:${applicationNameAsLowerDashCase}`;
-    const scriptCommand = runtimeName ?
-        `concurrently "npx unisphere runtime serve ${runtimeName} --port 8400" "npx unisphere application serve ${applicationNameAsLowerDashCase} --port 4002"`
-        : `npx unisphere application serve ${applicationNameAsLowerDashCase} --port 4002`;
-    (0, utils_1.addScriptToRootPackageJson)(tree, scriptName, scriptCommand);
+    if (!isAssetsOnly) {
+        const scriptCommand = runtimeName ?
+            `concurrently "npx unisphere runtime serve ${runtimeName} --port 8400" "npx unisphere application serve ${applicationNameAsLowerDashCase} --port 4002"`
+            : `npx unisphere application serve ${applicationNameAsLowerDashCase} --port 4002`;
+        (0, utils_1.addScriptToRootPackageJson)(tree, scriptName, scriptCommand);
+    }
     await (0, devkit_1.formatFiles)(tree);
     // Return a function that will be executed after all file operations are complete
+    const hasExtraDependencies = selectedDependencies.length > 0;
     return () => {
-        (0, devkit_1.installPackagesTask)(tree, true);
+        if (hasExtraDependencies) {
+            (0, devkit_1.installPackagesTask)(tree, true);
+        }
         devkit_1.logger.info('');
         devkit_1.logger.info('✅ Application generated successfully!');
         devkit_1.logger.info('');
@@ -191,7 +207,12 @@ async function addApplicationGenerator(tree, options) {
         devkit_1.logger.info(`🔧 Serving Type: ${options.servingType}`);
         devkit_1.logger.info(`📁 Location: ${projectRoot}`);
         devkit_1.logger.info('');
-        devkit_1.logger.info(`📜 To run the application locally: npm run ${scriptName}`);
+        if (isAssetsOnly) {
+            devkit_1.logger.info(`📂 Place your assets in: ${projectRoot}/src/assets/`);
+        }
+        else {
+            devkit_1.logger.info(`📜 To run the application locally: npm run ${scriptName}`);
+        }
         devkit_1.logger.info('');
     };
 }

package/dist/generators/add-application/schema.d.ts

@@ -1,7 +1,7 @@
 export interface AddApplicationGeneratorSchema {
   name: string;
   htmlPageTitle?: string;
-  servingType: 'local-dev-playground' | 'self-hosted' | 'iframe-with-post-messages';
+  servingType: 'local-dev-playground' | 'self-hosted' | 'iframe-with-post-messages' | 'assets-only';
   runtimeName?: string;
   visualName?: string;
   skipDynamicRuntimeVisualPrompt?: boolean; // Internal option to skip the dynamic prompt for visual when runtime is selected

package/dist/generators/add-application/schema.json

@@ -33,6 +33,10 @@
           {
             "value": "iframe-with-post-messages",
             "label": "Iframe + Post Messages (suitible to applications that gets required configuration from post messages)"
+          },
+          {
+            "value": "assets-only",
+            "label": "Assets Only (static assets served via CDN, no application logic)"
           }
         ]
       }

package/dist/generators/add-application/templates/assets-only/.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/dist/generators/add-application/templates/assets-only/.env-template

@@ -0,0 +1,6 @@
+# Environment variables template
+# Copy this file to .env and fill in the values
+# Do not commit .env to version control
+
+# Example:
+# API_URL=https://api.example.com

package/dist/generators/add-application/templates/assets-only/.eslintrc.json

@@ -0,0 +1,22 @@
+{
+  "extends": ["plugin:@nx/react", "../../../../.eslintrc.json"],
+  "ignorePatterns": [
+    "!**/*",
+    "**/vite.config.*.timestamp*",
+    "**/vitest.config.*.timestamp*"
+  ],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/dist/generators/add-application/templates/assets-only/package.json.template

@@ -0,0 +1,5 @@
+{
+  "name": "unisphere-application-<%= applicationName__lowerDashCase %>",
+  "version": "1.0.0",
+  "dependencies": {}
+}

package/dist/generators/add-application/templates/assets-only/project.json.template

@@ -0,0 +1,9 @@
+{
+  "name": "unisphere-application-<%= applicationName__lowerDashCase %>",
+  "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "<%= projectRoot %>/src",
+  "projectType": "application",
+  "tags": [],
+  "// targets": "to see all targets run: nx show project unisphere-application-<%= applicationName__lowerDashCase %> --web",
+  "targets": {}
+}

package/dist/generators/add-application/templates/assets-only/readme.md.template

@@ -0,0 +1,13 @@
+# <%= applicationName__pascalCase %> Application (Assets Only)
+
+This is an assets-only application. Place your static assets in the `src/assets/` directory.
+
+## Assets URL
+
+After publishing, assets are available at:
+
+```
+https://unisphere.nvp1.ovp.kaltura.com/v1/static/applications/{experience name}/<%= applicationName__lowerDashCase %>/{version}/assets/
+```
+
+## Overview section

package/dist/generators/add-application/templates/assets-only/src/assets/README.md

@@ -0,0 +1,20 @@
+# Assets
+
+Place your static assets in this directory. They are bundled automatically during the build process.
+
+## Accessing Assets
+
+Releasing a package will automatically deploy it to nvp1. Assets can be consumed without activating the version using the following URL pattern:
+
+```
+https://unisphere.nvp1.ovp.kaltura.com/v1/static/applications/{experience name}/{app name}/{version}/assets/
+```
+
+For example:
+```
+https://unisphere.nvp1.ovp.kaltura.com/v1/static/applications/vod-avatars/studio/1.1.0/assets/avatars/1X1/adam.png
+```
+
+## Caching
+
+Caching is handled on the assets directly.

package/dist/generators/add-application/templates/assets-only/src/index.html.template

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <title>
+    <%= htmlPageTitle %>
+  </title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+
+<body>
+  <div id="root"></div>
+</body>
+
+</html>

package/dist/generators/add-application/templates/assets-only/src/main.tsx.template

@@ -0,0 +1,2 @@
+// Assets-only application — no application logic required.
+// Place your static assets in the ./assets/ directory.

package/dist/generators/add-application/templates/assets-only/tsconfig.app.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": [
+      "node"
+    ]
+  },
+  "exclude": [],
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}

package/dist/generators/add-application/templates/assets-only/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ],
+  "extends": "../../../../tsconfig.base.json"
+}

package/dist/generators/add-application/templates/assets-only/webpack.config.js.template

@@ -0,0 +1,24 @@
+const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
+const { join } = require('path');
+
+const baseHref = process.env.UNISPHERE_BASE_HREF || '/';
+
+module.exports = {
+  output: {
+    path: join(__dirname, '../../../../dist/<%= projectRoot %>'),
+    publicPath: baseHref
+  },
+  plugins: [
+    new NxAppWebpackPlugin({
+      tsConfig: './tsconfig.app.json',
+      compiler: 'babel',
+      main: './src/main.tsx',
+      index: './src/index.html',
+      baseHref,
+      assets: [{ glob: '**/*', input: './src/assets', output: './assets', ignore: ['**/README.md'] }],
+      styles: [],
+      outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
+      optimization: process.env['NODE_ENV'] === 'production',
+    }),
+  ],
+};

package/dist/generators/remove/remove.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../../src/generators/remove/remove.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,IAAI,EAKL,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAoQjD,wBAAsB,eAAe,CACnC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,qBAAqB,iBAqF/B;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../../src/generators/remove/remove.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,IAAI,EAKL,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAiRjD,wBAAsB,eAAe,CACnC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,qBAAqB,iBAqF/B;AAED,eAAe,eAAe,CAAC"}

package/dist/generators/remove/remove.js

@@ -193,10 +193,20 @@ function removeFromPackageLock(tree, sourceRoot) {
     const packageLock = (0, devkit_1.readJson)(tree, packageLockPath);
     let updated = false;
     if (packageLock.packages) {
+        // Remove the source entry
         if (packageLock.packages[sourceRoot]) {
             delete packageLock.packages[sourceRoot];
             updated = true;
         }
+        // Remove the node_modules symlink entry that points to this sourceRoot
+        for (const key of Object.keys(packageLock.packages)) {
+            if (key.startsWith('node_modules/') &&
+                packageLock.packages[key].resolved === sourceRoot &&
+                packageLock.packages[key].link === true) {
+                delete packageLock.packages[key];
+                updated = true;
+            }
+        }
     }
     if (updated) {
         (0, devkit_1.writeJson)(tree, packageLockPath, packageLock);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unisphere/nx",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "private": false,
   "main": "./dist/index.js",
   "module": "./dist/index.js",