Publish to prod WC examples

.github/workflows/node.js.yml

@@ -0,0 +1,30 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ "vnext", "master" ]
+  pull_request:
+    branches: [ "vnext", "master" ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x, 22.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm ci
+    - run: npm run build --if-present

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

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

@@ -0,0 +1,175 @@
+trigger:
+  branches:
+    include:
+    - vnext
+    - master
+
+# This pipeline is meant to build specific branches for deployment. It's not meant to be a part of PR validation.
+pr: none
+
+parameters:
+- name: isVerbose
+  displayName: 'Get verbose output from steps - where configurable'
+  type: boolean
+  default: false
+- name: shouldCleanPostExecution
+  displayName: 'Clean all pipeline dirs after the pipeline finishes?'
+  type: boolean
+  default: true
+
+
+name: $(Year:yyyy).$(Month).$(DayOfMonth)-r$(Rev:.r)
+
+stages:
+- stage: Build
+  pool:
+    vmImage: ubuntu-latest
+
+    demands: npm
+  jobs:
+  - job: BuildSamples
+    steps:
+      - checkout: 'self' 
+        clean: true
+
+      - task: NodeTool@0
+        displayName: 'Install Node'
+        inputs:
+          versionSource: 'spec'
+          versionSpec: '18.x'
+
+      - task: Bash@3
+        displayName: 'Create download artifact per sample (Shell)'
+        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_WebComponents_ApplicationSample_${dirName}_Source.zip"
+                echo "Creating ZIP: $zipName"
+
+                # Compress the directory into a ZIP file
+                (cd "$subdirectory" && zip -r "$zipName" .)
+            done
+
+            echo "All sample projects have been compressed and saved to the artifacts directory."
+
+      - task: PublishPipelineArtifact@1
+        displayName: 'Publish Samples Sources zips'
+        inputs:
+          targetPath: '$(Build.ArtifactStagingDirectory)'
+          artifact: 'samplesSourcesZips'
+          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'
+        inputs:
+          verbose: ${{ parameters.isVerbose }}
+          command: custom
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'install --legacy-peer-deps'
+          customEndpoint: 'public proget'
+
+      - task: Npm@1
+        displayName: 'Install Ignite UI CLI globally'
+        inputs:
+          verbose: ${{ parameters.isVerbose }}
+          command: custom
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'install -g igniteui-cli'
+
+      - task: PowerShell@2
+        displayName: 'Update vite.config to licensed'
+        inputs:
+          failOnStderr: true
+          showWarnings: true
+          workingDirectory: '$(Build.SourcesDirectory)'
+          targetType: 'inline'
+          script: |
+            #Update vite.config.ts
+            $viteConfig = Get-Content -Raw ./vite.config.ts
+            $updatedViteConfig = $viteConfig -replace 'igniteui-webcomponents-', '@infragistics/igniteui-webcomponents-'
+            $updatedViteConfig | Set-Content ./vite.config.ts
+
+      - 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: Npm@1
+        displayName: 'npm install --legacy-peer-deps'
+        inputs:
+          verbose: ${{ parameters.isVerbose }}
+          command: custom
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'install --legacy-peer-deps'
+
+      - task: Npm@1
+        displayName: 'npm run build:ci'
+        inputs:
+          verbose: ${{ parameters.isVerbose }}
+          command: custom
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'run build:ci'
+
+      - task: PublishPipelineArtifact@1
+        displayName: 'Publish app'
+        inputs:
+          targetPath: '$(Build.SourcesDirectory)/dist'
+          artifact: 'dist.grid-demos-wc'
+          publishLocation: 'pipeline'
+
+      - ${{ if eq(parameters.shouldCleanPostExecution, true) }}:
+        - task: PostBuildCleanup@4

ignite-ui-cli.json

@@ -0,0 +1,16 @@
+{
+  "version": "$(cliVersion)",
+  "project": {
+    "defaultPort": 8000,
+    "framework": "webcomponents",
+    "projectTemplate": "$(projectTemplate)",
+    "projectType": "igc-ts",
+    "theme": "$(theme)",
+    "isBundle": false,
+    "components": [],
+    "sourceFiles": [],
+    "isShowcase": false,
+    "version": ""
+  },
+  "build": {}
+}

index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Web Components Sample Apps</title>
+    <link rel="icon" href="%BASE_URL%favicon.ico" />
+    <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+    <link rel="stylesheet" href="./src/index.css" />
+    <link rel="stylesheet" href="./node_modules/igniteui-webcomponents-grids/grids/themes/light/material.css" />
+    <link rel="stylesheet" href="./node_modules/igniteui-webcomponents/themes/light/material.css" />
+    <script type="module" src="./src/app.ts"></script>
+  </head>
+  <body class="ig-scrollbar ig-typography">
+    <app-root></app-root>
+  </body>
+</html>