convert to module

.gitignore

@@ -3,6 +3,8 @@ pnpm-debug.log*
 .pnpm-debug.log
 
 node_modules
+*~
+
+example/pnpm-lock.yaml
 example/dist
 example/dist-xdc
-*~

.prettierignore

@@ -1,4 +1,4 @@
 example/dist
 example/dist-xdc
-emulator/webxdc.js
+src/webxdc.js
 pnpm-lock.yaml

README.md

@@ -58,4 +58,4 @@ export default defineConfig({
 });
 ```
 
-For a full example check the [example](https://github.com/webxdc/vite-plugins/tree/master/example) folder.
+For a full example check the [example](https://github.com/webxdc/vite-plugins/tree/main/example) folder.

example/index.html

@@ -9,9 +9,13 @@
     <h1>Hello World</h1>
     <script>
       window.onload = () =>
-        window.webxdc.sendUpdate({
-          payload: "hello from " + window.webxdc.selfName,
-        });
+        window.webxdc.sendUpdate(
+          {
+            payload: null,
+            info: "hello from " + window.webxdc.selfName,
+          },
+          "",
+        );
     </script>
   </body>
 </html>

example/vite.config.js

@@ -1,12 +1,6 @@
 // example vite configuration
 
-import {
-  buildXDC,
-  eruda,
-  mockWebxdc,
-  legacy,
-  injectScript,
-} from "@webxdc/vite-plugins";
+import { buildXDC, eruda, mockWebxdc, legacy } from "@webxdc/vite-plugins";
 import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/

package.json

@@ -1,14 +1,38 @@
 {
   "name": "@webxdc/vite-plugins",
+  "description": "Collection of vite plugins for webxdc development",
   "version": "0.3.0",
+  "license": "MIT",
+  "author": "adbenitez",
+  "keywords": [
+    "webxdc",
+    "deltachat"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/webxdc/vite-plugins.git"
+  },
+  "bugs": {
+    "url": "https://github.com/webxdc/vite-plugins/issues"
+  },
+  "homepage": "https://github.com/webxdc/vite-plugins",
+  "main": "./src/index.js",
+  "module": "./src/index.js",
+  "source": "./src/index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./src/index.js"
+    }
+  },
   "scripts": {
     "fix": "prettier --write .",
     "check": "prettier --check ."
   },
-  "main": "src/index.js",
   "dependencies": {
     "@vitejs/plugin-legacy": "^5.4.3",
     "eruda": "^3.4.1",
+    "terser": "^5.36.0",
     "vite-plugin-zip-pack": "^1.2.4"
   },
   "devDependencies": {

src/build_xdc.js → src/build-xdc.js

@@ -1,14 +1,14 @@
-const zipPack = require("vite-plugin-zip-pack").default;
+import zipPack from "vite-plugin-zip-pack";
 
 function defaultFilter(fileName, filePath, isDirectory) {
   return !fileName.endsWith("~");
 }
 
 // package your app as .xdc file on build
-exports.buildXDC = function (opts = {}) {
+export function buildXDC(opts = {}) {
   opts = Object.assign(
     { outDir: "dist-xdc", outFileName: "app.xdc", filter: defaultFilter },
     opts,
   );
   return zipPack(opts);
-};
+}

src/eruda.js

@@ -1,7 +1,10 @@
-const readFileSync = require("node:fs").readFileSync;
+import { readFileSync } from "node:fs";
+import { createRequire } from "node:module";
+
+const require = createRequire(import.meta.url);
 
 // inject eruda dev tools in your app for debugging in end devices if NODE_ENV=debug is set
-exports.eruda = function (debug = undefined) {
+export function eruda(debug = undefined) {
   const erudaSrc = readFileSync(require.resolve("eruda"), "utf-8");
   return {
     name: "vite-plugin-eruda",
@@ -38,4 +41,4 @@ exports.eruda = function (debug = undefined) {
       }
     },
   };
-};
+}

src/index.js

@@ -1,19 +1,14 @@
-const buildXDC = require("./build_xdc").buildXDC;
-const eruda = require("./eruda").eruda;
-const mockWebxdc = require("./mock_webxdc").mockWebxdc;
-const legacy = require("./legacy").legacy;
-
-exports.buildXDC = buildXDC;
-exports.eruda = eruda;
-exports.mockWebxdc = mockWebxdc;
-exports.legacy = legacy;
+import { buildXDC } from "./build-xdc.js";
+import { eruda } from "./eruda.js";
+import { mockWebxdc } from "./mock-webxdc.js";
+import { legacy } from "./legacy.js";
 
 /**
  * The recommended Vite config for a Webxdc app.
  *
  * @returns The recommended Vite config for a Webxdc app.
  */
-exports.webxdcViteConfig = function (options = {}) {
+export const webxdcViteConfig = function (options = {}) {
   options = Object.assign(
     { plugins: [buildXDC(), eruda(), legacy(), mockWebxdc()] },
     options,
@@ -26,10 +21,12 @@ exports.webxdcViteConfig = function (options = {}) {
  *
  * @returns Vite config for a Webxdc app.
  */
-exports.webxdcViteConfigNoLegacy = function (options = {}) {
+export const webxdcViteConfigNoLegacy = function (options = {}) {
   options = Object.assign(
     { plugins: [buildXDC(), eruda(), mockWebxdc()] },
     options,
   );
   return options;
 };
+
+export { buildXDC, eruda, mockWebxdc, legacy };

src/legacy.js

@@ -1,10 +1,10 @@
-const _legacy = require("@vitejs/plugin-legacy");
+import _legacy from "@vitejs/plugin-legacy";
 
 // convert your code to be compatible with legacy browsers and adds polyfills
-exports.legacy = function (opts = {}) {
+export function legacy(opts = {}) {
   opts = Object.assign(
     { targets: ["ChromeAndroid >=37", "iOS >=11"], renderModernChunks: false },
     opts,
   );
   return _legacy(opts);
-};
+}

src/mock_webxdc.js → src/mock-webxdc.js

@@ -1,8 +1,8 @@
-const readFileSync = require("node:fs").readFileSync;
+import { readFileSync } from "node:fs";
 
 // serve a mock webxdc.js file in development mode to fake webxdc API while developing in the browser
-exports.mockWebxdc = function (
-  path = "./node_modules/@webxdc/vite-plugins/emulator/webxdc.js",
+export function mockWebxdc(
+  path = "./node_modules/@webxdc/vite-plugins/src/webxdc.js",
 ) {
   const scriptSrc = readFileSync(path, "utf-8");
   return {
@@ -17,4 +17,4 @@ exports.mockWebxdc = function (
       });
     },
   };
-};
+}