Replace RF component selector with new type

src/common/common-types.ts

@@ -254,6 +254,7 @@ export type OfKind<T extends { readonly kind: string }, Kind extends T['kind']>
     : never;
 
 export type NodeKind = 'regularNode' | 'newIterator' | 'collector';
+export type NodeType = 'backendNode';
 
 export type InputData = Readonly<Record<InputId, InputValue>>;
 export type InputHeight = Readonly<Record<InputId, number>>;

src/common/migrations.ts

@@ -1921,6 +1921,13 @@ const saveVideoInputPR2514: ModernMigration = (data) => {
     return data;
 };
 
+const updateNodeTypesToKinds: ModernMigration = (data) => {
+    data.nodes.forEach((node) => {
+        node.type = 'backendNode';
+    });
+    return data;
+};
+
 // ==============
 
 const versionToMigration = (version: string) => {
@@ -1978,6 +1985,7 @@ const migrations = [
     createBorderEdgesTileFillToPad,
     unifiedResizeNode,
     saveVideoInputPR2514,
+    updateNodeTypesToKinds,
 ];
 
 export const currentMigration = migrations.length;

src/renderer/helpers/reactFlowUtil.ts

@@ -14,10 +14,8 @@ export const createNode = (
     schemata: SchemaMap,
     selected = false
 ): Node<NodeData> => {
-    const schema = schemata.get(data.schemaId);
-
     const newNode: Node<Mutable<NodeData>> = {
-        type: schema.kind,
+        type: 'backendNode',
         id,
         position: { ...position },
         data: {

src/renderer/main.tsx

@@ -3,7 +3,7 @@ import { memo, useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { EdgeTypes, NodeTypes, ReactFlowProvider } from 'reactflow';
 import { useContext } from 'use-context-selector';
-import { NodeKind } from '../common/common-types';
+import { NodeType } from '../common/common-types';
 import { getLocalStorage, getStorageKeys } from '../common/util';
 import { ChaiNNerLogo } from './components/chaiNNerLogo';
 import { CustomEdge } from './components/CustomEdge/CustomEdge';
@@ -22,10 +22,8 @@ import { SettingsProvider } from './contexts/SettingsContext';
 import { useIpcRendererListener } from './hooks/useIpcRendererListener';
 import { useLastWindowSize } from './hooks/useLastWindowSize';
 
-const nodeTypes: NodeTypes & Record<NodeKind, unknown> = {
-    regularNode: Node,
-    newIterator: Node,
-    collector: Node,
+const nodeTypes: NodeTypes & Record<NodeType, unknown> = {
+    backendNode: Node,
 };
 const edgeTypes: EdgeTypes = {
     main: CustomEdge,