@unisphere/nx 2.2.2 → 3.2.4

package/dist/generators/add-package/README.md

@@ -21,8 +21,8 @@ The generator will prompt you for the following information:
    - Example: `core`, `notification-service`, `user management`
 
 2. **scope** (required, defaults to 'internal')
-   - **public**: Published to npm with `@unisphere/` prefix
-   - **internal**: Published to GitHub packages with `@kaltura/unisphere-` prefix
+   - **public**: server to npm with `@unisphere/` prefix
+   - **internal**: server to GitHub packages with `@kaltura-corp/unisphere-` prefix
    - **none**: Private repository only, no scope prefix
 
 ## Local Development & Distribution

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

@@ -1 +1 @@
-{"version":3,"file":"add-package.d.ts","sourceRoot":"","sources":["../../../src/generators/add-package/add-package.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAA2B,MAAM,YAAY,CAAC;AAEvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AA6DrD,wBAAsB,mBAAmB,CACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,yBAAyB,uBA8HnC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"add-package.d.ts","sourceRoot":"","sources":["../../../src/generators/add-package/add-package.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAgD,MAAM,YAAY,CAAC;AAE5G,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AA4DrD,wBAAsB,mBAAmB,CACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,yBAAyB,uBAiHnC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -56,23 +56,11 @@ async function addPackageGenerator(tree, options) {
     else {
         packageJsonName = experienceName + `-${userInputPackageName}`;
     }
-    const prefix = options.scope === 'public' ? '@unisphere/' : '@kaltura/unisphere-';
+    const prefix = options.scope === 'public' ? '@unisphere/' :
+        options.scope === 'internal' ? '@kaltura-corp/unisphere-' :
+            options.scope === 'kaltura-ai' ? '@kaltura-ai/' :
+                '@local/';
     packageJsonName = prefix + packageJsonName;
-    const repositoryPrivate = options.scope === 'none';
-    // Calculate distributionChannel
-    let distributionChannel;
-    switch (options.scope) {
-        case 'public':
-            distributionChannel = 'npm';
-            break;
-        case 'none':
-            distributionChannel = 'none';
-            break;
-        case 'internal':
-        default:
-            distributionChannel = 'github';
-            break;
-    }
     const transformedPackageName = (0, devkit_1.names)(userInputPackageName);
     const githubUrl = `https://github.com/${companyName}/${experienceName}`;
     // Resolve @unisphere/runtime version from workspace package.json
@@ -80,23 +68,24 @@ async function addPackageGenerator(tree, options) {
     // Determine which dependencies are selected
     const hasDs = selectedDependencies.includes('ds');
     const hasReact = selectedDependencies.includes('react') || hasDs;
+    // Determine subdirectory based on scope (schema v2.0.0+)
+    const subdirectory = (0, utils_1.getSubdirectoryFromScope)(options.scope);
+    const projectRoot = `unisphere/packages/${subdirectory}/${userInputPackageName}`;
     // Prepare template variables
     const templateVariables = {
         scope: options.scope,
-        repositoryPrivate,
-        distributionChannel,
         githubUrl,
         companyName,
         unisphereRuntimeVersion,
         hasDs,
         hasReact,
+        subdirectory,
         ...(0, utils_1.createNameTransforms)(userInputPackageName, 'packageName'),
         ...(0, utils_1.createNameTransforms)(experienceName, 'experienceName'),
         ...(0, utils_1.createNameTransforms)(packageJsonName, 'packageJsonName'),
         ...transformedPackageName,
         tmpl: '',
     };
-    const projectRoot = `unisphere/packages/${userInputPackageName}`;
     // Check if the project already exists
     if (tree.exists(projectRoot)) {
         throw new Error(`Package "${userInputPackageName}" already exists at ${projectRoot}.\n` +
@@ -106,17 +95,17 @@ async function addPackageGenerator(tree, options) {
     (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'templates/new-package'), projectRoot, templateVariables);
     // Update .unisphere configuration
     (0, utils_1.updateUnisphereConfig)(tree, 'packages', userInputPackageName, {
-        sourceRoot: `unisphere/packages/${userInputPackageName}`,
-        distributionChannel: distributionChannel,
+        sourceRoot: `unisphere/packages/${subdirectory}/${userInputPackageName}`,
         scope: 'widget',
     });
     // Update tsconfig.base.json with path mapping
-    (0, utils_1.updateTsConfigPaths)(tree, packageJsonName, `unisphere/packages/${userInputPackageName}/src/index.ts`);
+    (0, utils_1.updateTsConfigPaths)(tree, packageJsonName, `unisphere/packages/${subdirectory}/${userInputPackageName}/src/index.ts`);
     // Install selected dependencies
     (0, dependency_config_1.installSelectedDependencies)(tree, selectedDependencies);
     await (0, devkit_1.formatFiles)(tree);
     // Return a function that will be executed after all file operations are complete
     return () => {
+        (0, devkit_1.installPackagesTask)(tree, true);
         devkit_1.logger.info('');
         devkit_1.logger.info('✅ Package generated successfully!');
         devkit_1.logger.info('');
@@ -124,7 +113,6 @@ async function addPackageGenerator(tree, options) {
         devkit_1.logger.info(`🏷️  Full Package Name: ${packageJsonName}`);
         devkit_1.logger.info(`📁 Location: ${projectRoot}`);
         devkit_1.logger.info(`🔧 Scope: ${options.scope}`);
-        devkit_1.logger.info(`📤 Distribution Channel: ${distributionChannel}`);
         devkit_1.logger.info('');
     };
 }

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

@@ -1,5 +1,5 @@
 export interface AddPackageGeneratorSchema {
   packageName: string;
-  scope: 'public' | 'internal' | 'none';
+  scope: 'public' | 'internal' | 'none' | 'kaltura-ai';
   dependencies?: string[];
 }

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

@@ -12,33 +12,41 @@
     },
     "scope": {
       "type": "string",
-      "description": "The distribution scope of the package",      
+      "description": "The distribution scope of the package",
       "default": "none",
       "x-prompt": {
-    "message": "What scope should this package have? If you’re unsure, choose Private.",
-    "type": "list",
-    "items": [
-      {
-        "value": "none",
-        "label": "Private – only for this Unisphere experience (not published externally)"
-      },
-      {
-        "value": "internal",
-        "label": "Kaltura – published as a GitHub package (@kaltura/unisphere-… for Kaltura teams)"
-      },
-      {
-        "value": "public",
-        "label": "Public – published to npm (@unisphere/… available to everyone)"
+        "message": "What scope should this package have? If you're unsure, choose Private.",
+        "type": "list",
+        "items": [
+          {
+            "value": "none",
+            "label": "Private – This repository only (not published to npm)"
+          },
+          {
+            "value": "internal",
+            "label": "Kaltura Internal – For Kaltura repositories only (jfrog scope: @kaltura-corp/...)"
+          },
+          {
+            "value": "public",
+            "label": "Unisphere Public – For all Unisphere workspace consumers (npm scope: @unisphere/...)"
+          },
+          {
+            "value": "kaltura-ai",
+            "label": "Kaltura AI Lab – Experimental packages for standalone use (npm scope: @kaltura-ai/...)"
+          }
+        ]
       }
-    ]
-  }
     },
     "dependencies": {
       "type": "array",
       "description": "Select packages to install (use space to select, enter to confirm)",
       "items": {
         "type": "string",
-        "enum": ["react", "ds", "mui"]
+        "enum": [
+          "react",
+          "ds",
+          "mui"
+        ]
       },
       "default": [],
       "x-prompt": {
@@ -66,4 +74,4 @@
     "packageName",
     "scope"
   ]
-}
+}

package/dist/generators/add-package/templates/new-package/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:@nx/react", "../../../.eslintrc.json"],
+  "extends": ["plugin:@nx/react", "../../../../.eslintrc.json"],
   "ignorePatterns": [
     "!**/*",
     "**/vite.config.*.timestamp*",

package/dist/generators/add-package/templates/new-package/package.json.template

@@ -2,7 +2,6 @@
   "name": "<%= packageJsonName %>",
   "version": "1.0.0",
   "author": "kaltura",
-  "private": <%= repositoryPrivate %>,
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",

package/dist/generators/add-package/templates/new-package/project.json.template

@@ -1,7 +1,7 @@
 {
   "name": "unisphere-package-<%= packageName__lowerDashCase %>",
-  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "unisphere/packages/<%= packageName__lowerDashCase %>/src",
+  "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "unisphere/packages/<%= subdirectory %>/<%= packageName__lowerDashCase %>/src",
   "projectType": "library",
   "tags": [],
   "// targets": "to see all targets run: nx show project unisphere-package-<%= packageName__lowerDashCase %> --web",
@@ -13,8 +13,8 @@
       ],
       "options": {
         "lintFilePatterns": [
-          "unisphere/packages/<%= packageName__lowerDashCase %>/src/**/*.{ts,tsx,js,jsx}",
-          "unisphere/packages/<%= packageName__lowerDashCase %>/package.json"
+          "unisphere/packages/<%= subdirectory %>/<%= packageName__lowerDashCase %>/src/**/*.{ts,tsx,js,jsx}",
+          "unisphere/packages/<%= subdirectory %>/<%= packageName__lowerDashCase %>/package.json"
         ]
       }
     }

package/dist/generators/add-package/templates/new-package/rollup.config.js

@@ -1,4 +1,4 @@
-const createUnisphereWithNX = require('../../../node_modules/@unisphere/cli/bundler/package/rollup.js');
+const createUnisphereWithNX = require('../../../../node_modules/@unisphere/cli/bundler/package/rollup.js');
 
 
 module.exports = createUnisphereWithNX({

package/dist/generators/add-package/templates/new-package/tsconfig.json

@@ -16,5 +16,5 @@
       "path": "./tsconfig.spec.json"
     }
   ],
-  "extends": "../../../tsconfig.base.json"
+  "extends": "../../../../tsconfig.base.json"
 }

package/dist/generators/add-package/templates/new-package/tsconfig.lib.json.template

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
+    "outDir": "../../../../dist/out-tsc",
     "types": [
       "node"<% if (hasDs) { %>,
       "@kaltura/ds-react-theme/src/lib/theme.d.ts"<% } %><% if (hasReact) { %>,

package/dist/generators/add-package/templates/new-package/tsconfig.spec.json

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
+    "outDir": "../../../../dist/out-tsc",
     "types": [
       "vitest/globals",
       "vitest/importMeta",

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

@@ -1 +1 @@
-{"version":3,"file":"add-runtime.d.ts","sourceRoot":"","sources":["../../../src/generators/add-runtime/add-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAiB,MAAM,YAAY,CAAC;AAE7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AA4CrD,wBAAsB,mBAAmB,CACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,yBAAyB,uBAyHnC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"add-runtime.d.ts","sourceRoot":"","sources":["../../../src/generators/add-runtime/add-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAsC,MAAM,YAAY,CAAC;AAElG,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAqFrD,wBAAsB,mBAAmB,CACvC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,yBAAyB,uBA6InC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -7,6 +7,41 @@ const path = tslib_1.__importStar(require("path"));
 const utils_1 = require("../utils");
 const dependency_config_1 = require("../dependency-config");
 const add_application_1 = require("../add-application/add-application");
+const add_visual_1 = require("../add-visual/add-visual");
+async function getEnquirerPrompt() {
+    const enquirer = await import('enquirer');
+    // Handle both CommonJS and ESM exports
+    return enquirer.prompt || enquirer.default?.prompt || enquirer;
+}
+async function promptForAddVisual() {
+    const prompt = await getEnquirerPrompt();
+    const response = await prompt({
+        type: 'confirm',
+        name: 'addVisual',
+        message: 'Would you like to add a visual to this runtime?',
+        initial: true,
+    });
+    return response.addVisual;
+}
+async function promptForAnalyticsAppId(existingValue) {
+    if (existingValue !== undefined) {
+        return existingValue;
+    }
+    const prompt = await getEnquirerPrompt();
+    const response = await prompt({
+        type: 'input',
+        name: 'analyticsAppId',
+        message: 'Provide the analytics app id (number). If you are not certain, leave it empty and later update the runtime constructor.',
+        validate: (input) => {
+            if (input === '')
+                return true; // Allow empty
+            const num = Number(input);
+            return !isNaN(num) && Number.isInteger(num) ? true : 'Please enter a valid integer or leave empty';
+        },
+    });
+    const value = response.analyticsAppId;
+    return value === '' ? undefined : Number(value);
+}
 function updateTypesIndexExport(tree, runtimeName, basePath) {
     const indexPath = `${basePath}/src/index.ts`;
     if (!tree.exists(indexPath)) {
@@ -32,7 +67,6 @@ async function addRuntimeGenerator(tree, options) {
     const unisphereConfig = (0, utils_1.validateUnisphereConfig)(tree);
     // Validate dependencies
     const selectedDependencies = options.dependencies || [];
-    (0, dependency_config_1.validateGitToken)(selectedDependencies);
     // Extract environment variables
     const companyName = unisphereConfig.company;
     const widgetName = unisphereConfig.name;
@@ -40,9 +74,14 @@ async function addRuntimeGenerator(tree, options) {
     let userInputRuntimeName = (0, devkit_1.names)(options.name).fileName;
     // Find types package (or fallback to core)
     const typesPackageInfo = (0, utils_1.findTypesOrCorePackageInfo)(tree);
+    // Prompt for analyticsAppId only if isExternal is true
+    const analyticsAppId = isExternal
+        ? await promptForAnalyticsAppId(options.analyticsAppId)
+        : options.analyticsAppId;
     // Prepare template variables
     const templateVariables = {
         companyName,
+        analyticsAppId,
         typesAlias: typesPackageInfo.alias,
         // Add all name transformations
         ...(0, utils_1.createNameTransforms)(userInputRuntimeName, 'runtimeName'),
@@ -65,8 +104,8 @@ async function addRuntimeGenerator(tree, options) {
     // Generate files from templates for the runtime
     (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'templates/new-runtime'), projectRoot, templateVariables);
     // Generate the runtime types file in the types/core package using template
-    (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'templates/core-templates'), `${typesPackageInfo.basePath}/src/lib`, templateVariables);
-    // Update types/core index.ts to export the new runtime types
+    (0, devkit_1.generateFiles)(tree, path.join(__dirname, 'templates/types-templates'), `${typesPackageInfo.basePath}/src/lib`, templateVariables);
+    // Update types package index.ts to export the new runtime types
     updateTypesIndexExport(tree, userInputRuntimeName, typesPackageInfo.basePath);
     // Update .unisphere configuration
     (0, utils_1.updateUnisphereConfig)(tree, 'runtimes', userInputRuntimeName, {
@@ -77,35 +116,49 @@ async function addRuntimeGenerator(tree, options) {
     const runtimePathKey = `unisphere-runtime-${userInputRuntimeName}`;
     const runtimePathValue = `unisphere/runtimes/${userInputRuntimeName}/src/index.ts`;
     (0, utils_1.updateTsConfigPaths)(tree, runtimePathKey, runtimePathValue);
+    // Prompt to add a visual to the new runtime
+    const shouldAddVisual = await promptForAddVisual();
+    let visualName = '';
+    if (shouldAddVisual) {
+        const visualTask = await (0, add_visual_1.addVisualGenerator)(tree, {
+            runtimeName: userInputRuntimeName,
+        });
+        const visualResponse = await visualTask();
+        visualName = visualResponse.visualName;
+    }
+    let applicationScriptName = '';
     // Handle internal usage - create dev application
     if (!!isExternal) {
         // Create a dev application without prompts
-        const applicationResult = await (0, add_application_1.addApplicationGenerator)(tree, {
+        const appTask = await (0, add_application_1.addApplicationGenerator)(tree, {
             name: `${userInputRuntimeName}-dev`,
             servingType: 'local-dev-playground',
             runtimeName: userInputRuntimeName,
+            visualName,
+            skipDynamicRuntimeVisualPrompt: true, // Skip the runtime/visual selection prompts since we already have the info
             dependencies: selectedDependencies, // Pass same dependencies as runtime
         });
-        // Execute the application generation callback if it exists
-        if (applicationResult && typeof applicationResult === 'function') {
-            applicationResult();
-        }
+        applicationScriptName = `serve:${userInputRuntimeName}-dev`;
+        await appTask();
     }
     // Install selected dependencies
     (0, dependency_config_1.installSelectedDependencies)(tree, selectedDependencies);
     await (0, devkit_1.formatFiles)(tree);
     // Return a function that will be executed after all file operations are complete
     return () => {
+        (0, devkit_1.installPackagesTask)(tree, true);
         devkit_1.logger.info('');
         devkit_1.logger.info('✅ Runtime generated successfully!');
         devkit_1.logger.info('');
         devkit_1.logger.info(`🚀 Runtime Name: ${userInputRuntimeName}`);
         devkit_1.logger.info(`📁 Location: ${projectRoot}`);
+        devkit_1.logger.info(`Analytics App ID: ${analyticsAppId}`);
         devkit_1.logger.info(`🔧 Consumer: ${isExternal ? 'External' : 'Internal'}`);
-        if (isExternal === true) {
+        if (applicationScriptName) {
             devkit_1.logger.info('');
             devkit_1.logger.info('📦 Additional components created:');
             devkit_1.logger.info(`   • Dev Application: ${userInputRuntimeName}-dev`);
+            devkit_1.logger.info(`.    📜 To run the dev application locally: npm run ${applicationScriptName}`);
         }
         devkit_1.logger.info('');
     };

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

@@ -2,4 +2,5 @@ export interface AddRuntimeGeneratorSchema {
   name: string;
   consumer: string;
   dependencies?: string[];
+  analyticsAppId?: number;
 }

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

@@ -48,15 +48,7 @@
           {
             "value": "react",
             "label": "React - UI library for building components"
-          },
-          {
-            "value": "ds",
-            "label": "Kaltura DS - Design System (requires GIT_TOKEN)"
-          },
-          {
-            "value": "mui",
-            "label": "Material UI - Component library"
-          }
+          }          
         ]
       }
     }

package/dist/generators/add-runtime/templates/new-runtime/src/lib/create-factory.tsx.template

@@ -6,10 +6,10 @@ import {
 import { Root } from 'react-dom/client';
 import { Runtime } from './runtime';
 
-class ContextFactory extends UnisphereElementFactory<Record<string, any>, Root> {
-  create<T extends Record<string, any>>(
-    options: CreateElementOptions<T>
-  ): UnisphereElementBase<T, Root> {
+class ContextFactory extends UnisphereElementFactory<any, Root> {
+  create(
+    options: CreateElementOptions<any>
+  ): UnisphereElementBase<any, Root> {
     switch (options.flavor) {
       default:
         return new Runtime(options) as any;

package/dist/generators/add-runtime/templates/new-runtime/src/lib/runtime.tsx.template

@@ -10,7 +10,7 @@ import {
   <%= runtimeName__pascalCase %>RuntimeSettings,
   <%= runtimeName__camelCase %>RuntimeSettingsSchema,
 } from '<%= typesAlias %>';
-import { HtmlDomRuntimeVisual } from '@unisphere/runtime';
+import { HtmlDomRuntimeVisual, KalturaAnalyticsServiceType } from '@unisphere/runtime';
 import { widgetName } from '<%= typesAlias %>'
 
 export class Runtime
@@ -42,6 +42,28 @@ export class Runtime
         runtimeName: this.runtimeName,
       },
     });
+
+
+    const analyticsAppId: null | number = <%= analyticsAppId ? analyticsAppId : 'null' %>;
+    if (!analyticsAppId) {
+      this._logger.warn(`missing kaltura analytics app id, cannot register application to analytics service`)
+    } else {
+      const service = this._options
+        .getWorkspace()
+        .getService<KalturaAnalyticsServiceType>(
+          'unisphere.service.kaltura-analytics'
+        );
+
+      if (service) {
+        service.registerUnisphereApp({
+          analyticsAppId,
+          appVersion: this._options.runtimeVersion,        
+          mode: process.env.NODE_ENV === 'production' ? undefined : 'dryRun',
+        });
+      } else {
+        this._logger.warn('missing kaltura analytics service, cannot register analytics application id <%= analyticsAppId %>')
+      }  
+    }
   }
 
   override _createVisualContainer(htmlElement: HTMLElement): Root {
@@ -60,6 +82,8 @@ export class Runtime
   }
 
   protected _onSettingsUpdated(settings: <%= runtimeName__pascalCase %>RuntimeSettings) {
-    // remove if not needed
+    // use this method to react to settings changes. for example:
+    // this._reMountVisualByType('your-visual-type');
+    // this._reMountAllVisuals();
   }
 }

package/dist/generators/add-visual/add-visual.d.ts

@@ -3,6 +3,6 @@ import { AddVisualGeneratorSchema } from './schema';
 /**
  * Nx generator to create a new visual within a specified runtime.
  */
-export declare function addVisualGenerator(tree: Tree, options: AddVisualGeneratorSchema): Promise<void>;
+export declare function addVisualGenerator(tree: Tree, options: AddVisualGeneratorSchema): Promise<any>;
 export default addVisualGenerator;
 //# sourceMappingURL=add-visual.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"add-visual.d.ts","sourceRoot":"","sources":["../../../src/generators/add-visual/add-visual.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAE,MAAM,YAAY,CAAC;AAsB9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAuUpD;;GAEG;AACH,wBAAsB,kBAAkB,CACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,wBAAwB,GAChC,OAAO,CAAC,IAAI,CAAC,CAoEf;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"add-visual.d.ts","sourceRoot":"","sources":["../../../src/generators/add-visual/add-visual.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAE,MAAM,YAAY,CAAC;AAsB9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAwbpD;;GAEG;AACH,wBAAsB,kBAAkB,CACtC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,wBAAwB,GAChC,OAAO,CAAC,GAAG,CAAC,CAoFd;AAED,eAAe,kBAAkB,CAAC"}

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

@@ -7,6 +7,54 @@ const path = tslib_1.__importStar(require("path"));
 const ts_morph_1 = require("ts-morph");
 const utils_1 = require("../utils");
 const visual_utils_1 = require("./visual-utils");
+async function getEnquirerPrompt() {
+    const enquirer = await import('enquirer');
+    // Handle both CommonJS and ESM exports
+    return enquirer.prompt || enquirer.default?.prompt || enquirer;
+}
+async function promptForRuntimeName(availableRuntimes, existingRuntimeName) {
+    if (existingRuntimeName) {
+        return existingRuntimeName;
+    }
+    const prompt = await getEnquirerPrompt();
+    const runtimeNames = Object.keys(availableRuntimes);
+    if (runtimeNames.length === 0) {
+        throw new Error('No runtimes found in .unisphere configuration.\n' +
+            'Please create a runtime first using: nx generate @unisphere/nx:add-runtime');
+    }
+    const runtimeChoices = runtimeNames.map(name => ({ name, message: name }));
+    const response = await prompt({
+        type: 'select',
+        name: 'runtimeName',
+        message: 'Select a runtime to add the visual to:',
+        choices: runtimeChoices,
+    });
+    return response.runtimeName;
+}
+async function promptForVisualName(existingVisualName) {
+    if (existingVisualName) {
+        return existingVisualName;
+    }
+    const prompt = await getEnquirerPrompt();
+    const response = await prompt({
+        type: 'input',
+        name: 'visualName',
+        message: 'What is the visual name?',
+    });
+    return response.visualName;
+}
+async function promptForIsSingleOccurrence(existingValue) {
+    if (existingValue !== undefined) {
+        return existingValue;
+    }
+    const prompt = await getEnquirerPrompt();
+    const response = await prompt({
+        type: 'confirm',
+        name: 'isSingleOccurrence',
+        message: 'Is this visual limited to single occurrence?',
+    });
+    return response.isSingleOccurrence;
+}
 /**
  * Adds necessary imports (runtimeVisualSettings, runtimeVisualSchema) to the runtime file.
  */
@@ -121,11 +169,61 @@ function addRenderMethod(sourceFilePath, tree, vars, project, typesPackageInfo)
     const sourceFile = (0, visual_utils_1.loadSourceFile)(tree, sourceFilePath, project);
     const methodName = `_render${vars.visualName__pascalCase}`;
     const clazz = (0, visual_utils_1.findFirstClass)(sourceFile);
+    // Always check and add required imports first (even if method exists)
+    let importsModified = false;
+    // Check if ThemeProvider import exists, add if missing
+    const themeProviderImportExists = sourceFile
+        .getImportDeclarations()
+        .some((decl) => decl.getModuleSpecifier().getLiteralValue() ===
+        '@kaltura/ds-react-theme' &&
+        decl.getNamedImports().some((imp) => imp.getName() === 'ThemeProvider'));
+    if (!themeProviderImportExists) {
+        sourceFile.addImportDeclaration({
+            kind: ts_morph_1.StructureKind.ImportDeclaration,
+            namedImports: ['ThemeProvider'],
+            moduleSpecifier: '@kaltura/ds-react-theme',
+        });
+        console.log(`✅ Added ThemeProvider import to ${sourceFilePath}`);
+        importsModified = true;
+    }
+    // Check if ScopedUnisphereWorkspaceProvider import exists, add if missing
+    const scopedProviderImportExists = sourceFile
+        .getImportDeclarations()
+        .some((decl) => decl.getModuleSpecifier().getLiteralValue() ===
+        '@unisphere/runtime-react' &&
+        decl
+            .getNamedImports()
+            .some((imp) => imp.getName() === 'ScopedUnisphereWorkspaceProvider'));
+    if (!scopedProviderImportExists) {
+        // Check if there's already an import from @unisphere/runtime-react
+        const existingRuntimeReactImport = sourceFile
+            .getImportDeclarations()
+            .find((decl) => decl.getModuleSpecifier().getLiteralValue() ===
+            '@unisphere/runtime-react');
+        if (existingRuntimeReactImport) {
+            // Add to existing import
+            existingRuntimeReactImport.addNamedImport('ScopedUnisphereWorkspaceProvider');
+        }
+        else {
+            // Create new import
+            sourceFile.addImportDeclaration({
+                kind: ts_morph_1.StructureKind.ImportDeclaration,
+                namedImports: ['ScopedUnisphereWorkspaceProvider'],
+                moduleSpecifier: '@unisphere/runtime-react',
+            });
+        }
+        console.log(`✅ Added ScopedUnisphereWorkspaceProvider import to ${sourceFilePath}`);
+        importsModified = true;
+    }
     // Check if method already exists.
     const exists = clazz
         .getInstanceMethods()
         .some((m) => m.getName() === methodName);
     if (exists) {
+        // Save imports if they were modified, even though method exists
+        if (importsModified) {
+            (0, visual_utils_1.saveSourceFile)(tree, sourceFilePath, sourceFile.getFullText());
+        }
         console.log(`⚠️ Method ${methodName} already exists.`);
         return;
     }
@@ -147,20 +245,6 @@ function addRenderMethod(sourceFilePath, tree, vars, project, typesPackageInfo)
         statements: processedContent,
         scope: ts_morph_1.Scope.Private,
     });
-    // Check if ThemeProvider import exists, add if missing
-    const themeProviderImportExists = sourceFile
-        .getImportDeclarations()
-        .some((decl) => decl.getModuleSpecifier().getLiteralValue() ===
-        '@kaltura/ds-react-theme' &&
-        decl.getNamedImports().some((imp) => imp.getName() === 'ThemeProvider'));
-    if (!themeProviderImportExists) {
-        sourceFile.addImportDeclaration({
-            kind: ts_morph_1.StructureKind.ImportDeclaration,
-            namedImports: ['ThemeProvider'],
-            moduleSpecifier: '@kaltura/ds-react-theme',
-        });
-        console.log(`✅ Added ThemeProvider import to ${sourceFilePath}`);
-    }
     (0, visual_utils_1.saveSourceFile)(tree, sourceFilePath, sourceFile.getFullText());
     console.log(`✅ Added render method ${methodName}.`);
 }
@@ -201,8 +285,14 @@ export const ${schemaName}: ValidatorSchema = {
  * Nx generator to create a new visual within a specified runtime.
  */
 async function addVisualGenerator(tree, options) {
-    const { runtimeName, visualName, isSingleOccurrence } = options;
+    // Validate and read .unisphere configuration first
     const unisphereConfig = (0, utils_1.validateUnisphereConfig)(tree);
+    // Prompt for runtime if not provided
+    const runtimeName = await promptForRuntimeName(unisphereConfig.runtimes, options.runtimeName);
+    // Prompt for visual name if not provided
+    const visualName = await promptForVisualName(options.visualName);
+    // Prompt for isSingleOccurrence if not provided
+    const isSingleOccurrence = await promptForIsSingleOccurrence(options.isSingleOccurrence);
     // Extract environment variables
     const widgetName = unisphereConfig.name;
     // Validate runtime existence and get source root path.
@@ -249,5 +339,8 @@ async function addVisualGenerator(tree, options) {
     console.log(`   Visual: ${visualName}`);
     console.log(`   Single occurrence: ${isSingleOccurrence ? 'Yes' : 'No'}`);
     console.log(`   Modified file: ${runtimeTSxPath}`);
+    return () => {
+        return { visualName };
+    };
 }
 exports.default = addVisualGenerator;