update: renaming stuff from react to "revue"

src/container/EdgeRenderer/MarkerDefinitions.tsx

@@ -14,7 +14,7 @@ const Marker = defineComponent({
   setup(props, { slots }) {
     return () => (
       <marker
-        class="react-flow__arrowhead"
+        class="revue-flow__arrowhead"
         id={props.id}
         markerWidth="12.5"
         markerHeight="12.5"
@@ -44,7 +44,7 @@ const MarkerDefinitions = defineComponent({
   setup(props) {
     return () => (
       <defs>
-        <Marker id="react-flow__arrowclosed">
+        <Marker id="revue-flow__arrowclosed">
           <polyline
             stroke={props.color}
             stroke-linecap="round"
@@ -54,7 +54,7 @@ const MarkerDefinitions = defineComponent({
             points="-5,-4 0,0 -5,4 -5,-4"
           />
         </Marker>
-        <Marker id="react-flow__arrow">
+        <Marker id="revue-flow__arrow">
           <polyline
             stroke={props.color}
             stroke-linecap="round"

src/container/EdgeRenderer/index.tsx

@@ -318,7 +318,7 @@ const EdgeRenderer = defineComponent({
     const renderConnectionLine = computed(() => pinia.connectionNodeId && pinia.connectionHandleType);
 
     return () => (
-      <svg width={pinia.width} height={pinia.height} class="react-flow__edges">
+      <svg width={pinia.width} height={pinia.height} class="revue-flow__edges">
         <g transform={transformStyle.value}>
           {pinia.edges.map((edge: Edge) => (
             <EdgeCmp

src/container/FlowRenderer/index.tsx

@@ -189,7 +189,7 @@ const FlowRenderer = defineComponent({
         zoomActivationKeyCode={props.zoomActivationKeyCode}
       >
         {slots.default ? slots.default() : ''}
-        <div class="react-flow__pane" onClick={onClick} onContextmenu={onContextMenu} onWheel={onWheel} />
+        <div class="revue-flow__pane" onClick={onClick} onContextmenu={onContextMenu} onWheel={onWheel} />
       </ZoomPane>
     );
   }

src/container/NodeRenderer/index.tsx

@@ -133,7 +133,7 @@ const NodeRenderer = defineComponent({
     });
 
     return () => (
-      <div class="react-flow__nodes" style={transformStyle.value}>
+      <div class="revue-flow__nodes" style={transformStyle.value}>
         {visibleNodes.value.map((node) => {
           const nodeType = node.type || 'default';
           if (props.nodeTypes) {

src/container/RevueFlow/index.tsx

@@ -461,7 +461,7 @@ const RevueFlow = defineComponent({
 
     const nodeTypesParsed = computed(() => props.nodeTypes && createNodeTypes(props.nodeTypes));
     const edgeTypesParsed = computed(() => props.edgeTypes && createEdgeTypes(props.edgeTypes));
-    const reactFlowClasses = ['react-flow'];
+    const reactFlowClasses = ['revue-flow'];
 
     return () => (
       <div class={reactFlowClasses}>

src/container/ZoomPane/index.tsx

@@ -271,14 +271,14 @@ const ZoomPane = defineComponent({
 
           // when the target element is a node, we still allow zooming
           if (
-            (event.target.closest('.react-flow__node') || event.target.closest('.react-flow__edge')) &&
+            (event.target.closest('.revue-flow__node') || event.target.closest('.revue-flow__edge')) &&
             event.type !== 'wheel'
           ) {
             return false;
           }
 
           // when the target element is a node selection, we still allow zooming
-          if (event.target.closest('.react-flow__nodesselection') && event.type !== 'wheel') {
+          if (event.target.closest('.revue-flow__nodesselection') && event.type !== 'wheel') {
             return false;
           }
 
@@ -303,7 +303,7 @@ const ZoomPane = defineComponent({
     });
 
     return () => (
-      <div class="react-flow__renderer react-flow__zoompane" ref={zoomPane}>
+      <div class="revue-flow__renderer revue-flow__zoompane" ref={zoomPane}>
         {slots.default ? slots.default() : ''}
       </div>
     );