initial commit

plugins/visual-editor/vite-plugin-edit-mode.js

@@ -0,0 +1,32 @@
+import { readFileSync } from 'fs';
+import { resolve } from 'path';
+import { fileURLToPath } from 'url';
+import { EDIT_MODE_STYLES } from './visual-editor-config';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = resolve(__filename, '..');
+
+export default function inlineEditDevPlugin() {
+	return {
+		name: 'vite:inline-edit-dev',
+		apply: 'serve',
+		transformIndexHtml() {
+			const scriptPath = resolve(__dirname, 'edit-mode-script.js');
+			const scriptContent = readFileSync(scriptPath, 'utf-8');
+
+			return [
+				{
+					tag: 'script',
+					attrs: { type: 'module' },
+					children: scriptContent,
+					injectTo: 'body'
+				},
+				{
+					tag: 'style',
+					children: EDIT_MODE_STYLES,
+					injectTo: 'head'
+				}
+			];
+		}
+	};
+}