feat: Add Single Invoice Web Component

.gitignore

@@ -5,3 +5,4 @@ node_modules
 .turbo
 dist
 .svelte-kit
+vite.congig.ts.timestamp*

README.md

@@ -45,7 +45,7 @@ npm run link:all --app-path=../rn-checkout
 cd <project>
 
 # Use local packages instead of the deployed ones
-npm link @requestnetwork/create-invoice-form @requestnetwork/invoice-dashboard
+npm link @requestnetwork/create-invoice-form @requestnetwork/invoice-dashboard @requestnetwork/single-invoice
 npm link @requestnetwork/payment-widget
 ```
 

package.json

@@ -17,6 +17,7 @@
     "build:dashboard": "turbo run build --filter=@requestnetwork/invoice-dashboard",
     "build:stakeholder": "turbo run build --filter=@requestnetwork/add-stakeholder",
     "build:payment-widget": "turbo run build --filter=@requestnetwork/payment-widget",
+    "build:single-invoice": "turbo run build --filter=@requestnetwork/single-invoice",
     "link:react": "npm link $npm_config_app_path/node_modules/react $npm_config_app_path/node_modules/react-dom",
     "link:all": "npm run link:react --app-path=$npm_config_app_path && for d in packages/*; do (cd $d && npm link); done",
     "unlink:all": "for d in packages/*; do (cd $d && npm unlink); done"

packages/payment-widget/tsconfig.json

@@ -16,8 +16,8 @@
     "baseUrl": ".",
     "paths": {
       "$src/*": ["src/*"],
-      "$utils/*": ["src/lib/utils/*"],
-    },
+      "$utils/*": ["src/lib/utils/*"]
+    }
   },
-  "include": ["src/**/*", "src/*.d.ts"],
+  "include": ["src/**/*", "src/*.d.ts"]
 }

packages/single-invoice/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@requestnetwork/single-invoice",
+  "version": "0.1.0",
+  "main": "./dist/web-component.umd.cjs",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "npm run package",
+    "build:wc": "vite build -c vite.wc.config.ts",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && npm run build:wc && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "clean": "rm -rf dist && rm -rf .svelte-kit",
+    "check-release-type": "bash ../../scripts/check-release-type.sh",
+    "publish-next-release": "bash ../../scripts/publish-next-release.sh"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "require": "./dist/web-component.umd.cjs",
+      "default": "./dist/web-component.js"
+    },
+    "./react": {
+      "types": "./dist/react/SingleInvoice.d.ts",
+      "default": "./dist/react/SingleInvoice.jsx"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "dependencies": {
+    "@requestnetwork/payment-detection": "0.49.0",
+    "@requestnetwork/payment-processor": "0.52.0",
+    "@requestnetwork/request-client.js": "0.54.0",
+    "@wagmi/core": "^2.15.2",
+    "ethers": "^5.7.2",
+    "viem": "^2.21.53",
+    "wagmi": "^2.13.3"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/kit": "^1.27.4",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^2.5.2",
+    "publint": "^0.1.9",
+    "svelte": "^4.0.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "svelte-check": "^3.6.0",
+    "typescript": "^5.0.0",
+    "vite": "^4.4.2"
+  },
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

packages/single-invoice/src/lib/index.ts

@@ -0,0 +1 @@
+export { default as SingleInvoice } from "./single-invoice.svelte";