cleanup outdated caches :)
This commit is contained in:
parent
d945092b77
commit
53a7c486ce
2 changed files with 2 additions and 58 deletions
|
|
@ -1,58 +0,0 @@
|
||||||
import React, { useState } from "react";
|
|
||||||
import Draggable, { DraggableEvent, PositionOffsetControlPosition } from "react-draggable";
|
|
||||||
import pipeIcon from "../assets/components/pipeT.png";
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
onStart?: (event: DraggableEvent) => void;
|
|
||||||
onStop?: (event: DraggableEvent) => void;
|
|
||||||
offsetParent?: HTMLElement | Element | undefined;
|
|
||||||
positionOffset?: PositionOffsetControlPosition | undefined;
|
|
||||||
children?: any;
|
|
||||||
transform?: string;
|
|
||||||
selected?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function Drag(props: Props) {
|
|
||||||
const { onStart, onStop, children, selected } = props;
|
|
||||||
const [pointerEvents, setPointerEvents] = useState(true);
|
|
||||||
|
|
||||||
const myOnStart = (event: DraggableEvent) => {
|
|
||||||
if (onStart) onStart(event);
|
|
||||||
setPointerEvents(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
const myOnStop = (event: DraggableEvent) => {
|
|
||||||
if (onStop) onStop(event);
|
|
||||||
setPointerEvents(true);
|
|
||||||
};
|
|
||||||
|
|
||||||
const onDrag = (event: DraggableEvent) => {
|
|
||||||
console.log("drag");
|
|
||||||
};
|
|
||||||
|
|
||||||
const dragHandlers = { onStart: myOnStart, onStop: myOnStop };
|
|
||||||
return (
|
|
||||||
<Draggable {...dragHandlers} grid={[32, 32]} onDrag={onDrag}>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
position: "absolute",
|
|
||||||
width: 32,
|
|
||||||
height: 32,
|
|
||||||
backgroundColor: "red",
|
|
||||||
pointerEvents: pointerEvents ? "auto" : "none",
|
|
||||||
border: selected ? "1px solid yellow" : "none"
|
|
||||||
//transform: transform,
|
|
||||||
}}>
|
|
||||||
<img
|
|
||||||
style={{
|
|
||||||
pointerEvents: "none",
|
|
||||||
maxHeight: "100%",
|
|
||||||
maxWidth: "100%"
|
|
||||||
}}
|
|
||||||
src={pipeIcon}
|
|
||||||
alt="pipe"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</Draggable>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -9,10 +9,12 @@ export default defineConfig({
|
||||||
react(),
|
react(),
|
||||||
tsconfigPaths(),
|
tsconfigPaths(),
|
||||||
VitePWA({
|
VitePWA({
|
||||||
|
|
||||||
registerType: 'autoUpdate', // Automatically updates the service worker when a new version is available
|
registerType: 'autoUpdate', // Automatically updates the service worker when a new version is available
|
||||||
workbox: {
|
workbox: {
|
||||||
globPatterns: ['**/*.{js,css,html,png,jpg,svg}'], // Cache all common asset types
|
globPatterns: ['**/*.{js,css,html,png,jpg,svg}'], // Cache all common asset types
|
||||||
maximumFileSizeToCacheInBytes: 20 * 1024 * 1024, // 20 MiB
|
maximumFileSizeToCacheInBytes: 20 * 1024 * 1024, // 20 MiB
|
||||||
|
cleanupOutdatedCaches: true
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue