@developer_tribe/react-builder 1.2.34 → 1.2.36

package/src/components/Breadcrumb.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { useLogRender } from '../utils/useLogRender';
-export type BreadcrumbItem = {
+type BreadcrumbItem = {
   label: string;
   to?: string;
   onClick?: () => void;

package/src/migrations/migratePipe.ts

@@ -11,7 +11,7 @@ const MIGRATIONS: Migration[] = [
   migration_1_1_2_extract_component_attributes_from_style,
 ];
 
-export type MigrationPipe = {
+type MigrationPipe = {
   projectVersion: string;
   requiredVersion: string;
   required: boolean;

package/src/migrations/semver.ts

@@ -1,6 +1,6 @@
-export type Semver = { major: number; minor: number; patch: number };
+type Semver = { major: number; minor: number; patch: number };
 
-export function parseSemver(input?: string | null): Semver {
+function parseSemver(input?: string | null): Semver {
   const raw = typeof input === 'string' ? input.trim() : '';
   const [maj, min, pat] = raw.split('.').slice(0, 3);
   const toNum = (v?: string) => {
@@ -10,7 +10,7 @@ export function parseSemver(input?: string | null): Semver {
   return { major: toNum(maj), minor: toNum(min), patch: toNum(pat) };
 }
 
-export function compareSemver(a: string, b: string): number {
+function compareSemver(a: string, b: string): number {
   const A = parseSemver(a);
   const B = parseSemver(b);
   if (A.major !== B.major) return A.major < B.major ? -1 : 1;

package/src/modals/MockableFeatureModal.tsx

@@ -371,7 +371,9 @@ export function MockableFeatureModal({
                 />
               </div>
               <p style={{ margin: '8px 0 0', opacity: 0.7, fontSize: 12 }}>
-                No mock UI yet for "{featureKey}" — import via JSON.
+                No mock UI yet for {'"'}
+                {featureKey}
+                {'"'} — import via JSON.
               </p>
             </>
           )}

package/src/modals/PromptManagerModal.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import Modal from './Modal';
 import { useRenderStore } from '../store';
 import type { Node } from '../types/Node';
@@ -102,12 +102,6 @@ function XmlEditorTab({
     setApplySuccess(false);
   }, [initialXml]);
 
-  const handleChange = useCallback((value: string) => {
-    setText(value);
-    setApplyError(null);
-    setApplySuccess(false);
-  }, []);
-
   const handleApply = () => {
     try {
       const parsed = xmlToNode(text);

package/src/pages/DebugJsonPage.tsx

@@ -12,7 +12,7 @@ import {
   isNodeString,
 } from '../utils/nodeGuards';
 
-export type DebugJsonPageProps = {
+type DebugJsonPageProps = {
   data: Node | null | undefined;
   setData: React.Dispatch<React.SetStateAction<Node>>;
   project?: unknown;

package/src/pages/ProjectDebug.tsx

@@ -123,7 +123,7 @@ function resolveNodeTypeAtPath(
     : {};
 }
 
-export type ProjectDebugProps = {
+type ProjectDebugProps = {
   name: string;
   rawData: unknown;
   validationError: string;

package/src/pages/ProjectMigrationPage.tsx

@@ -3,7 +3,7 @@ import type { Product } from '../paywall/types/paywall-types';
 import type { PaywallBenefits } from '../paywall/types/benefits';
 import { ProjectDebug } from './ProjectDebug';
 
-export type ProjectMigrationPageProps = {
+type ProjectMigrationPageProps = {
   name: string;
   rawData: unknown;
 

package/src/pages/ProjectPage.tsx

@@ -36,7 +36,7 @@ import { useProjectFonts } from '../hooks/useProjectFonts';
 import { resolveProjectForSave, toProjectMeta } from './projectPageUtils';
 import { getDefaultProject } from '../utils/getDefaultProject';
 import { CURRENT_PROJECT_VERSION } from '../migrations/migratePipe';
-export type ProjectPageProps = {
+type ProjectPageProps = {
   project: Project;
   // TODO: Tüm onSaveProject call-site'ları toProjectMeta kullanacak şekilde migrate et
   onSaveProject: (project: ProjectMeta) => void;

package/src/pages/ProjectValidationPage.tsx

@@ -6,7 +6,7 @@ import { safeJsonStringify } from '../utils/safeJsonStringify';
 import type { Node } from '../types/Node';
 import { wrapNodeInMain } from '../utils/wrapNodeInMain';
 
-export type ProjectValidationPageProps = {
+type ProjectValidationPageProps = {
   name: string;
   rawData: unknown;
   validationError: string;

package/src/pages/tabs/SideTool.tsx

@@ -13,7 +13,7 @@ type SideToolProps = {
   setData: React.Dispatch<React.SetStateAction<Node>>;
 };
 
-export function SideTool({ data, setData }: SideToolProps) {
+function SideTool({ data, setData }: SideToolProps) {
   useLogRender('SideTool');
   const [isDebugModalOpen, setIsDebugModalOpen] = useState(false);
   const [isLocalicationModalOpen, setIsLocalicationModalOpen] = useState(false);

package/src/utils/nodeXml.ts

@@ -135,8 +135,7 @@ function domElementToNode(el: Element): NodeData {
   const reserved = new Set(['key', 'sourceType', 'isMain']);
   const attributes: Record<string, unknown> = {};
 
-  for (let i = 0; i < el.attributes.length; i++) {
-    const attr = el.attributes[i];
+  for (const attr of Array.from(el.attributes)) {
     if (reserved.has(attr.name)) {
       if (attr.name === 'key') nodeData.key = attr.value;
       else if (attr.name === 'sourceType') nodeData.sourceType = attr.value;
@@ -152,8 +151,7 @@ function domElementToNode(el: Element): NodeData {
 
   // Children
   const childNodes: Node[] = [];
-  for (let i = 0; i < el.childNodes.length; i++) {
-    const child = el.childNodes[i];
+  for (const child of Array.from(el.childNodes)) {
     if (child.nodeType === 1) {
       // Element
       childNodes.push(domElementToNode(child as Element));

package/src/utils/parseColor.ts

@@ -14,28 +14,27 @@ export function parseColor(value?: string, options: ParseColorOptions = {}) {
   if (!trimmed) return undefined;
 
   const { projectColors, theme } = options;
-  if (!projectColors) return trimmed;
 
   if (trimmed.startsWith(STATIC_PREFIX)) {
     const token = trimmed.slice(STATIC_PREFIX.length);
-    const resolved = projectColors.STATIC_COLORS?.[token];
+    const resolved = projectColors?.STATIC_COLORS?.[token];
     return typeof resolved === 'string' && resolved.trim()
       ? resolved.trim()
-      : trimmed;
+      : null;
   }
 
   if (trimmed.startsWith(THEME_PREFIX)) {
     const token = trimmed.slice(THEME_PREFIX.length);
-    if (!token) return trimmed;
+    if (!token) return null;
 
     const resolvedTheme = theme ?? 'light';
-    const themeTokens = projectColors.THEME_COLORS?.[resolvedTheme];
+    const themeTokens = projectColors?.THEME_COLORS?.[resolvedTheme];
     const resolved = themeTokens?.[token];
     if (typeof resolved === 'string' && resolved.trim()) {
       return resolved.trim();
     }
 
-    return trimmed;
+    return null;
   }
 
   return trimmed;