@developer_tribe/react-builder 0.1.32 → 1.0.2

package/src/utils/logger.ts

@@ -0,0 +1,76 @@
+import { useRenderStore } from '../store';
+import type { LogLevel, LogSource } from '../types/Project';
+
+const levelPriority: Record<Exclude<LogLevel, 'NONE'>, number> = {
+  ERROR: 0,
+  WARN: 1,
+  INFO: 2,
+  VERBOSE: 3,
+};
+
+function shouldLog(currentLevel: LogLevel, level: LogLevel): boolean {
+  if (currentLevel === 'NONE' || level === 'NONE') return false;
+  const curr = levelPriority[currentLevel as Exclude<LogLevel, 'NONE'>];
+  const incoming = levelPriority[level as Exclude<LogLevel, 'NONE'>];
+  return incoming <= curr;
+}
+
+function consoleLog(
+  level: LogLevel,
+  source: LogSource,
+  message: string,
+  payload?: unknown,
+) {
+  const prefix = `[${source}] ${message}`;
+  switch (level) {
+    case 'ERROR':
+      // eslint-disable-next-line no-console
+      console.error(prefix, payload);
+      break;
+    case 'WARN':
+      // eslint-disable-next-line no-console
+      console.warn(prefix, payload);
+      break;
+    case 'INFO':
+      // eslint-disable-next-line no-console
+      console.info(prefix, payload);
+      break;
+    case 'VERBOSE':
+      // eslint-disable-next-line no-console
+      console.debug(prefix, payload);
+      break;
+    default:
+      break;
+  }
+}
+
+export const logger = {
+  setLevel(level: LogLevel) {
+    useRenderStore.getState().setLogLevel(level);
+    // eslint-disable-next-line no-console
+    console.info(`[Logger] level set to ${level}`);
+  },
+  log(level: LogLevel, source: LogSource, message: string, payload?: unknown) {
+    const { logLevel, addLog } = useRenderStore.getState();
+    if (!shouldLog(logLevel, level)) return;
+    addLog({ level, source, message, payload });
+    consoleLog(level, source, message, payload);
+  },
+  verbose(source: LogSource, message: string, payload?: unknown) {
+    this.log('VERBOSE', source, message, payload);
+  },
+  info(source: LogSource, message: string, payload?: unknown) {
+    this.log('INFO', source, message, payload);
+  },
+  warn(source: LogSource, message: string, payload?: unknown) {
+    this.log('WARN', source, message, payload);
+  },
+  error(source: LogSource, message: string, payload?: unknown) {
+    this.log('ERROR', source, message, payload);
+  },
+  clear() {
+    useRenderStore.getState().clearLogs();
+  },
+};
+
+export type { LogLevel };

package/src/utils/patterns.ts

@@ -1,6 +1,31 @@
 import { patterns as generatedPatterns } from '../build-components';
 import type { NodeDefaultAttribute } from '../types/Node';
 
+export type AttributeMeta = {
+  label?: string;
+  description?: string;
+  category?: 'style' | 'container' | 'other' | string;
+  specialCategory?: 'padding' | 'margin' | 'offset' | null | string;
+  sort?: number;
+  preferedScale?: 's' | 'vs' | 'f' | '%' | '' | string;
+};
+
+export type SpecialCategoryMeta = {
+  label?: string;
+  description?: string;
+  category?: 'style' | 'container' | 'other' | string;
+  sort?: number;
+};
+
+type PatternMeta = {
+  label?: string;
+  description?: string;
+  attributes?: Record<string, AttributeMeta>;
+  specialCategories?: Record<string, SpecialCategoryMeta>;
+  desiredParent?: string[];
+  desiredChildren?: string[];
+};
+
 type Pattern = {
   schemaVersion: number;
   allowUnknownAttributes: boolean;
@@ -17,6 +42,7 @@ type Pattern = {
   // where the inner record maps fieldName -> primitive type or enum options
   types?: Record<string, Record<string, string | string[]>>;
   // Optional defaults to be applied to node.attributes if not provided
+  meta?: PatternMeta;
 };
 
 const patterns: Pattern[] = generatedPatterns as unknown as Pattern[];
@@ -38,6 +64,13 @@ export function getAttributeSchema(
   return p?.pattern.attributes;
 }
 
+export function getAttributeMeta(
+  type?: string | null,
+): Record<string, AttributeMeta> | undefined {
+  const p = getPatternByType(type);
+  return p?.meta?.attributes;
+}
+
 /** Returns defaults block (if any) for a given component type */
 export function getDefaultsForType(
   type?: string | null,

package/src/utils/useLogRender.ts

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { logger } from './logger';
+
+export function useLogRender(sourceName: string, payload?: unknown) {
+  useEffect(() => {
+    logger.verbose(sourceName, 'rendered', payload);
+    return () => {
+      logger.verbose(sourceName, 'unmount');
+    };
+    // We intentionally log once per mount/update cycle only for rendered
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+}

package/dist/build-components/OnboardDot/OnboardExpandingDotProps.generated.d.ts

@@ -1,10 +0,0 @@
-import type { NodeData } from '../../types/Node';
-export interface OnboardDotPropsGenerated {
-    child: string;
-    attributes: {
-        dotType?: 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
-    };
-}
-export interface OnboardDotComponentProps {
-    node: NodeData<OnboardDotPropsGenerated['attributes']>;
-}

package/src/build-components/OnboardDot/OnboardExpandingDotProps.generated.ts

@@ -1,20 +0,0 @@
-/* AUTO-GENERATED FILE - DO NOT EDIT */
-
-import type { NodeData } from '../../types/Node';
-
-export interface OnboardDotPropsGenerated {
-  child: string;
-  attributes: {
-    dotType?:
-      | 'expanding_dot'
-      | 'normal_dot'
-      | 'scaling_dot'
-      | 'sliding_border'
-      | 'sliding_dot'
-      | 'liquid_like';
-  };
-}
-
-export interface OnboardDotComponentProps {
-  node: NodeData<OnboardDotPropsGenerated['attributes']>;
-}