feat(): use vite to run dev server

rongjun.qiu · rongjun.qiu · commit 3aa6ce6fe7c9 · 2023-05-26T14:31:11.000+08:00
diff --git a/demo/index.html b/demo/index.html
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Canvas Text Editor</title>
+  <meta name="description" content="">
+  <meta name="keywords" content="">
+  <script src="./lib/index.js" type="module"></script>
+</head>
+<body>
+</body>
+</html>
diff --git a/lib/CanvasTextEditor.js b/lib/CanvasTextEditor.js
@@ -1,8 +1,8 @@
 "use strict";
 
-var FontMetrics = require('FontMetrics'),
-    Document = require('Document'),
-    Selection = require('Selection');
+var FontMetrics = require('./FontMetrics'),
+    Document = require('./Document'),
+    Selection = require('./Selection');
 
 /**
  * Simple plain-text text editor using html5 canvas.
diff --git a/lib/index.js b/lib/index.js
@@ -0,0 +1,23 @@
+import CanvasTextEditor from "./CanvasTextEditor.js";
+import Document from "./Document.js";
+
+document.addEventListener(
+  "DOMContentLoaded",
+  function () {
+    var text = "",
+      characterCount = 0,
+      aCharCode = "a".charCodeAt(0);
+    for (var i = 0; i < 100; i++) {
+      characterCount = Math.floor(Math.random() * 120);
+      for (var j = 0; j < characterCount; j++) {
+        text += String.fromCharCode(aCharCode + Math.floor(Math.random() * 26));
+      }
+      text += "\n";
+    }
+    var doc = new Document(text),
+        editor = new CanvasTextEditor(doc);
+    document.body.appendChild(editor.getEl());
+    editor.focus();
+  },
+  false
+);
diff --git a/package.json b/package.json
@@ -6,10 +6,15 @@
   "engines": {
     "node": ">= 0.4.x < 0.7.0"
   },
+  "scripts": {
+    "dev": "vite"
+  },
   "devDependencies": {
     "coffee-script": "latest",
+    "express": "latest",
     "stitch": "latest",
     "uglify-js": "latest",
-    "express": "latest"
+    "vite": "^4.3.8",
+    "vite-plugin-commonjs": "^0.7.1"
   }
 }
diff --git a/vite.config.js b/vite.config.js
@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import commonjs from "vite-plugin-commonjs";
+
+export default defineConfig({
+  plugins: [commonjs(/* options */)],
+});
diff --git a/yarn.lock b/yarn.lock
