Update

Siyu1017 · Apr 2, 2024 · 0db47ac · 0db47ac
1 parent eb2a168
commit 0db47ac
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/dist/index.26839b.js b/dist/index.26839b.js
diff --git a/dist/index.46bddd.js b/dist/index.46bddd.js
diff --git a/dist/index.html b/dist/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Draw - Untitled</title><link rel="stylesheet" href="./draw.css"><script defer="defer" src="index.46bddd.js"></script><link href="index.a54b1d.css" rel="stylesheet"></head><body><div class="editor"><div class="top"><div class="action-bar unloaded" id="actions"><div class="action" data-action="file"><div class="action-title">File</div><div class="action-popup" action-popup="file"><div class="item" disabled="disabled"><div class="command-name">Open ( unfinished )</div><div class="command-key">Ctrl+O</div></div><div class="separation-line"></div><div class="item" disabled="disabled"><div class="command-name">Save ( unfinished )</div><div class="command-key">Ctrl+S</div></div><div class="item popup" id="download"><div class="command-name">Download</div><div class="command-key">Ctrl+Shift+S</div></div></div></div><div class="action" data-action="edit"><div class="action-title">Edit</div><div class="action-popup" action-popup="edit"><div class="item" disabled="disabled" id="undo"><div class="command-name">Undo</div><div class="command-key">Ctrl+Z</div></div><div class="item" disabled="disabled" id="redo"><div class="command-name">Redo</div><div class="command-key">Ctrl+Y</div></div><div class="separation-line"></div><div class="item" disabled="disabled"><div class="command-name">Cut ( unfinished )</div><div class="command-key">Ctrl+X</div></div><div class="item" disabled="disabled"><div class="command-name">Copy ( unfinished )</div><div class="command-key">Ctrl+C</div></div><div class="item" disabled="disabled"><div class="command-name">Paste ( unfinished )</div><div class="command-key">Ctrl+V</div></div></div></div><div class="action" data-action="version"><div class="action-title">Autocorrect</div><div class="action-popup" action-popup="version" data-select-group-parent="algorithm"><div class="item select" data-select-group="algorithm" data-select-value=""><div class="command-name">Close</div></div><div class="item select selected" data-select-group="algorithm" data-select-value="DouglasPeucker"><div class="command-name">Douglas-Peucker algorithm</div></div><div class="item select" data-select-group="algorithm" data-select-value="RamerDouglasPeucker"><div class="command-name">Ramer-Douglas-Peucker algorithm</div></div><div class="item select" data-select-group="algorithm" data-select-value="VisvalingamWhyatt"><div class="command-name">Visvalingam-Whyatt algorithm</div></div></div></div></div></div><div class="bottom"><div class="mode-bar unloaded" id="modes"><div class="modes"><div class="mode" data-mode="select"><div class="mode-icon"><svg class="svg-24" height="24" preserveaspectratio="xMidYMid meet" viewbox="0 0 100 100" width="24" x="0" xmlns="http://www.w3.org/2000/svg" y="0" fill="currentColor"><path class="svg-stroke-primary" d="M64,64,56.8,82.1,42.3,42.3,82.1,56.8Zm0,0L82.1,82.1M35.8,17.9l2.8,10.5M28.4,38.6,17.9,35.8M60.2,24.4l-7.6,7.7M32.1,52.6l-7.7,7.6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="6"></path></svg></div></div><div class="mode active" data-mode="draw" data-popup="pen"><div class="mode-icon"><svg class="svg-24" height="100" preserveaspectratio="xMidYMid meet" viewbox="0 0 100 100" width="100" x="0" xmlns="http://www.w3.org/2000/svg" y="0"><path class="svg-stroke-primary" d="M61.5,25.9,74,38.5M66.8,20.6A8.9,8.9,0,0,1,79.3,33.2L30.5,82H18.1V69.3Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="6"></path></svg></div><div class="mode-popup" popup-name="pen"><div class="pen-size group"><label>Size ( px )</label> <input type="number" min="1" max="48" id="size"></div><div class="pen-color group"><label>Color ( current color : <span class="preview-color" id="preview-color"></span> )</label><div class="colors" id="colors"></div></div></div></div></div><div class="helps"></div></div><div class="painter unloaded" id="painter"><div class="painter-mask" id="mask"><canvas id="mp" hidden class="canvas"></canvas><canvas id="select" hidden class="canvas"></canvas><canvas id="canvas" hidden class="canvas"></canvas><canvas id="image" hidden class="canvas"></canvas></div></div></div></div><script src="./draw.js" defer="defer"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Draw - Untitled</title><script defer="defer" src="index.26839b.js"></script><link href="index.a54b1d.css" rel="stylesheet"></head><body><div class="editor"><div class="top"><div class="action-bar unloaded" id="actions"><div class="action" data-action="file"><div class="action-title">File</div><div class="action-popup" action-popup="file"><div class="item" disabled="disabled"><div class="command-name">Open ( unfinished )</div><div class="command-key">Ctrl+O</div></div><div class="separation-line"></div><div class="item" disabled="disabled"><div class="command-name">Save ( unfinished )</div><div class="command-key">Ctrl+S</div></div><div class="item popup" id="download"><div class="command-name">Download</div><div class="command-key">Ctrl+Shift+S</div></div></div></div><div class="action" data-action="edit"><div class="action-title">Edit</div><div class="action-popup" action-popup="edit"><div class="item" disabled="disabled" id="undo"><div class="command-name">Undo</div><div class="command-key">Ctrl+Z</div></div><div class="item" disabled="disabled" id="redo"><div class="command-name">Redo</div><div class="command-key">Ctrl+Y</div></div><div class="separation-line"></div><div class="item" disabled="disabled"><div class="command-name">Cut ( unfinished )</div><div class="command-key">Ctrl+X</div></div><div class="item" disabled="disabled"><div class="command-name">Copy ( unfinished )</div><div class="command-key">Ctrl+C</div></div><div class="item" disabled="disabled"><div class="command-name">Paste ( unfinished )</div><div class="command-key">Ctrl+V</div></div></div></div><div class="action" data-action="version"><div class="action-title">Autocorrect</div><div class="action-popup" action-popup="version" data-select-group-parent="algorithm"><div class="item select" data-select-group="algorithm" data-select-value=""><div class="command-name">Close</div></div><div class="item select selected" data-select-group="algorithm" data-select-value="DouglasPeucker"><div class="command-name">Douglas-Peucker algorithm</div></div><div class="item select" data-select-group="algorithm" data-select-value="RamerDouglasPeucker"><div class="command-name">Ramer-Douglas-Peucker algorithm</div></div><div class="item select" data-select-group="algorithm" data-select-value="VisvalingamWhyatt"><div class="command-name">Visvalingam-Whyatt algorithm</div></div></div></div></div></div><div class="bottom"><div class="mode-bar unloaded" id="modes"><div class="modes"><div class="mode" data-mode="select"><div class="mode-icon"><svg class="svg-24" height="24" preserveaspectratio="xMidYMid meet" viewbox="0 0 100 100" width="24" x="0" xmlns="http://www.w3.org/2000/svg" y="0" fill="currentColor"><path class="svg-stroke-primary" d="M64,64,56.8,82.1,42.3,42.3,82.1,56.8Zm0,0L82.1,82.1M35.8,17.9l2.8,10.5M28.4,38.6,17.9,35.8M60.2,24.4l-7.6,7.7M32.1,52.6l-7.7,7.6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="6"></path></svg></div></div><div class="mode active" data-mode="draw" data-popup="pen"><div class="mode-icon"><svg class="svg-24" height="100" preserveaspectratio="xMidYMid meet" viewbox="0 0 100 100" width="100" x="0" xmlns="http://www.w3.org/2000/svg" y="0"><path class="svg-stroke-primary" d="M61.5,25.9,74,38.5M66.8,20.6A8.9,8.9,0,0,1,79.3,33.2L30.5,82H18.1V69.3Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="6"></path></svg></div><div class="mode-popup" popup-name="pen"><div class="pen-size group"><label>Size ( px )</label> <input type="number" min="1" max="48" id="size"></div><div class="pen-color group"><label>Color ( current color : <span class="preview-color" id="preview-color"></span> )</label><div class="colors" id="colors"></div></div></div></div></div><div class="helps"></div></div><div class="painter unloaded" id="painter"><div class="painter-mask" id="mask"><canvas id="mp" hidden class="canvas"></canvas><canvas id="select" hidden class="canvas"></canvas><canvas id="canvas" hidden class="canvas"></canvas><canvas id="image" hidden class="canvas"></canvas></div></div></div></div></body></html>
diff --git a/src/draw.html b/src/draw.html
@@ -5,7 +5,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Draw - Untitled</title>
-    <link rel="stylesheet" href="./draw.css">
 </head>
 
 <body>
@@ -127,7 +126,6 @@
             </div>
         </div>
     </div>
-    <script src="./draw.js" defer></script>
 </body>
 
 </html>
diff --git a/src/draw.js b/src/draw.js
@@ -1,10 +1,10 @@
 "use strict";
 
-import "./dragger.min.js";
-import "./hdcanvas.js";
-import "./DouglasPeucker.js";
-import "./RamerDouglasPeucker.js";
-import "./VisvalingamWhyatt.js";
+import dragger from "./dragger.min.js";
+import createHDCanvas from "./hdcanvas.js";
+import DouglasPeucker from "./DouglasPeucker.js";
+import RamerDouglasPeucker from "./RamerDouglasPeucker.js";
+import VisvalingamWhyatt from "./VisvalingamWhyatt.js";
 // importScript("./lineWorker.js");
 
 var colors = ['rgb(0, 0, 0)', 'rgb(38, 38, 38)', 'rgb(89, 89, 89)', 'rgb(140, 140, 140)', 'rgb(191, 191, 191)', 'rgb(217, 217, 217)', 'rgb(233, 233, 233)', 'rgb(245, 245, 245)', 'rgb(250, 250, 250)', 'rgb(255, 255, 255)', 'rgb(225, 60, 57)', 'rgb(231, 95, 51)', 'rgb(235, 144, 58)', 'rgb(245, 219, 77)', 'rgb(114, 192, 64)', 'rgb(89, 191, 192)', 'rgb(66, 144, 247)', 'rgb(54, 88, 226)', 'rgb(106, 57, 201)', 'rgb(216, 68, 147)', 'rgb(251, 233, 230)', 'rgb(252, 237, 225)', 'rgb(252, 239, 212)', 'rgb(252, 251, 207)', 'rgb(231, 246, 213)', 'rgb(218, 244, 240)', 'rgb(217, 237, 250)', 'rgb(224, 232, 250)', 'rgb(237, 225, 248)', 'rgb(246, 226, 234)', 'rgb(255, 163, 158)', 'rgb(255, 187, 150)', 'rgb(255, 213, 145)', 'rgb(255, 251, 143)', 'rgb(183, 235, 143)', 'rgb(135, 232, 222)', 'rgb(145, 213, 255)', 'rgb(173, 198, 255)', 'rgb(211, 173, 247)', 'rgb(255, 173, 210)', 'rgb(255, 77, 79)', 'rgb(255, 122, 69)', 'rgb(255, 169, 64)', 'rgb(255, 236, 61)', 'rgb(115, 209, 61)', 'rgb(54, 207, 201)', 'rgb(64, 169, 255)', 'rgb(89, 126, 247)', 'rgb(146, 84, 222)', 'rgb(247, 89, 171)', 'rgb(207, 19, 34)', 'rgb(212, 56, 13)', 'rgb(212, 107, 8)', 'rgb(212, 177, 6)', 'rgb(56, 158, 13)', 'rgb(8, 151, 156)', 'rgb(9, 109, 217)', 'rgb(29, 57, 196)', 'rgb(83, 29, 171)', 'rgb(196, 29, 127)', 'rgb(130, 0, 20)', 'rgb(135, 20, 0)', 'rgb(135, 56, 0)', 'rgb(97, 71, 0)', 'rgb(19, 82, 0)', 'rgb(0, 71, 79)', 'rgb(0, 58, 140)', 'rgb(6, 17, 120)', 'rgb(34, 7, 94)', 'rgb(120, 6, 80)'];

diff --git a/webpack.config.js b/webpack.config.js
@@ -13,6 +13,7 @@ module.exports = {
     mode: process.env.NODE_ENV,
     devtool: 'hidden-source-map',
     output: {
+        path: path.resolve(__dirname, 'dist'),
         filename: '[name].[contenthash].js',
         hashDigestLength: 6
     },
@@ -29,6 +30,7 @@ module.exports = {
         minimizer: [new TerserWebpackPlugin()],
     },
     plugins: [
+        new CleanWebpackPlugin(),
         new MiniCssExtractPlugin({
             filename: '[name].[contenthash].css'
         }),