add rollup test

Kredeum · Feb 4, 2024 · f8d44f5 · f8d44f5
1 parent 567f0a8
commit f8d44f5
Show file tree

Hide file tree

Showing 10 changed files with 101 additions and 0 deletions.
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
@@ -3,6 +3,7 @@ packages:
   - common
   - contracts
   - gulp
+  - rollup
   - sveltekit
   - sveltekitb
   - wordpress
diff --git a/rollup/package.json b/rollup/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "rollup",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "clean": "rm -rf node_modules web/js",
+    "dev": "rollup --config --configPlugin typescript --watch",
+    "build": "rollup --config --configPlugin typescript"
+  },
+  "type": "module",
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^20.11.16",
+    "rollup": "^4.9.6",
+    "rollup-plugin-svelte": "^7.1.6",
+    "svelte": "^4.2.9",
+    "ts-node": "^10.9.2"
+  }
+}
diff --git a/rollup/rollup.config.ts b/rollup/rollup.config.ts
@@ -0,0 +1,21 @@
+// rollup.config.js
+import type { RollupOptions } from "rollup";
+
+import svelte from "rollup-plugin-svelte";
+import typescript from "@rollup/plugin-typescript";
+import json from "@rollup/plugin-json";
+import terser from "@rollup/plugin-terser";
+import nodeResolve from "@rollup/plugin-node-resolve";
+
+const config: RollupOptions = {
+  input: "src/main.ts",
+  output: {
+    file: "web/js/dapp.js",
+    format: "iife",
+    sourcemap: true,
+    name: "dapp",
+  },
+  plugins: [nodeResolve(), svelte(), typescript(), json(), terser()],
+};
+
+export default config;
diff --git a/rollup/src/Bonjour.svelte b/rollup/src/Bonjour.svelte
@@ -0,0 +1,5 @@
+<script  >
+  export let name  = "";
+</script>
+
+Hi {name}
diff --git a/rollup/src/main.ts b/rollup/src/main.ts
@@ -0,0 +1,11 @@
+import foo from "./version";
+import Bonjour from "./Bonjour.svelte";
+
+export default function () {
+  console.log(foo);
+
+  const target = document.querySelector("#bonjour");
+  if (!target) return;
+
+  new Bonjour({ target, props: { name: "vous" } });
+}
diff --git a/rollup/src/version.ts b/rollup/src/version.ts
@@ -0,0 +1,3 @@
+import { version } from "../package.json";
+
+export default `version ${version}`;
diff --git a/rollup/tsconfig.json b/rollup/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "lib": ["esnext", "DOM", "DOM.Iterable"],
+    "module": "esnext",
+    "target": "esnext",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+  },
+  "include": ["**/*.ts", "**/*.js"],
+  "exclude": ["node_modules"],
+}
diff --git a/rollup/web/index.html b/rollup/web/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+  <head>
+    <script defer src="../js/dapp.js"></script>
+  </head>
+  <body>
+    <h1 onclick="dapp()">DAPP</h1>
+
+    <div id="bonjour"></div>
+  </body>
+</html>
diff --git a/rollup/web/js/dapp.js b/rollup/web/js/dapp.js
diff --git a/rollup/web/js/dapp.js.map b/rollup/web/js/dapp.js.map
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { version } from "../package.json";

		export default `version ${version}`;