Restructuring folders and paths for grids

wc-grid-examples-react.yml → azure-pipelines/igniteui-react-grid-examples.yml

@@ -39,41 +39,46 @@ stages:
         inputs:
           targetType: 'inline'
           script: |
-            # Define the root path where projects are located
-            rootPath="$(Build.SourcesDirectory)/projects"
-
-            # Get all first-level subdirectories in the specified root path
-            subdirectories=$(find "$rootPath" -mindepth 1 -maxdepth 1 -type d)
-
-            for subdirectory in $subdirectories; do
-                # Extract the directory name from the path
-                dirName=$(basename "$subdirectory")
-
-                # Give each sample a version in its package.json file - for traceability
-                cd "$subdirectory"
-                echo "Calling npm version command"
-                npm version $(Build.BuildNumber) --no-git-tag-version
-
-                # Check if the directory name is already camel-case
-                if [[ "$dirName" =~ ^[A-Z]+[a-z]+([A-Z][a-z]*)*$ ]]; then
-                    # If already camel-case, print it as is
-                    echo "$dirName"
-                else
-                    # Convert to camel-case (capitalize first letters and remove hyphens)
-                    dirName=$(echo "$dirName" | sed -E 's/(^|-)([a-z])/\U\2/g')
-
-                fi
-
-                echo "Processing directory: $dirName"
-
-                # Define the name for the zip file
-                zipName="$(Build.ArtifactStagingDirectory)/IgniteUI_Grid_Demos_React_${dirName}_Source.zip"
-                echo "Creating ZIP: $zipName"
-
-                # Compress the directory into a ZIP file
-                (cd "$subdirectory" && zip -r "$zipName" .)
-            done
-
+            create_zips() {
+              local rootPath="$1"
+              if [ -d "$rootPath" ]; then
+                # Get all first-level subdirectories in the specified root path
+                subdirectories=$(find "$rootPath" -mindepth 1 -maxdepth 1 -type d)
+                for subdirectory in $subdirectories; do
+                  # Extract the directory name from the path
+                  dirName=$(basename "$subdirectory")
+
+                  # Give each sample a version in its package.json file - for traceability
+                  cd "$subdirectory"
+                  echo "Setting project version in package.json to $(Build.BuildNumber) for $dirName"
+                  npm version $(Build.BuildNumber) --no-git-tag-version
+
+                  # Check if the directory name is already camel-case
+                  if [[ "$dirName" =~ ^[A-Z]+[a-z]+([A-Z][a-z]*)*$ ]]; then
+                      # If already camel-case, print it as is
+                      echo "$dirName"
+                  else
+                      # Convert to camel-case (capitalize first letters and remove hyphens)
+                      dirName=$(echo "$dirName" | sed -E 's/(^|-)([a-z])/\U\2/g')
+                  fi
+
+                  echo "Processing directory: $dirName"
+                  # Define the name for the zip file
+                  zipName="$(Build.ArtifactStagingDirectory)/IgniteUI_React_ApplicationSample_${dirName}_Source.zip"
+                  echo "Creating ZIP: $zipName"
+
+                  # Compress the directory into a ZIP file
+                  (cd "$subdirectory" && zip -r "$zipName" .)
+                done
+              fi
+            }
+
+            # Pass 1: All first-level directories in projects/grids/
+            create_zips "$(Build.SourcesDirectory)/projects/grids"
+
+            # Pass 2: All first-level directories in projects/charts/
+            create_zips "$(Build.SourcesDirectory)/projects/charts"
+
             echo "All sample projects have been compressed and saved to the artifacts directory."
 
       - task: PublishPipelineArtifact@1
@@ -84,55 +89,15 @@ stages:
           publishLocation: 'pipeline'
 
       - task: Npm@1
-        displayName: 'Register licensed npm registry in .npmrc'
-        inputs:
-          verbose: ${{ parameters.isVerbose }}
-          command: 'custom'
-          workingDir: '$(Build.SourcesDirectory)'
-          customCommand: 'config -L project set @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/'
-          customEndpoint: 'public proget'
-
-      - task: npmAuthenticate@0
-        displayName: '[IG Production ProGet] npm authenticate'
-        inputs:
-          workingFile: '$(Build.SourcesDirectory)/.npmrc'
-          customEndpoint: 'public proget'
-
-      - task: Npm@1
-        displayName: 'npm install --legacy-peer-deps'
+        displayName: 'npm install with trial packages'
         inputs:
           verbose: ${{ parameters.isVerbose }}
           command: custom
           workingDir: '$(Build.SourcesDirectory)'
           customCommand: 'install --legacy-peer-deps'
-          customEndpoint: 'public proget'
 
     # TODO: igniteui-cli to be used after project corrections
-    #       to be able to use licensed packages
-    #   - task: Npm@1
-    #     displayName: 'Install Ignite UI CLI globally'
-    #     inputs:
-    #       verbose: ${{ parameters.isVerbose }}
-    #       command: custom
-    #       workingDir: '$(Build.SourcesDirectory)'
-    #       customCommand: 'install -g igniteui-cli'
-
-    #   - task: Bash@3
-    #     displayName: 'Run Ignite UI Upgrade in Root and All Project Subdirectories'
-    #     inputs:
-    #       targetType: 'inline'
-    #       script: |
-    #         echo "Running Ignite UI package upgrade at root level..."
-    #         npx ig upgrade-packages --skip-install
-
-    #         echo "Running Ignite UI package upgrade in all project subdirectories..."
-    #         for dir in $(Build.SourcesDirectory)/projects/*/; do
-    #           if [ -d "$dir" ]; then
-    #             echo "Processing: $dir"
-    #             (cd "$dir" && npx ig upgrade-packages --skip-install)
-    #           fi
-    #         done
-
+
       - task: PowerShell@2
         displayName: 'Replace references to IG trial packages with licensed ones'
         inputs:
@@ -163,24 +128,47 @@ stages:
             ConvertTo-Json -InputObject $packageJson | Set-Content -Path .\package.json
 
       - task: Npm@1
-        displayName: 'npm install --legacy-peer-deps'
+        displayName: 'Register licensed npm registry in .npmrc'
+        inputs:
+          verbose: ${{ parameters.isVerbose }}
+          command: 'custom'
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'config -L project set @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/'
+          customEndpoint: 'public proget'
+
+      - task: npmAuthenticate@0
+        displayName: '[IG Production ProGet] npm authenticate'
+        inputs:
+          workingFile: '$(Build.SourcesDirectory)/.npmrc'
+          customEndpoint: 'public proget'
+
+      - task: Npm@1
+        displayName: 'npm install with licensed packages'
         inputs:
           verbose: ${{ parameters.isVerbose }}
           command: custom
           workingDir: '$(Build.SourcesDirectory)'
           customCommand: 'install --legacy-peer-deps'
+          customEndpoint: 'public proget'
 
-      - task: PowerShell@2
-        displayName: 'Replace references to IG trial packages with licensed ones in TSX files'
+      - task: Bash@3
+        displayName: 'Replace references to IG trial packages with licensed ones in TSX/TS files'
         inputs:
-          failOnStderr: true
-          showWarnings: true
-          workingDirectory: '$(Build.SourcesDirectory)'
           targetType: 'inline'
           script: |
-            Get-ChildItem -Include "*.tsx","*.ts" -Recurse | `
-            ForEach {  (Get-Content $_.PSPath | ForEach { ($_ -replace '([from|import])\s?[''"](igniteui-[react|dockmanager].*)[''"]', '$1 "@infragistics/$2"') }) | `
-            Set-Content $_.PSPath }
+            set -eo pipefail
+            echo "Replacing IG trial package imports with licensed ones..."
+
+            find . -type f \( -name "*.ts" -o -name "*.tsx" \) ! -path "*/node_modules/*" -print0 |
+            xargs -0 -n 1 bash -c '
+              file="$1"
+              echo "Processing $file"
+
+              # Replace imports from igniteui-react* or dockmanager
+              sed -i "s/\(from\|import\)[[:space:]]\+\([\"'\''\]\)\(igniteui-react[^\"'\''[:space:]]*\|dockmanager[^\"'\''[:space:]]*\)\2/\1 \"@infragistics\/\3\"/g" "$file"
+            ' _
+
+            echo "All references updated."
 
       - task: Npm@1
         displayName: 'npm run build'

index.html

@@ -8,7 +8,7 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
     <meta name="theme-color" content="#000000" />
-    <title>grid landing pages</title>
+    <title>Demos Landing Pages</title>
     <link rel="stylesheet" href="./styles.css">
     <link href='https://fonts.googleapis.com/css?family=Titillium+Web:wght@300;400;600;700' rel='stylesheet'>
     <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>

package.json

@@ -16,11 +16,11 @@
     "@igniteui/material-icons-extended": "^3.0.0",
     "element-internals-polyfill": "^1.3.10",
     "functions-have-names": "^1.2.3",
-    "igniteui-react": "19.0.3",
-    "igniteui-react-charts": "19.0.0",
-    "igniteui-react-core": "19.0.0",
-    "igniteui-react-grids": "19.0.3",
-    "igniteui-react-maps": "19.0.0",
+    "igniteui-react": "19.2.0",
+    "igniteui-react-charts": "19.0.1",
+    "igniteui-react-core": "19.0.1",
+    "igniteui-react-grids": "19.2.0",
+    "igniteui-react-maps": "19.0.1",
     "lit": "^3.3.0",
     "react": "^19.0.0",
     "react-app-polyfill": "^0.2.0",