@idealyst/tooling 1.2.3

package/src/rules/reactDomPrimitives.ts

@@ -0,0 +1,217 @@
+import { PrimitiveRule, PrimitiveRuleSet } from '../types';
+
+/**
+ * Module sources that indicate React DOM platform
+ */
+export const REACT_DOM_SOURCES = [
+  'react-dom',
+  'react-dom/client',
+  'react-dom/server',
+] as const;
+
+/**
+ * React DOM API primitives
+ * These are functions/components that are React DOM specific
+ */
+const DOM_API_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'createPortal',
+    source: 'react-dom',
+    platform: 'react-dom',
+    description: 'Render children into a different DOM node',
+  },
+  {
+    name: 'flushSync',
+    source: 'react-dom',
+    platform: 'react-dom',
+    description: 'Force synchronous DOM updates',
+  },
+  {
+    name: 'createRoot',
+    source: 'react-dom/client',
+    platform: 'react-dom',
+    description: 'Create a React root for rendering',
+  },
+  {
+    name: 'hydrateRoot',
+    source: 'react-dom/client',
+    platform: 'react-dom',
+    description: 'Hydrate server-rendered content',
+  },
+  {
+    name: 'render',
+    source: 'react-dom',
+    platform: 'react-dom',
+    description: 'Legacy render function (deprecated)',
+  },
+  {
+    name: 'hydrate',
+    source: 'react-dom',
+    platform: 'react-dom',
+    description: 'Legacy hydrate function (deprecated)',
+  },
+  {
+    name: 'unmountComponentAtNode',
+    source: 'react-dom',
+    platform: 'react-dom',
+    description: 'Legacy unmount function (deprecated)',
+  },
+  {
+    name: 'findDOMNode',
+    source: 'react-dom',
+    platform: 'react-dom',
+    description: 'Find DOM node (deprecated)',
+  },
+];
+
+/**
+ * Intrinsic HTML elements that indicate web-only code
+ * These are JSX intrinsic elements that only exist in DOM
+ *
+ * Note: These are detected via JSX usage, not imports
+ * This list is for reference and specialized detection
+ */
+export const HTML_INTRINSIC_ELEMENTS = [
+  // Document structure
+  'html',
+  'head',
+  'body',
+  'main',
+  'header',
+  'footer',
+  'nav',
+  'aside',
+  'article',
+  'section',
+
+  // Content sectioning
+  'div',
+  'span',
+  'p',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+
+  // Text content
+  'a',
+  'strong',
+  'em',
+  'code',
+  'pre',
+  'blockquote',
+  'br',
+  'hr',
+
+  // Lists
+  'ul',
+  'ol',
+  'li',
+  'dl',
+  'dt',
+  'dd',
+
+  // Tables
+  'table',
+  'thead',
+  'tbody',
+  'tfoot',
+  'tr',
+  'th',
+  'td',
+  'caption',
+  'colgroup',
+  'col',
+
+  // Forms
+  'form',
+  'input',
+  'textarea',
+  'select',
+  'option',
+  'optgroup',
+  'button',
+  'label',
+  'fieldset',
+  'legend',
+  'datalist',
+  'output',
+  'progress',
+  'meter',
+
+  // Media
+  'img',
+  'video',
+  'audio',
+  'source',
+  'track',
+  'picture',
+  'figure',
+  'figcaption',
+  'canvas',
+  'svg',
+  'iframe',
+  'embed',
+  'object',
+
+  // Interactive
+  'details',
+  'summary',
+  'dialog',
+  'menu',
+
+  // Scripting
+  'script',
+  'noscript',
+  'template',
+  'slot',
+] as const;
+
+/**
+ * All React DOM primitives (API functions)
+ */
+export const REACT_DOM_PRIMITIVES: PrimitiveRule[] = [...DOM_API_PRIMITIVES];
+
+/**
+ * Set of primitive names for quick lookup
+ */
+export const REACT_DOM_PRIMITIVE_NAMES = new Set(
+  REACT_DOM_PRIMITIVES.map((p) => p.name)
+);
+
+/**
+ * Set of HTML intrinsic element names for quick lookup
+ */
+export const HTML_ELEMENT_NAMES: Set<string> = new Set(HTML_INTRINSIC_ELEMENTS);
+
+/**
+ * Complete rule set for React DOM
+ */
+export const REACT_DOM_RULE_SET: PrimitiveRuleSet = {
+  platform: 'react-dom',
+  primitives: REACT_DOM_PRIMITIVES,
+  sources: [...REACT_DOM_SOURCES],
+};
+
+/**
+ * Check if a name is a React DOM primitive (API function)
+ */
+export function isReactDomPrimitive(name: string): boolean {
+  return REACT_DOM_PRIMITIVE_NAMES.has(name);
+}
+
+/**
+ * Check if a name is an HTML intrinsic element
+ */
+export function isHtmlElement(name: string): boolean {
+  return HTML_ELEMENT_NAMES.has(name);
+}
+
+/**
+ * Get primitive info by name
+ */
+export function getReactDomPrimitive(name: string): PrimitiveRule | undefined {
+  return REACT_DOM_PRIMITIVES.find((p) => p.name === name);
+}

package/src/rules/reactNativePrimitives.ts

@@ -0,0 +1,363 @@
+import { PrimitiveRule, PrimitiveRuleSet } from '../types';
+
+/**
+ * Module sources that indicate React Native platform
+ */
+export const REACT_NATIVE_SOURCES = [
+  'react-native',
+  'react-native-web',
+  'react-native-gesture-handler',
+  'react-native-reanimated',
+  'react-native-safe-area-context',
+  'react-native-screens',
+  'react-native-svg',
+  'react-native-vector-icons',
+  'react-native-vector-icons/MaterialCommunityIcons',
+  '@react-native-community/async-storage',
+  '@react-native-picker/picker',
+  '@react-native-vector-icons/common',
+  'expo',
+  'expo-constants',
+  'expo-linking',
+  'expo-status-bar',
+] as const;
+
+/**
+ * Core React Native view primitives
+ */
+const CORE_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'View',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Basic container component',
+  },
+  {
+    name: 'Text',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Text display component',
+  },
+  {
+    name: 'Image',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Image display component',
+  },
+  {
+    name: 'ImageBackground',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Background image container',
+  },
+  {
+    name: 'ScrollView',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Scrollable container',
+  },
+  {
+    name: 'FlatList',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Performant list component',
+  },
+  {
+    name: 'SectionList',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Sectioned list component',
+  },
+  {
+    name: 'VirtualizedList',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Base virtualized list',
+  },
+];
+
+/**
+ * Interactive/touchable primitives
+ */
+const INTERACTIVE_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'TouchableOpacity',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Touch with opacity feedback',
+  },
+  {
+    name: 'TouchableHighlight',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Touch with highlight feedback',
+  },
+  {
+    name: 'TouchableWithoutFeedback',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Touch without visual feedback',
+  },
+  {
+    name: 'TouchableNativeFeedback',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Android ripple feedback',
+  },
+  {
+    name: 'Pressable',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Modern press handler component',
+  },
+  {
+    name: 'Button',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Basic button component',
+  },
+];
+
+/**
+ * Input primitives
+ */
+const INPUT_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'TextInput',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Text input field',
+  },
+  {
+    name: 'Switch',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Toggle switch component',
+  },
+  {
+    name: 'Slider',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Slider input (deprecated)',
+  },
+];
+
+/**
+ * Modal and overlay primitives
+ */
+const MODAL_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'Modal',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Modal overlay component',
+  },
+  {
+    name: 'Alert',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Native alert dialog',
+  },
+  {
+    name: 'ActionSheetIOS',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'iOS action sheet',
+  },
+  {
+    name: 'StatusBar',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Status bar controller',
+  },
+];
+
+/**
+ * Animation primitives
+ */
+const ANIMATION_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'Animated',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Animation library namespace',
+  },
+  {
+    name: 'Easing',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Easing functions',
+  },
+  {
+    name: 'LayoutAnimation',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Layout animation controller',
+  },
+];
+
+/**
+ * Platform and device primitives
+ */
+const PLATFORM_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'Platform',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Platform detection utility',
+  },
+  {
+    name: 'Dimensions',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Screen dimensions utility',
+  },
+  {
+    name: 'PixelRatio',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Pixel ratio utility',
+  },
+  {
+    name: 'Appearance',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Color scheme detection',
+  },
+  {
+    name: 'useColorScheme',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Color scheme hook',
+  },
+  {
+    name: 'useWindowDimensions',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Window dimensions hook',
+  },
+];
+
+/**
+ * Event handling primitives
+ */
+const EVENT_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'BackHandler',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Android back button handler',
+  },
+  {
+    name: 'Keyboard',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Keyboard event handler',
+  },
+  {
+    name: 'PanResponder',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Gesture responder system',
+  },
+  {
+    name: 'Linking',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Deep linking utility',
+  },
+  {
+    name: 'AppState',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'App lifecycle state',
+  },
+];
+
+/**
+ * Safety primitives
+ */
+const SAFETY_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'SafeAreaView',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Safe area inset container',
+  },
+  {
+    name: 'KeyboardAvoidingView',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Keyboard avoidance container',
+  },
+];
+
+/**
+ * Accessibility primitives
+ */
+const ACCESSIBILITY_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'AccessibilityInfo',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Accessibility information API',
+  },
+];
+
+/**
+ * Style primitives
+ */
+const STYLE_PRIMITIVES: PrimitiveRule[] = [
+  {
+    name: 'StyleSheet',
+    source: 'react-native',
+    platform: 'react-native',
+    description: 'Style sheet creator',
+  },
+];
+
+/**
+ * All React Native primitives combined
+ */
+export const REACT_NATIVE_PRIMITIVES: PrimitiveRule[] = [
+  ...CORE_PRIMITIVES,
+  ...INTERACTIVE_PRIMITIVES,
+  ...INPUT_PRIMITIVES,
+  ...MODAL_PRIMITIVES,
+  ...ANIMATION_PRIMITIVES,
+  ...PLATFORM_PRIMITIVES,
+  ...EVENT_PRIMITIVES,
+  ...SAFETY_PRIMITIVES,
+  ...ACCESSIBILITY_PRIMITIVES,
+  ...STYLE_PRIMITIVES,
+];
+
+/**
+ * Set of primitive names for quick lookup
+ */
+export const REACT_NATIVE_PRIMITIVE_NAMES = new Set(
+  REACT_NATIVE_PRIMITIVES.map((p) => p.name)
+);
+
+/**
+ * Complete rule set for React Native
+ */
+export const REACT_NATIVE_RULE_SET: PrimitiveRuleSet = {
+  platform: 'react-native',
+  primitives: REACT_NATIVE_PRIMITIVES,
+  sources: [...REACT_NATIVE_SOURCES],
+};
+
+/**
+ * Check if a name is a React Native primitive
+ */
+export function isReactNativePrimitive(name: string): boolean {
+  return REACT_NATIVE_PRIMITIVE_NAMES.has(name);
+}
+
+/**
+ * Get primitive info by name
+ */
+export function getReactNativePrimitive(name: string): PrimitiveRule | undefined {
+  return REACT_NATIVE_PRIMITIVES.find((p) => p.name === name);
+}