chore(examples): only use bundle

This commit is contained in:
moklick
2022-08-09 18:55:32 +02:00
parent affae72f7e
commit 0f835a2961
48 changed files with 194 additions and 513 deletions
@@ -1,10 +1,5 @@
import React, { memo, useCallback, Dispatch, FC } from 'react';
import {
useReactFlow,
Edge,
Node,
ReactFlowJsonObject,
} from '@react-flow/core';
import { useReactFlow, Edge, Node, ReactFlowJsonObject } from '@react-flow/bundle';
import localforage from 'localforage';
import styles from './save.module.css';
@@ -33,9 +28,7 @@ const Controls: FC<ControlsProps> = ({ setNodes, setEdges }) => {
const onRestore = useCallback(() => {
const restoreFlow = async () => {
const flow: ReactFlowJsonObject | null = await localforage.getItem(
flowKey
);
const flow: ReactFlowJsonObject | null = await localforage.getItem(flowKey);
if (flow) {
const { x, y, zoom } = flow.viewport;
+2 -5
View File
@@ -8,7 +8,7 @@ import {
Edge,
useNodesState,
useEdgesState,
} from '@react-flow/core';
} from '@react-flow/bundle';
import Controls from './Controls';
const initialNodes: Node[] = [
@@ -21,10 +21,7 @@ const initialEdges: Edge[] = [{ id: 'e1-2', source: '1', target: '2' }];
const SaveRestore = () => {
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
const onConnect = useCallback(
(params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)),
[setEdges]
);
const onConnect = useCallback((params: Connection | Edge) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
return (
<ReactFlowProvider>