update: renaming stuff from react to "revue"

src/components/Edges/BezierEdge.tsx

@@ -157,7 +157,7 @@ const BezierEdge = defineComponent({
 
     return () => (
       <>
-        <path style={props.style} d={path.value} class="react-flow__edge-path" marker-end={markerEnd} />
+        <path style={props.style} d={path.value} class="revue-flow__edge-path" marker-end={markerEnd} />
         {text}
       </>
     );

src/components/Edges/EdgeAnchor.tsx

@@ -44,7 +44,7 @@ export const EdgeAnchor = defineComponent({
     const radius = props.radius || 10;
     return () => (
       <circle
-        class="react-flow__edgeupdater"
+        class="revue-flow__edgeupdater"
         cx={shiftX(props.centerX, radius, props.position)}
         cy={shiftY(props.centerY, radius, props.position)}
         r={radius}

src/components/Edges/EdgeText.tsx

@@ -62,7 +62,7 @@ const EdgeText = defineComponent({
     return (
       <g
         transform={`translate(${props.x - edgeTextBox.value.width / 2} ${props.y - edgeTextBox.value.height / 2})`}
-        class="react-flow__edge-textwrapper"
+        class="revue-flow__edge-textwrapper"
       >
         {props.labelShowBg && (
           <rect
@@ -70,13 +70,13 @@ const EdgeText = defineComponent({
             x={-props.labelBgPadding[0]}
             y={-props.labelBgPadding[1]}
             height={edgeTextBox.value.height + 2 * props.labelBgPadding[1]}
-            class="react-flow__edge-textbg"
+            class="revue-flow__edge-textbg"
             style={props.labelBgStyle}
             rx={props.labelBgBorderRadius}
             ry={props.labelBgBorderRadius}
           />
         )}
-        <text class="react-flow__edge-text" y={edgeTextBox.value.height / 2} dy="0.3em" ref={edgeRef} style={props.labelStyle}>
+        <text class="revue-flow__edge-text" y={edgeTextBox.value.height / 2} dy="0.3em" ref={edgeRef} style={props.labelStyle}>
           {label}
         </text>
         {slots.default ? slots.default() : ''}

src/components/Edges/SmoothStepEdge.tsx

@@ -131,7 +131,7 @@ const SmoothStepEdge = defineComponent({
 
     return (
       <>
-        <path style={props.style} class="react-flow__edge-path" d={path} marker-end={markerEnd} />
+        <path style={props.style} class="revue-flow__edge-path" d={path} marker-end={markerEnd} />
         {text}
       </>
     );

src/components/Edges/StraightEdge.tsx

@@ -31,7 +31,7 @@ const StraightEdge = defineComponent({
       <>
         <path
           style={props.style}
-          class="react-flow__edge-path"
+          class="revue-flow__edge-path"
           d={`M ${props.sourceX},${props.sourceY}L ${props.targetX},${props.targetY}`}
           marker-end={markerEnd}
         />

src/components/Edges/utils.ts

@@ -5,7 +5,7 @@ export const getMarkerEnd = (arrowHeadType?: ArrowHeadType, markerEndId?: string
     return `url(#${markerEndId})`;
   }
 
-  return typeof arrowHeadType !== 'undefined' ? `url(#react-flow__${arrowHeadType})` : 'none';
+  return typeof arrowHeadType !== 'undefined' ? `url(#revue-flow__${arrowHeadType})` : 'none';
 };
 
 export interface GetCenterParams {

src/components/Edges/wrapEdge.tsx

@@ -14,8 +14,8 @@ export default (EdgeComponent: any): Component<EdgeProps> => {
       const updating = ref<boolean>(false);
       const inactive = !props.elementsSelectable && !props.onClick;
       const edgeClasses = computed(() => [
-        'react-flow__edge',
-        `react-flow__edge-${props.type}`,
+        'revue-flow__edge',
+        `revue-flow__edge-${props.type}`,
         { selected: props.selected, animated: props.animated, inactive, updating: updating.value }
       ]);