@mohsinonxrm/pptb-fetchxml-studio 1.0.0 → 1.0.2

package/src/shared/hooks/usePublisherFilter.ts

@@ -1,214 +0,0 @@
-/**
- * Hook for Full Filter Mode: Publisher → Solution → Entities
- * Loads publishers with solutions in one call (optimized), manages selection,
- * resolves entities from selected solutions
- */
-
-import { useState, useEffect, useCallback } from "react";
-import {
-	getPublishersWithSolutions,
-	getSolutionComponents,
-	filterCachedEntitiesByNames,
-	type Solution,
-	type EntityMetadata,
-	type PublisherWithSolutions,
-} from "../../features/fetchxml/api/pptbClient";
-import { metadataCache } from "../../features/fetchxml/state/cache";
-
-export function usePublisherFilter() {
-	// Publishers with solutions (combined)
-	const [publishersWithSolutions, setPublishersWithSolutions] = useState<PublisherWithSolutions[]>(
-		[]
-	);
-	const [publishersLoading, setPublishersLoading] = useState(false);
-	const [publishersError, setPublishersError] = useState<string | null>(null);
-
-	// Selected publishers
-	const [selectedPublisherIds, setSelectedPublisherIds] = useState<string[]>([]);
-
-	// Solutions (filtered by selected publishers)
-	const [solutions, setSolutions] = useState<Solution[]>([]);
-
-	// Selected solutions
-	const [selectedSolutionIds, setSelectedSolutionIds] = useState<string[]>([]);
-
-	// Entities
-	const [entities, setEntities] = useState<EntityMetadata[]>([]);
-	const [entitiesLoading, setEntitiesLoading] = useState(false);
-	const [entitiesError, setEntitiesError] = useState<string | null>(null);
-
-	// Load publishers with solutions on mount (optimized single call)
-	useEffect(() => {
-		let mounted = true;
-		const abortController = new AbortController();
-
-		async function loadPublishersWithSolutions() {
-			// Check cache
-			const cached = metadataCache.getPublishersWithSolutions();
-			if (cached) {
-				setPublishersWithSolutions(cached);
-				return;
-			}
-
-			try {
-				setPublishersLoading(true);
-				setPublishersError(null);
-
-				const data = await getPublishersWithSolutions();
-
-				if (mounted) {
-					setPublishersWithSolutions(data);
-					metadataCache.setPublishersWithSolutions(data);
-				}
-			} catch (err) {
-				if (mounted && !abortController.signal.aborted) {
-					setPublishersError(err instanceof Error ? err.message : String(err));
-				}
-			} finally {
-				if (mounted) {
-					setPublishersLoading(false);
-				}
-			}
-		}
-
-		loadPublishersWithSolutions();
-
-		return () => {
-			mounted = false;
-			abortController.abort();
-		};
-	}, []);
-
-	// Filter solutions when publishers are selected
-	useEffect(() => {
-		if (!selectedPublisherIds.length) {
-			setSolutions([]);
-			// Clear selected solutions when all publishers are deselected
-			setSelectedSolutionIds([]);
-			return;
-		}
-
-		// Filter solutions from the combined response (union from all selected publishers)
-		const selectedPublisherSet = new Set(selectedPublisherIds);
-		const filteredSolutions = publishersWithSolutions
-			.filter((pws) => selectedPublisherSet.has(pws.publisher.publisherid))
-			.flatMap((pws) => pws.solutions);
-
-		setSolutions(filteredSolutions);
-
-		// Validate selected solutions - keep only those still in filtered list
-		setSelectedSolutionIds((currentSelected) => {
-			if (currentSelected.length === 0) return currentSelected;
-
-			const availableSolutionIds = new Set(filteredSolutions.map((s) => s.solutionid));
-			const validSolutionIds = currentSelected.filter((id) => availableSolutionIds.has(id));
-
-			// Only update if the list changed (prevent unnecessary re-renders)
-			if (validSolutionIds.length === currentSelected.length) {
-				return currentSelected;
-			}
-
-			return validSolutionIds;
-		});
-	}, [selectedPublisherIds, publishersWithSolutions]);
-
-	// Load entities when solutions are selected
-	useEffect(() => {
-		if (!selectedSolutionIds.length) {
-			setEntities([]);
-			setEntitiesError(null);
-			return;
-		}
-
-		let mounted = true;
-		const abortController = new AbortController();
-
-		async function loadEntities() {
-			// Check cache
-			const cached = metadataCache.getFilteredEntities(selectedSolutionIds);
-			if (cached) {
-				setEntities(cached);
-				return;
-			}
-
-			try {
-				setEntitiesLoading(true);
-				setEntitiesError(null);
-
-				console.log("[usePublisherFilter] Loading entities for solutions:", selectedSolutionIds);
-
-				// Get solution components (entities only) - cached per solution
-				const components = await getSolutionComponents(selectedSolutionIds);
-				console.log("[usePublisherFilter] Solution components received:", {
-					solutionIds: selectedSolutionIds,
-					componentCount: components.length,
-					components: components.slice(0, 10),
-				});
-
-				// Extract unique entity logical names
-				const logicalNames = Array.from(
-					new Set(components.map((c) => c.msdyn_name).filter(Boolean))
-				);
-
-				console.log("[usePublisherFilter] Unique entity logical names extracted:", {
-					count: logicalNames.length,
-					names: logicalNames,
-				});
-
-				// Filter from global cached metadata (instant, no API call)
-				const data = filterCachedEntitiesByNames(logicalNames);
-				console.log("[usePublisherFilter] Filtered entities from cache:", {
-					count: data.length,
-					entities: data.map((e) => e.LogicalName),
-				});
-
-				if (mounted) {
-					setEntities(data);
-					metadataCache.setFilteredEntities(selectedSolutionIds, data);
-				}
-			} catch (err) {
-				if (mounted && !abortController.signal.aborted) {
-					setEntitiesError(err instanceof Error ? err.message : String(err));
-				}
-			} finally {
-				if (mounted) {
-					setEntitiesLoading(false);
-				}
-			}
-		}
-
-		loadEntities();
-
-		return () => {
-			mounted = false;
-			abortController.abort();
-		};
-	}, [selectedSolutionIds]);
-
-	const updateSelectedPublishers = useCallback((ids: string[]) => {
-		setSelectedPublisherIds(ids);
-	}, []);
-
-	const updateSelectedSolutions = useCallback((ids: string[]) => {
-		setSelectedSolutionIds(ids);
-	}, []);
-
-	return {
-		// Publishers (extracted from combined response)
-		publishers: publishersWithSolutions.map((pws) => pws.publisher),
-		publishersLoading,
-		publishersError,
-		selectedPublisherIds,
-		updateSelectedPublishers,
-
-		// Solutions (filtered by selected publishers)
-		solutions,
-		selectedSolutionIds,
-		updateSelectedSolutions,
-
-		// Entities
-		entities,
-		entitiesLoading,
-		entitiesError,
-	};
-}

package/src/shared/hooks/useSolutionFilter.ts

@@ -1,162 +0,0 @@
-/**
- * Hook for Solutions-Only Mode: Solution → Entities
- * Loads all solutions with entities, manages selection, resolves entities
- */
-
-import { useState, useEffect, useCallback } from "react";
-import {
-	getAllSolutionsWithEntities,
-	getSolutionComponents,
-	filterCachedEntitiesByNames,
-	type Solution,
-	type EntityMetadata,
-} from "../../features/fetchxml/api/pptbClient";
-import { metadataCache } from "../../features/fetchxml/state/cache";
-
-export function useSolutionFilter() {
-	// Solutions
-	const [solutions, setSolutions] = useState<Solution[]>([]);
-	const [solutionsLoading, setSolutionsLoading] = useState(false);
-	const [solutionsError, setSolutionsError] = useState<string | null>(null);
-
-	// Selected solutions
-	const [selectedSolutionIds, setSelectedSolutionIds] = useState<string[]>([]);
-
-	// Entities
-	const [entities, setEntities] = useState<EntityMetadata[]>([]);
-	const [entitiesLoading, setEntitiesLoading] = useState(false);
-	const [entitiesError, setEntitiesError] = useState<string | null>(null);
-
-	// Load all solutions on mount (no publisher filter)
-	useEffect(() => {
-		let mounted = true;
-		const abortController = new AbortController();
-
-		async function loadSolutions() {
-			// Check cache (use empty array as key for "all solutions")
-			const cached = metadataCache.getSolutions([]);
-			if (cached) {
-				setSolutions(cached);
-				return;
-			}
-
-			try {
-				setSolutionsLoading(true);
-				setSolutionsError(null);
-
-				const data = await getAllSolutionsWithEntities();
-
-				if (mounted) {
-					setSolutions(data);
-					metadataCache.setSolutions([], data);
-				}
-			} catch (err) {
-				if (mounted && !abortController.signal.aborted) {
-					setSolutionsError(err instanceof Error ? err.message : String(err));
-				}
-			} finally {
-				if (mounted) {
-					setSolutionsLoading(false);
-				}
-			}
-		}
-
-		loadSolutions();
-
-		return () => {
-			mounted = false;
-			abortController.abort();
-		};
-	}, []);
-
-	// Load entities when solutions are selected
-	useEffect(() => {
-		if (!selectedSolutionIds.length) {
-			setEntities([]);
-			setEntitiesError(null);
-			return;
-		}
-
-		let mounted = true;
-		const abortController = new AbortController();
-
-		async function loadEntities() {
-			// Check cache
-			const cached = metadataCache.getFilteredEntities(selectedSolutionIds);
-			if (cached) {
-				setEntities(cached);
-				return;
-			}
-
-			try {
-				setEntitiesLoading(true);
-				setEntitiesError(null);
-
-				console.log("[useSolutionFilter] Loading entities for solutions:", selectedSolutionIds);
-
-				// Get solution components (entities only) - cached per solution
-				const components = await getSolutionComponents(selectedSolutionIds);
-				console.log("[useSolutionFilter] Solution components received:", {
-					solutionIds: selectedSolutionIds,
-					componentCount: components.length,
-					components: components.slice(0, 10),
-				});
-
-				// Extract unique entity logical names
-				const logicalNames = Array.from(
-					new Set(components.map((c) => c.msdyn_name).filter(Boolean))
-				);
-
-				console.log("[useSolutionFilter] Unique entity logical names extracted:", {
-					count: logicalNames.length,
-					names: logicalNames,
-				});
-
-				// Filter from global cached metadata (instant, no API call)
-				const data = filterCachedEntitiesByNames(logicalNames);
-				console.log("[useSolutionFilter] Filtered entities from cache:", {
-					count: data.length,
-					entities: data.map((e) => e.LogicalName),
-				});
-
-				if (mounted) {
-					setEntities(data);
-					metadataCache.setFilteredEntities(selectedSolutionIds, data);
-				}
-			} catch (err) {
-				if (mounted && !abortController.signal.aborted) {
-					setEntitiesError(err instanceof Error ? err.message : String(err));
-				}
-			} finally {
-				if (mounted) {
-					setEntitiesLoading(false);
-				}
-			}
-		}
-
-		loadEntities();
-
-		return () => {
-			mounted = false;
-			abortController.abort();
-		};
-	}, [selectedSolutionIds]);
-
-	const updateSelectedSolutions = useCallback((ids: string[]) => {
-		setSelectedSolutionIds(ids);
-	}, []);
-
-	return {
-		// Solutions
-		solutions,
-		solutionsLoading,
-		solutionsError,
-		selectedSolutionIds,
-		updateSelectedSolutions,
-
-		// Entities
-		entities,
-		entitiesLoading,
-		entitiesError,
-	};
-}

package/src/shared/utils/debug.ts

@@ -1,87 +0,0 @@
-/**
- * Debug utility for conditional logging
- * Set flags to true to enable logging for specific features
- */
-
-// Feature flags for debugging
-const DEBUG_FLAGS = {
-	treeExpansion: false, // Tree auto-expansion when nodes are selected
-	relationshipPicker: false, // Relationship picker loading and selection
-	linkEntityEditor: false, // Link entity editor behavior
-	propertiesPanel: false, // Properties panel parent entity resolution
-	metadataAPI: true, // Metadata API calls and responses
-	fetchXmlAPI: true, // FetchXML query execution and results
-	publisherAPI: true, // Publisher API calls
-	solutionAPI: true, // Solution API calls
-	solutionComponentAPI: true, // Solution component API calls
-	viewAPI: true, // View (savedquery/userquery) API calls
-	exportAPI: true, // Export to Excel API calls
-	recordAPI: true, // Record CRUD operations
-	workflowAPI: true, // Workflow execution
-} as const;
-
-type DebugCategory = keyof typeof DEBUG_FLAGS;
-
-/**
- * Conditional logger that only logs when the feature flag is enabled
- */
-export function debugLog(category: DebugCategory, message: string, ...args: unknown[]): void {
-	if (DEBUG_FLAGS[category]) {
-		console.log(`[DEBUG:${category}] ${message}`, ...args);
-	}
-}
-
-/**
- * Conditional warning logger
- */
-export function debugWarn(category: DebugCategory, message: string, ...args: unknown[]): void {
-	if (DEBUG_FLAGS[category]) {
-		console.warn(`[DEBUG:${category}] ${message}`, ...args);
-	}
-}
-
-/**
- * Enable debugging for a specific category
- * Usage: enableDebug('treeExpansion')
- */
-export function enableDebug(category: DebugCategory): void {
-	(DEBUG_FLAGS as Record<string, boolean>)[category] = true;
-	console.log(`✅ Debug enabled for: ${category}`);
-}
-
-/**
- * Disable debugging for a specific category
- */
-export function disableDebug(category: DebugCategory): void {
-	(DEBUG_FLAGS as Record<string, boolean>)[category] = false;
-	console.log(`❌ Debug disabled for: ${category}`);
-}
-
-/**
- * Enable all debugging
- * Usage (in browser console): window.enableAllDebug()
- */
-export function enableAllDebug(): void {
-	Object.keys(DEBUG_FLAGS).forEach((key) => {
-		(DEBUG_FLAGS as Record<string, boolean>)[key] = true;
-	});
-	console.log("✅ All debugging enabled");
-}
-
-/**
- * Disable all debugging
- */
-export function disableAllDebug(): void {
-	Object.keys(DEBUG_FLAGS).forEach((key) => {
-		(DEBUG_FLAGS as Record<string, boolean>)[key] = false;
-	});
-	console.log("❌ All debugging disabled");
-}
-
-// Expose to window for easy access in browser console
-if (typeof window !== "undefined") {
-	(window as unknown as Record<string, unknown>).enableDebug = enableDebug;
-	(window as unknown as Record<string, unknown>).disableDebug = disableDebug;
-	(window as unknown as Record<string, unknown>).enableAllDebug = enableAllDebug;
-	(window as unknown as Record<string, unknown>).disableAllDebug = disableAllDebug;
-}

package/tsconfig.app.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-// https://vite.dev/config/
-export default defineConfig({
-	plugins: [react()],
-});