feat(analytics): add CLI feature detection for React SDK

Author: strausr

packages/html/src/types.ts

@@ -24,7 +24,7 @@ export type PictureSources = {minWidth?: number, maxWidth?: number, image: Cloud
 
 export type PictureSource  = {minWidth?: number, maxWidth?: number, image: CloudinaryImage, sizes?: string};
 
-export type BaseAnalyticsOptions = {sdkSemver: string, techVersion: string, sdkCode: string};
+export type BaseAnalyticsOptions = {sdkSemver: string, techVersion: string, sdkCode: string, feature?: string};
 
 export type AnalyticsOptions = Parameters<CloudinaryImage['toURL']>[0];
 

packages/html/src/utils/analytics.ts

@@ -6,6 +6,7 @@ export const getAnalyticsOptions = (options?: BaseAnalyticsOptions, features: vo
             sdkCode: options.sdkCode,
             sdkSemver: options.sdkSemver,
             techVersion: options.techVersion,
+            ...(options.feature !== undefined && { feature: options.feature }),
             ...features
         }
     } : null

packages/react/src/internal/SDKAnalyticsConstants.ts

@@ -1,7 +1,19 @@
 import React from 'react'
 
+// Detect if this project was created via create-cloudinary-react CLI
+function getCLIFeatureCode(): string {
+  if (typeof process !== 'undefined' && process.env) {
+    if (process.env.CLOUDINARY_SOURCE === 'cli' || process.env.CLD_CLI === 'true') {
+      return 'B'; // CLI feature code
+    }
+  }
+  return '0'; // Default (no specific feature)
+}
+
+
 export const SDKAnalyticsConstants = {
   sdkSemver: 'PACKAGE_VERSION_INJECTED_DURING_BUILD',
   techVersion: React.version,
-  sdkCode: 'J'
+  sdkCode: 'J',
+  feature: getCLIFeatureCode()
 };