(null);
+ useEffect(() => {
+ provider.request({ method: "eth_chainId" }).then((chainId) => {
+ setChainId(chainId);
+ });
+
+ const listener = (chainId: string) => {
+ setChainId(chainId);
+ };
+ provider.on("chainChanged", listener);
+
+ return () => {
+ provider.removeListener("chainChanged", listener);
+ };
+ }, []);
+ return chainId;
+};
+
+function App() {
+ const accounts = useSyncExternalStore(
+ accountStore.subscribe,
+ accountStore.getAccounts,
+ accountStore.getAccounts
+ );
+ const chainId = useChainId();
+
+ return (
+ <>
+
+
Account
+
+ Address:{" "}
+ {accounts
+ ?.map((address) => `${address.slice(0, 4)}...${address.slice(-8)}`)
+ .join(", ")}
+
+ Chain ID: {chainId}
+
+
+
+
+ );
+}
+
+export default function Home() {
+ return (
+
+
+
+ );
+}
diff --git a/examples/with-next/tailwind.config.ts b/examples/with-next/tailwind.config.ts
new file mode 100644
index 0000000..e9a0944
--- /dev/null
+++ b/examples/with-next/tailwind.config.ts
@@ -0,0 +1,20 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ extend: {
+ backgroundImage: {
+ "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+ "gradient-conic":
+ "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+ },
+ },
+ },
+ plugins: [],
+};
+export default config;
diff --git a/examples/with-next/tsconfig.json b/examples/with-next/tsconfig.json
new file mode 100644
index 0000000..7b28589
--- /dev/null
+++ b/examples/with-next/tsconfig.json
@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
+}
diff --git a/examples/with-tailwind/.gitignore b/examples/with-tailwind/.gitignore
new file mode 100644
index 0000000..468f82a
--- /dev/null
+++ b/examples/with-tailwind/.gitignore
@@ -0,0 +1,175 @@
+# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
+
+# Logs
+
+logs
+_.log
+npm-debug.log_
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Caches
+
+.cache
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# Runtime data
+
+pids
+_.pid
+_.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+
+lib-cov
+
+# Coverage directory used by tools like istanbul
+
+coverage
+*.lcov
+
+# nyc test coverage
+
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+
+bower_components
+
+# node-waf configuration
+
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+
+build/Release
+
+# Dependency directories
+
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+
+web_modules/
+
+# TypeScript cache
+
+*.tsbuildinfo
+
+# Optional npm cache directory
+
+.npm
+
+# Optional eslint cache
+
+.eslintcache
+
+# Optional stylelint cache
+
+.stylelintcache
+
+# Microbundle cache
+
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+
+.node_repl_history
+
+# Output of 'npm pack'
+
+*.tgz
+
+# Yarn Integrity file
+
+.yarn-integrity
+
+# dotenv environment variable files
+
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+
+.parcel-cache
+
+# Next.js build output
+
+.next
+out
+
+# Nuxt.js build / generate output
+
+.nuxt
+dist
+
+# Gatsby files
+
+# Comment in the public line in if your project uses Gatsby and not Next.js
+
+# https://nextjs.org/blog/next-9-1#public-directory-support
+
+# public
+
+# vuepress build output
+
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+
+.temp
+
+# Docusaurus cache and generated files
+
+.docusaurus
+
+# Serverless directories
+
+.serverless/
+
+# FuseBox cache
+
+.fusebox/
+
+# DynamoDB Local files
+
+.dynamodb/
+
+# TernJS port file
+
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+
+.vscode-test
+
+# yarn v2
+
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store
diff --git a/examples/with-tailwind/README.md b/examples/with-tailwind/README.md
new file mode 100644
index 0000000..b5a0e62
--- /dev/null
+++ b/examples/with-tailwind/README.md
@@ -0,0 +1,15 @@
+# @evmos/demo-with-tailwind
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run index.ts
+```
+
+This project was created using `bun init` in bun v1.0.25. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
diff --git a/examples/with-tailwind/package.json b/examples/with-tailwind/package.json
new file mode 100644
index 0000000..d42b168
--- /dev/null
+++ b/examples/with-tailwind/package.json
@@ -0,0 +1,13 @@
+{
+ "name": "@evmos/demo-with-tailwind",
+ "type": "module",
+ "devDependencies": {},
+ "peerDependencies": {
+ "typescript": "^5.0.0"
+ },
+ "dependencies": {
+ "autoprefixer": "^10.4.17",
+ "postcss": "^8.4.34",
+ "tailwindcss": "^3.4.1"
+ }
+}
diff --git a/examples/with-tailwind/postcss.config.js b/examples/with-tailwind/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/examples/with-tailwind/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/examples/with-tailwind/src/index.css b/examples/with-tailwind/src/index.css
new file mode 100644
index 0000000..65dd5f6
--- /dev/null
+++ b/examples/with-tailwind/src/index.css
@@ -0,0 +1 @@
+@tailwind utilities;
diff --git a/examples/with-tailwind/src/index.tsx b/examples/with-tailwind/src/index.tsx
new file mode 100644
index 0000000..1d8a0f9
--- /dev/null
+++ b/examples/with-tailwind/src/index.tsx
@@ -0,0 +1,54 @@
+import "./index.css";
+import { useEffect } from "react";
+import { useAccount, useReadContracts } from "wagmi";
+import { erc20Abi, formatUnits } from "viem";
+// import { createClient } from "@evmos/dappstore-sdk";
+const EVMOS_ERC20_ADDRESS = "0xD4949664cD82660AaE99bEdc034a0deA8A0bd517";
+// const client = createClient();
+export default function Widget() {
+ const { address, isConnected } = useAccount();
+
+ const {
+ data: ercTokenBalance,
+ error,
+ isFetching,
+ } = useReadContracts({
+ allowFailure: false,
+ contracts: [
+ {
+ address: EVMOS_ERC20_ADDRESS,
+ abi: erc20Abi,
+ functionName: "balanceOf",
+ args: address ? [address] : undefined,
+ },
+ {
+ address: EVMOS_ERC20_ADDRESS,
+ abi: erc20Abi,
+ functionName: "decimals",
+ },
+ ],
+ });
+
+ // useEffect(() => {
+ // // console.log(client);
+ // client.request("ping");
+ // return client.subscribe();
+ // }, []);
+ const shortenedAddress = address
+ ? `${address.slice(0, 4)}...${address.slice(-4)}`
+ : null;
+
+ return (
+
+
Hello, {isConnected ? shortenedAddress : "World!"}
+ {isFetching &&
Loading balance
}
+ {ercTokenBalance && (
+
+ Your Evmos Balance is:{" "}
+ {formatUnits(ercTokenBalance[0], ercTokenBalance[1])}
+
+ )}
+ {error &&
Error: {error.name}
}
+
+
+
+ );
+}
+
+export default App;
diff --git a/examples/with-vite/src/assets/react.svg b/examples/with-vite/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/examples/with-vite/src/assets/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/examples/with-vite/src/index.css b/examples/with-vite/src/index.css
new file mode 100644
index 0000000..6119ad9
--- /dev/null
+++ b/examples/with-vite/src/index.css
@@ -0,0 +1,68 @@
+:root {
+ font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+
+ color-scheme: light dark;
+ color: rgba(255, 255, 255, 0.87);
+ background-color: #242424;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+a:hover {
+ color: #535bf2;
+}
+
+body {
+ margin: 0;
+ display: flex;
+ place-items: center;
+ min-width: 320px;
+ min-height: 100vh;
+}
+
+h1 {
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+button {
+ border-radius: 8px;
+ border: 1px solid transparent;
+ padding: 0.6em 1.2em;
+ font-size: 1em;
+ font-weight: 500;
+ font-family: inherit;
+ background-color: #1a1a1a;
+ cursor: pointer;
+ transition: border-color 0.25s;
+}
+button:hover {
+ border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+ outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ color: #213547;
+ background-color: #ffffff;
+ }
+ a:hover {
+ color: #747bff;
+ }
+ button {
+ background-color: #f9f9f9;
+ }
+}
diff --git a/examples/with-vite/src/main.tsx b/examples/with-vite/src/main.tsx
new file mode 100644
index 0000000..3d7150d
--- /dev/null
+++ b/examples/with-vite/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+
+
+ ,
+)
diff --git a/examples/with-vite/src/vite-env.d.ts b/examples/with-vite/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/examples/with-vite/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/examples/with-vite/tsconfig.json b/examples/with-vite/tsconfig.json
new file mode 100644
index 0000000..a7fc6fb
--- /dev/null
+++ b/examples/with-vite/tsconfig.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "module": "ESNext",
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src"],
+ "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/examples/with-vite/tsconfig.node.json b/examples/with-vite/tsconfig.node.json
new file mode 100644
index 0000000..97ede7e
--- /dev/null
+++ b/examples/with-vite/tsconfig.node.json
@@ -0,0 +1,11 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "skipLibCheck": true,
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true,
+ "strict": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/examples/with-vite/vite.config.ts b/examples/with-vite/vite.config.ts
new file mode 100644
index 0000000..5a33944
--- /dev/null
+++ b/examples/with-vite/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [react()],
+})
diff --git a/package.json b/package.json
index db783f9..50c4cd4 100644
--- a/package.json
+++ b/package.json
@@ -1,24 +1,34 @@
{
- "name": "dappstore",
+ "name": "dappstore-sdk",
"private": true,
"scripts": {
- "build": "turbo build",
+ "build": "turbo build --filter=./packages/*",
"dev": "turbo dev",
"lint": "turbo lint",
- "format": "prettier --write \"**/*.{ts,tsx,md}\""
+ "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+ "dev:setup-cli": "npm link"
},
"devDependencies": {
- "@repo/eslint-config": "*",
- "@repo/typescript-config": "*",
+ "@evmos/dappstore-cli": "workspace:*",
+ "@evmos/config": "workspace:*",
+ "@types/bun": "^1.0.4",
+ "autoprefixer": "^10.4.17",
+ "postcss": "^8.4.35",
"prettier": "^3.1.1",
+ "tailwindcss": "^3.4.1",
"turbo": "latest"
},
"engines": {
"node": ">=18"
},
- "packageManager": "bun@1.0.25",
+ "bin": {
+ "dappstore": "./"
+ },
"workspaces": [
- "apps/*",
- "packages/*"
- ]
+ "packages/*",
+ "examples/*"
+ ],
+ "dependencies": {
+ "next": "^14.1.0"
+ }
}
diff --git a/packages/dappstore-cli/build.ts b/packages/dappstore-cli/build.ts
new file mode 100644
index 0000000..ec3dcea
--- /dev/null
+++ b/packages/dappstore-cli/build.ts
@@ -0,0 +1,30 @@
+// @ts-nocheck
+import Bun from "bun";
+import { dependencies, peerDependencies } from "./package.json";
+import { version } from "./package.json";
+import { watch } from "node:fs";
+export const build = async () =>
+ await Bun.build({
+ entrypoints: ["./src/index.ts"],
+ target: "node",
+ format: "esm",
+ external: [...Object.keys(dependencies), ...Object.keys(peerDependencies)],
+ outdir: "./dist",
+ });
+const test = await build();
+
+if (process.argv.includes("--watch")) {
+ const srcWatcher = watch(
+ `${import.meta.dir}/src`,
+ { recursive: true },
+ async (event, filename) => {
+ await build();
+
+ console.log(`Detected ${event} in ${filename} (src)`);
+ }
+ );
+ process.on("SIGINT", () => {
+ srcWatcher.close();
+ process.exit(0);
+ });
+}
diff --git a/packages/dappstore-cli/package.json b/packages/dappstore-cli/package.json
new file mode 100644
index 0000000..d46b81d
--- /dev/null
+++ b/packages/dappstore-cli/package.json
@@ -0,0 +1,42 @@
+{
+ "name": "@evmos/dappstore-cli",
+ "version": "0.0.0",
+ "private": false,
+ "type": "module",
+ "main": "dist/index.js",
+ "scripts": {
+ "build": "bun run ./build.ts"
+ },
+ "bin": {
+ "dappstore": "./dist/index.js"
+ },
+ "peerDependencies": {},
+ "devDependencies": {
+ "@evmos/dappstore-sdk": "workspace:*",
+ "@evmos/config": "workspace:*",
+ "@types/eslint": "^8.56.1",
+ "@types/node": "^20.10.6",
+ "@types/react": "^18.2.46",
+ "@types/react-dom": "^18.2.18",
+ "eslint": "^8.56.0",
+ "react": "^18.2.0",
+ "typescript": "^5.3.3",
+ "@commander-js/extra-typings": "^11.1.0"
+ },
+ "dependencies": {
+ "@evmos/dev-wrapper": "workspace:*",
+ "@types/express": "^4.17.21",
+ "@vitejs/plugin-react": "^4.2.1",
+ "autoprefixer": "^10.4.17",
+ "chalk": "^5.3.0",
+ "clsx": "^2.1.0",
+ "express": "^4.18.2",
+ "glob": "^10.3.10",
+ "postcss": "^8.4.33",
+ "postcss-scopify": "^0.1.10",
+ "react-dom": "^18.2.0",
+ "tailwindcss": "^3.4.1",
+ "ts-dedent": "^2.2.0",
+ "vite": "^5.0.12"
+ }
+}
diff --git a/packages/dappstore-cli/postcss.config.js b/packages/dappstore-cli/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/packages/dappstore-cli/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/packages/dappstore-cli/src/dev.ts b/packages/dappstore-cli/src/dev.ts
new file mode 100644
index 0000000..70afdc7
--- /dev/null
+++ b/packages/dappstore-cli/src/dev.ts
@@ -0,0 +1,20 @@
+import { program } from "@commander-js/extra-typings";
+import { serve } from "@evmos/dev-wrapper/serve/serve.js";
+
+program
+ .command("dev")
+ .option("-p, --port ", "Development server port", "1337")
+ .option(
+ "-t, --target ",
+ "The port or url of your widget server",
+ "3000"
+ )
+
+ .action(async ({ port, target }) => {
+ const app = serve({
+ target,
+ });
+ app.listen(port, () => {
+ console.log(`Example app listening on port http://localhost:${port}`);
+ });
+ });
diff --git a/packages/dappstore-cli/src/index.d.ts b/packages/dappstore-cli/src/index.d.ts
new file mode 100644
index 0000000..636e1e3
--- /dev/null
+++ b/packages/dappstore-cli/src/index.d.ts
@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+import "./dev.js";
+import "./build.js";
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/packages/dappstore-cli/src/index.ts b/packages/dappstore-cli/src/index.ts
new file mode 100644
index 0000000..a1ca3c7
--- /dev/null
+++ b/packages/dappstore-cli/src/index.ts
@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+import "./dev";
+
+import { program } from "@commander-js/extra-typings";
+program.parseAsync(process.argv);
diff --git a/packages/dappstore-cli/tailwind.config.js b/packages/dappstore-cli/tailwind.config.js
new file mode 100644
index 0000000..93d0b65
--- /dev/null
+++ b/packages/dappstore-cli/tailwind.config.js
@@ -0,0 +1,33 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: ["./src/**/*.{js,jsx,ts,tsx}"],
+ theme: {
+ extend: {
+ colors: {
+ background: {
+ // background: rgba(10, 10, 10, 1);
+ DEFAULT: "rgba(10 10 10 / )",
+ },
+ foreground: {
+ // background: rgba(237, 224, 220, 1);
+ DEFAULT: "rgba(237 224 220 / )",
+ },
+ surface: {
+ // rgba(20, 17, 15, 1)
+ DEFAULT: "rgba(20 17 15 / )",
+ },
+ primary: {
+ DEFAULT: "rgba(208 75 0 / )",
+ container: "rgba(250 92 0 / )",
+ },
+ body: {
+ DEFAULT: "rgba(180 169 165 / )",
+ },
+ heading: {
+ DEFAULT: "rgba(250 239 235 / )",
+ },
+ },
+ },
+ },
+ plugins: [],
+};
diff --git a/packages/dappstore-cli/tsconfig.json b/packages/dappstore-cli/tsconfig.json
new file mode 100644
index 0000000..0ca48f0
--- /dev/null
+++ b/packages/dappstore-cli/tsconfig.json
@@ -0,0 +1,13 @@
+{
+ "extends": "@evmos/config/base.json",
+ "compilerOptions": {
+ "outDir": "./dist",
+ "emitDeclarationOnly": true,
+
+ "target": "ESNext",
+ "moduleResolution": "NodeNext",
+ "module": "NodeNext"
+ },
+ "include": ["./src/**/*", "./src/**/*.d.ts"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/dappstore-sdk/build.ts b/packages/dappstore-sdk/build.ts
new file mode 100644
index 0000000..e1a9aac
--- /dev/null
+++ b/packages/dappstore-sdk/build.ts
@@ -0,0 +1,35 @@
+// @ts-nocheck
+import Bun from "bun";
+import { dependencies, peerDependencies } from "./package.json";
+import { version } from "./package.json";
+import { watch } from "node:fs";
+export const build = async () =>
+ await Bun.build({
+ entrypoints: ["./src/index.ts", "./src/host.ts"],
+ target: "browser",
+ format: "esm",
+ external: [...Object.keys(dependencies), ...Object.keys(peerDependencies)],
+ define: {
+ ["process.env.npm_package_version"]: JSON.stringify(version),
+ },
+ outdir: "./dist",
+ });
+
+await build();
+if (process.argv.includes("--watch")) {
+ const srcWatcher = watch(
+ `${import.meta.dir}/src`,
+ { recursive: true },
+ async (event, filename) => {
+ await build();
+
+ console.log(`Detected ${event} in ${filename} (src)`);
+ }
+ );
+ process.on("SIGINT", () => {
+ srcWatcher.close();
+ process.exit(0);
+ });
+} else {
+ await build();
+}
diff --git a/packages/dappstore-sdk/package.json b/packages/dappstore-sdk/package.json
new file mode 100644
index 0000000..78de921
--- /dev/null
+++ b/packages/dappstore-sdk/package.json
@@ -0,0 +1,45 @@
+{
+ "name": "@evmos/dappstore-sdk",
+ "version": "0.0.0",
+ "type": "module",
+ "sideEffects": false,
+ "private": false,
+ "scripts": {
+ "build:types": "tsc -p ./tsconfig.json",
+ "dev:types": "tsc -p ./tsconfig.json --watch",
+ "dev": "bun run --watch ./build.ts --watch & bun run dev:types",
+ "build": "bun run ./build.ts & tsc"
+ },
+ "exports": {
+ ".": {
+ "import": {
+ "types": "./dist/index.d.ts",
+ "default": "./dist/index.js"
+ }
+ },
+ "./internal/host": {
+ "types": "./dist/host.d.ts",
+ "import": "./dist/host.js"
+ }
+ },
+ "devDependencies": {
+ "@evmos/config": "workspace:*",
+ "@types/node": "^20.10.6",
+ "@types/react": "^18.2.46",
+ "@types/react-dom": "^18.2.18",
+ "typescript": "^5.3.3",
+ "@trpc/client": "next",
+ "@trpc/react-query": "next",
+ "@trpc/server": "next",
+ "@types/lodash-es": "^4.17.12",
+ "@types/uuid": "^9.0.8",
+ "lodash-es": "^4.17.21",
+ "uuid": "^9.0.1"
+ },
+ "peerDependencies": {
+ "viem": ">=2.5",
+ "wagmi": ">=2.5",
+ "zod": ">=3"
+ },
+ "dependencies": {}
+}
diff --git a/packages/dappstore-sdk/src/client.ts b/packages/dappstore-sdk/src/client.ts
new file mode 100644
index 0000000..8b68045
--- /dev/null
+++ b/packages/dappstore-sdk/src/client.ts
@@ -0,0 +1,168 @@
+import { createHost } from "./host";
+import { trpcClient } from "./trpc/client";
+
+import {
+ EIP1193Provider,
+ ProviderConnectInfo,
+ ProviderRpcError,
+ ProviderMessage,
+} from "./types/EIP1193Provider";
+import { Hex, EIP1193Provider as StronglyTypedEIP1193Provider } from "viem";
+class SDKProvider implements StronglyTypedEIP1193Provider {
+ unsubscribers: Record> = {};
+ on(
+ event: "accountsChanged",
+ listener: (accounts: string[]) => void
+ ): SDKProvider;
+ on(event: "chainChanged", listener: (chainId: string) => void): SDKProvider;
+ on(
+ event: "connect",
+ listener: (connectInfo: ProviderConnectInfo) => void
+ ): SDKProvider;
+ on(
+ event: "disconnect",
+ listener: (error: ProviderRpcError) => void
+ ): SDKProvider;
+ on(
+ event: "message",
+ listener: (message: ProviderMessage) => void
+ ): SDKProvider;
+ on(event: string, listener: (...args: any[]) => void): SDKProvider {
+ if (
+ event === "accountsChanged" ||
+ event === "chainChanged" ||
+ event === "connect"
+ // event === "disconnect" ||
+ // event === "message"
+ ) {
+ const { unsubscribe } = trpcClient.provider.on[event].subscribe(
+ undefined,
+ {
+ onData(data) {
+ listener(data);
+ },
+ }
+ );
+ const unsubMap = this.unsubscribers[event] || new Map();
+ unsubMap.set(listener, unsubscribe);
+ this.unsubscribers[event] = unsubMap;
+ }
+
+ return this;
+ }
+
+ removeListener(
+ event: string,
+ callback: (...args: any[]) => void
+ ): EIP1193Provider {
+ this.unsubscribers[event]?.get(callback)?.();
+ this.unsubscribers[event]?.delete(callback);
+ return this;
+ }
+ request: StronglyTypedEIP1193Provider["request"] = (args) => {
+ if (typeof window === "undefined") {
+ throw new Error("Cannot call request outside of browser");
+ }
+ return trpcClient.provider.request.mutate(args as never) as never;
+ };
+}
+
+class Client {
+ private _host: null | ReturnType = null;
+ private _listeners: Record> = {};
+ private _provider = new SDKProvider();
+ private _ready = false;
+ private _chainId: Hex | null = null;
+ private _accounts: Hex[] = [];
+ private _state: "uninitialized" | "ready" | "error" = "uninitialized";
+ get ready() {
+ return this._ready;
+ }
+ get accounts() {
+ return this._accounts;
+ }
+ get chainId() {
+ return this._chainId;
+ }
+
+ get provider() {
+ return this._provider;
+ }
+ private get isInsideIframe() {
+ try {
+ return window.self !== window.top;
+ } catch (e) {
+ return true;
+ }
+ }
+ init() {
+ if (this.isInsideIframe === false) {
+ throw new Error("Cannot use DAppstore SDK outside of an iframe");
+ }
+ this.ack();
+ const unsubAccounts = trpcClient.provider.on.accountsChanged.subscribe(
+ undefined,
+ {
+ onData: (data) => {
+ this._accounts = data;
+ if (this._listeners.accountsChanged) {
+ this._listeners.accountsChanged.forEach((listener) => {
+ listener(data);
+ });
+ }
+ },
+ }
+ );
+
+ const unsubChain = trpcClient.provider.on.chainChanged.subscribe(
+ undefined,
+ {
+ onData: (data) => {
+ this._chainId = data;
+ if (this._listeners.chainChanged) {
+ this._listeners.chainChanged.forEach((listener) => {
+ listener(data);
+ });
+ }
+ },
+ }
+ );
+ return () => {
+ unsubAccounts.unsubscribe();
+ unsubChain.unsubscribe();
+ };
+ }
+ onAccountsChange(cb: (accounts: string[]) => void) {
+ if (!this._listeners.accountsChanged) {
+ this._listeners.accountsChanged = new Set();
+ }
+ this._listeners.accountsChanged.add(cb);
+ return () => {
+ this._listeners.accountsChanged?.delete(cb);
+ };
+ }
+
+ onChainChange(cb: (chainId: string) => void) {
+ if (!this._listeners.chainChanged) {
+ this._listeners.chainChanged = new Set();
+ }
+ this._listeners.chainChanged.add(cb);
+ return () => {
+ this._listeners.chainChanged?.delete(cb);
+ };
+ }
+ async ack() {
+ const { state } = await trpcClient.ack.query({
+ version: process.env.npm_package_version as string,
+ });
+ this._state = "ready";
+ this._accounts = state.accounts;
+ this._chainId = state.chainId;
+ }
+}
+
+export const createDAppstoreClient = ({ autoInit = true } = {}) => {
+ const client = new Client();
+ if (autoInit) client.init();
+ return client;
+};
diff --git a/packages/dappstore-sdk/src/host.ts b/packages/dappstore-sdk/src/host.ts
new file mode 100644
index 0000000..fba5e8f
--- /dev/null
+++ b/packages/dappstore-sdk/src/host.ts
@@ -0,0 +1,13 @@
+import { createPostMessageHost } from "./post-message-integration/create-post-message-host";
+import { createHostRouter } from "./trpc/host";
+
+type Config = {
+ target: Window;
+ provider: unknown;
+};
+export const createHost = ({ provider, target }: Config) => {
+ return createPostMessageHost({
+ target,
+ router: createHostRouter(provider),
+ });
+};
diff --git a/packages/dappstore-sdk/src/index.ts b/packages/dappstore-sdk/src/index.ts
new file mode 100644
index 0000000..52ed12b
--- /dev/null
+++ b/packages/dappstore-sdk/src/index.ts
@@ -0,0 +1,2 @@
+export { createDAppstoreClient } from "./client";
+export * from "./types/EIP1193Provider";
diff --git a/packages/dappstore-sdk/src/post-message-integration/create-post-message-host.ts b/packages/dappstore-sdk/src/post-message-integration/create-post-message-host.ts
new file mode 100644
index 0000000..34bb6bb
--- /dev/null
+++ b/packages/dappstore-sdk/src/post-message-integration/create-post-message-host.ts
@@ -0,0 +1,261 @@
+import {
+ AnyRouter,
+ TRPCError,
+ callProcedure,
+ getErrorShape,
+ getTRPCErrorFromUnknown,
+ transformTRPCResponse,
+} from "@trpc/server";
+import {
+ TRPCClientOutgoingMessage,
+ TRPCRequestMessage,
+ TRPCResponseMessage,
+ parseTRPCMessage,
+} from "@trpc/server/rpc";
+import { isString } from "lodash-es";
+import { z } from "zod";
+import { isObservable } from "@trpc/server/observable";
+
+export const createPostMessageHost = ({
+ router,
+ target,
+}: {
+ router: TRouter;
+ target: Window;
+}) => {
+ const { transformer } = router._def._config;
+
+ function respond(targetId: string, untransformedJSON: TRPCResponseMessage) {
+ target.postMessage(
+ {
+ source: "dappstore-sdk-router",
+ target: targetId,
+ messages: [
+ transformTRPCResponse(router._def._config, untransformedJSON),
+ ],
+ },
+ "*"
+ );
+ }
+ async function handleSubsription(
+ targetId: string,
+ msg: TRPCClientOutgoingMessage
+ ) {
+ const { id, jsonrpc } = msg;
+ if (msg.method === "subscription.stop") {
+ // TODO: "handle stop";
+
+ respond(targetId, {
+ id,
+ jsonrpc,
+ result: {
+ type: "stopped",
+ },
+ });
+ return;
+ }
+
+ const { path, input } = msg.params;
+ const type = msg.method;
+
+ try {
+ const result = await callProcedure({
+ procedures: router._def.procedures,
+ path,
+ getRawInput: async () => input,
+ ctx: {},
+ type,
+ });
+ if (!isObservable(result)) {
+ throw new TRPCError({
+ message: `Subscription ${path} did not return an observable`,
+ code: "INTERNAL_SERVER_ERROR",
+ });
+ }
+
+ const observable = result;
+ // TODO: Do we ever need to manually unsubscribe here?
+ const subscription = observable.subscribe({
+ next(data) {
+ respond(targetId, {
+ id,
+ jsonrpc,
+ result: {
+ type: "data",
+ data,
+ },
+ });
+ },
+ error(err) {
+ const error = getTRPCErrorFromUnknown(err);
+
+ respond(targetId, {
+ id,
+ jsonrpc,
+ error: getErrorShape({
+ config: router._def._config,
+ error,
+ type,
+ path,
+ input,
+ ctx: {},
+ }),
+ });
+ },
+ complete() {
+ respond(targetId, {
+ id,
+ jsonrpc,
+ result: {
+ type: "stopped",
+ },
+ });
+ },
+ });
+
+ respond(targetId, {
+ id,
+ jsonrpc,
+ result: {
+ type: "started",
+ },
+ });
+ } catch (cause) {
+ const error = getTRPCErrorFromUnknown(cause);
+
+ respond(targetId, {
+ id,
+ jsonrpc,
+ error: getErrorShape({
+ config: router._def._config,
+ error,
+ type,
+ path,
+ input,
+ ctx: {},
+ }),
+ });
+ }
+ }
+ async function handleMessage(
+ targetId: string,
+ msg: TRPCClientOutgoingMessage
+ ) {
+ // const { id, jsonrpc } = msg;
+ if (msg.id === null) {
+ throw new TRPCError({
+ code: "BAD_REQUEST",
+ message: "`id` is required",
+ });
+ }
+
+ if (msg.method === "subscription" || msg.method === "subscription.stop") {
+ return handleSubsription(targetId, msg);
+ }
+ handleRequest(targetId, msg);
+ }
+ async function handleRequest(targetId: string, msg: TRPCRequestMessage) {
+ const { id, jsonrpc } = msg;
+
+ const { path, input } = msg.params;
+ const type = msg.method;
+
+ try {
+ // await ctxPromise;
+ const result = await callProcedure({
+ procedures: router._def.procedures,
+ path,
+ getRawInput: async () => input,
+ ctx: {},
+ type,
+ });
+
+ respond(targetId, {
+ id,
+ jsonrpc,
+ result: {
+ type: "data",
+ data: result,
+ },
+ });
+ return;
+ } catch (cause) {
+ const error = getTRPCErrorFromUnknown(cause);
+ // opts.onError?.({ error, path, type, ctx, req, input });
+ respond(targetId, {
+ id,
+ jsonrpc,
+ error: getErrorShape({
+ config: router._def._config,
+ error,
+ type,
+ path,
+ input,
+ ctx: {},
+ }),
+ });
+ }
+ }
+
+ const listener = async (event: MessageEvent) => {
+ if (
+ event.data?.source === "react-devtools-content-script" ||
+ event.data?.target === "metamask-inpage"
+ )
+ return;
+ if (event.source !== target) {
+ return;
+ }
+ const targetId = event.data?.clientId;
+
+ if (!isString(targetId)) {
+ return;
+ }
+
+ try {
+ const parsed = z
+ .object({
+ target: z.literal("dappstore-sdk-router"),
+ clientId: z.string(),
+ messages: z.array(z.unknown()),
+ })
+ .safeParse(event.data);
+
+ if (!parsed.success) return;
+
+ const message = parsed.data.messages;
+
+ const promises = message
+ .map((raw) => parseTRPCMessage(raw, transformer))
+ .map((message) => handleMessage(targetId, message));
+ await Promise.all(promises);
+ } catch (cause) {
+ const error = new TRPCError({
+ code: "PARSE_ERROR",
+ cause,
+ });
+
+ respond(targetId, {
+ id: null,
+ error: getErrorShape({
+ config: router._def._config,
+ error,
+ type: "unknown",
+ path: undefined,
+ input: undefined,
+ ctx: undefined,
+ }),
+ });
+ }
+ };
+
+ if (typeof window === "undefined") {
+ return () => {};
+ }
+
+ window.addEventListener("message", listener, false);
+
+ return () => {
+ window.removeEventListener("message", listener);
+ };
+};
diff --git a/packages/dappstore-sdk/src/post-message-integration/post-message-link.ts b/packages/dappstore-sdk/src/post-message-integration/post-message-link.ts
new file mode 100644
index 0000000..463b60e
--- /dev/null
+++ b/packages/dappstore-sdk/src/post-message-integration/post-message-link.ts
@@ -0,0 +1,178 @@
+import { Operation, TRPCClientError, TRPCLink } from "@trpc/client";
+import { observable } from "@trpc/server/observable";
+import type { CombinedDataTransformer } from "@trpc/server";
+/**
+ * TRPC doesn't recommend importing unstable-core-do-not-import,
+ * but unfortunately, they also don't offer an official API for creating custom links.
+ * we need to be mindful on updates, but I imagine typescript checks would report any major change.
+ */
+import {
+ type TRPCClientIncomingRequest,
+ type TRPCResponseMessage,
+ type AnyRouter,
+ type DataTransformerOptions,
+ type TRPCClientOutgoingMessage,
+ type TRPCRequestMessage,
+ transformResult,
+} from "@trpc/server/unstable-core-do-not-import";
+import { getTransformer } from "@trpc/client/unstable-internals";
+
+import { v4 } from "uuid";
+import { debounce } from "lodash-es";
+import { z } from "zod";
+
+type PostMessageOptions = {
+ transformer?: DataTransformerOptions;
+};
+class PostMessageClient {
+ id = v4();
+
+ outgoing: TRPCClientOutgoingMessage[] = [];
+ pendingRequests: Map<
+ TRPCRequestMessage["id"],
+ (data: TRPCResponseMessage) => void
+ > = new Map();
+
+ constructor() {}
+ request = (
+ op: Operation,
+ resolve: (data: TRPCResponseMessage) => void,
+ observer: {
+ complete: () => void;
+ }
+ ) => {
+ const { type, input, path, id } = op;
+
+ const envelope: TRPCRequestMessage = {
+ id: v4(),
+ method: type,
+ params: {
+ input,
+ path,
+ },
+ };
+ this.pendingRequests.set(envelope.id, resolve);
+ this.outgoing.push(envelope);
+
+ this.dispatch();
+
+ return () => {
+ this.outgoing = this.outgoing.filter((msg) => msg.id !== envelope.id);
+ observer.complete();
+ if (op.type === "subscription") {
+ this.outgoing.push({
+ id,
+ method: "subscription.stop",
+ });
+ this.dispatch();
+ }
+ };
+ };
+
+ dispatch = debounce(
+ () => {
+ if (typeof window === "undefined") return;
+ window.parent.postMessage(
+ {
+ target: "dappstore-sdk-router",
+ clientId: this.id,
+ messages: this.outgoing,
+ },
+ "*"
+ );
+ console.log("dispatched", this.outgoing);
+
+ this.outgoing = [];
+ },
+ 100,
+ {
+ maxWait: 300,
+ }
+ );
+
+ handleIncomingRequest = (request: TRPCClientIncomingRequest) => {
+ // TODO: handle incoming request
+ throw new Error("Not implemented");
+ };
+ handleIncomingResponse = (response: TRPCResponseMessage) => {
+ const resolve = this.pendingRequests.get(response.id);
+ if (!resolve) {
+ return;
+ }
+
+ resolve(response);
+ };
+ subscribe = () => {
+ const listener = (event: MessageEvent) => {
+ const parsed = z
+ .object({
+ source: z.literal("dappstore-sdk-router"),
+ target: z.string(),
+ messages: z.array(z.unknown()),
+ })
+ .safeParse(event.data);
+
+ if (!parsed.success || parsed.data.target !== this.id) {
+ return;
+ }
+
+ parsed.data.messages.forEach((message: any) => {
+ if ("method" in message) {
+ this.handleIncomingRequest(message);
+ } else {
+ this.handleIncomingResponse(message);
+ }
+ });
+ };
+ if (typeof window === "undefined") return () => {};
+
+ window.addEventListener("message", listener, false);
+ return () => {
+ window.removeEventListener("message", listener);
+ };
+ };
+}
+
+export const postMessageLink = (
+ opts: PostMessageOptions = {}
+): TRPCLink => {
+ const transformer = getTransformer(opts.transformer);
+ const client = new PostMessageClient();
+ client.subscribe();
+ return () => {
+ return ({ op }) => {
+ const { type, path, id, context } = op;
+
+ const input = transformer.input.serialize(op.input);
+
+ return observable((observer) => {
+ const unsubscribe = client.request(
+ {
+ type,
+ path,
+ input,
+ id,
+ context,
+ },
+ (data) => {
+ const transformed = transformResult(
+ data,
+ transformer.output
+ );
+
+ if (!transformed.ok) {
+ observer.error(TRPCClientError.from(transformed.error));
+ return;
+ }
+ observer.next(transformed);
+ if (op.type === "subscription") return;
+ observer.complete();
+ unsubscribe();
+ },
+ observer
+ );
+ return unsubscribe;
+ });
+ };
+ };
+};
diff --git a/packages/dappstore-sdk/src/trpc/client.ts b/packages/dappstore-sdk/src/trpc/client.ts
new file mode 100644
index 0000000..0ab9795
--- /dev/null
+++ b/packages/dappstore-sdk/src/trpc/client.ts
@@ -0,0 +1,10 @@
+import { createTRPCClient } from "@trpc/client";
+import type { CreateTRPCClient } from "@trpc/client";
+
+import type { HostRouter } from "./host.js";
+
+import { postMessageLink } from "../post-message-integration/post-message-link.js";
+export const trpcClient: CreateTRPCClient =
+ createTRPCClient({
+ links: [postMessageLink({})],
+ });
diff --git a/packages/dappstore-sdk/src/trpc/host.ts b/packages/dappstore-sdk/src/trpc/host.ts
new file mode 100644
index 0000000..21e3175
--- /dev/null
+++ b/packages/dappstore-sdk/src/trpc/host.ts
@@ -0,0 +1,77 @@
+import { initTRPC } from "@trpc/server";
+import { z } from "zod";
+import { observable } from "@trpc/server/observable";
+import { EIP1193Provider, Hex, ProviderConnectInfo } from "viem";
+
+const t = initTRPC.create({
+ allowOutsideOfServer: true,
+});
+
+export const createHostRouter = (provider: unknown) => {
+ const _provider: EIP1193Provider = provider as EIP1193Provider;
+ const providerRouter = t.router({
+ on: t.router({
+ accountsChanged: t.procedure.subscription((a) => {
+ return observable((emit) => {
+ _provider.on("accountsChanged", (accounts) => {
+ emit.next(accounts);
+ });
+ });
+ }),
+
+ chainChanged: t.procedure.subscription((a) => {
+ return observable((emit) => {
+ _provider.on("chainChanged", (chainId) => {
+ emit.next(chainId as Hex);
+ });
+ });
+ }),
+ connect: t.procedure.subscription((a) => {
+ return observable((emit) => {
+ _provider.on("connect", (...args) => {
+ emit.next(...args);
+ });
+ });
+ }),
+ }),
+
+ request: t.procedure
+ .input(
+ z
+ .object({
+ method: z.string(),
+ params: z.array(z.unknown()).or(z.object({})).optional(),
+ })
+ .readonly()
+ )
+ .mutation((opts) => {
+ return _provider.request(opts.input as never);
+ }),
+ });
+
+ return t.router({
+ ack: t.procedure
+ .input(
+ z.object({
+ version: z.string(),
+ })
+ )
+ .query(async () => {
+ const accounts = await _provider.request({
+ method: "eth_requestAccounts",
+ });
+ const chainId = await _provider.request({ method: "eth_chainId" });
+ return {
+ version: process.env.npm_package_version as string,
+ state: {
+ accounts,
+ chainId,
+ },
+ };
+ }),
+
+ provider: providerRouter,
+ });
+};
+
+export type HostRouter = ReturnType;
diff --git a/packages/dappstore-sdk/src/types/EIP1193Provider.ts b/packages/dappstore-sdk/src/types/EIP1193Provider.ts
new file mode 100644
index 0000000..a50281d
--- /dev/null
+++ b/packages/dappstore-sdk/src/types/EIP1193Provider.ts
@@ -0,0 +1,45 @@
+export interface RequestArguments {
+ readonly method: string;
+ readonly params?: readonly unknown[] | object;
+}
+export interface ProviderConnectInfo {
+ readonly chainId: string;
+}
+export interface ProviderRpcError extends Error {
+ message: string;
+ code: number;
+ data?: unknown;
+}
+export interface ProviderMessage {
+ readonly type: string;
+ readonly data: unknown;
+}
+export type ProviderChainChangedListener = (chainId: string) => void;
+export type ProviderAccountsChangedListener = (accounts: string[]) => void;
+export type ProviderConnectListener = (
+ connectInfo: ProviderConnectInfo
+) => void;
+export type ProviderDisconnectListener = (error: ProviderRpcError) => void;
+export type ProviderMessageListener = (message: ProviderMessage) => void;
+export interface EIP1193Provider {
+ on(
+ event: "accountsChanged",
+ listener: ProviderAccountsChangedListener
+ ): EIP1193Provider;
+ on(
+ event: "chainChanged",
+ listener: ProviderChainChangedListener
+ ): EIP1193Provider;
+ on(event: "connect", listener: ProviderConnectListener): EIP1193Provider;
+ on(
+ event: "disconnect",
+ listener: ProviderDisconnectListener
+ ): EIP1193Provider;
+ on(event: "message", listener: ProviderMessageListener): EIP1193Provider;
+
+ removeListener(
+ event: string,
+ callback: (data: unknown) => void
+ ): EIP1193Provider;
+ request(args: RequestArguments): Promise;
+}
diff --git a/packages/dappstore-sdk/tsconfig.json b/packages/dappstore-sdk/tsconfig.json
new file mode 100644
index 0000000..66bd5b8
--- /dev/null
+++ b/packages/dappstore-sdk/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "extends": "@evmos/config/base.json",
+ "compilerOptions": {
+ "outDir": "./dist",
+ "emitDeclarationOnly": true,
+ "declaration": true,
+ "declarationMap": true
+ },
+ "include": ["./src/**/*"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/dev-wrapper/.eslintrc.cjs b/packages/dev-wrapper/.eslintrc.cjs
new file mode 100644
index 0000000..d6c9537
--- /dev/null
+++ b/packages/dev-wrapper/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+ root: true,
+ env: { browser: true, es2020: true },
+ extends: [
+ 'eslint:recommended',
+ 'plugin:@typescript-eslint/recommended',
+ 'plugin:react-hooks/recommended',
+ ],
+ ignorePatterns: ['dist', '.eslintrc.cjs'],
+ parser: '@typescript-eslint/parser',
+ plugins: ['react-refresh'],
+ rules: {
+ 'react-refresh/only-export-components': [
+ 'warn',
+ { allowConstantExport: true },
+ ],
+ },
+}
diff --git a/packages/dev-wrapper/.gitignore b/packages/dev-wrapper/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/packages/dev-wrapper/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/packages/dev-wrapper/README.md b/packages/dev-wrapper/README.md
new file mode 100644
index 0000000..0d6babe
--- /dev/null
+++ b/packages/dev-wrapper/README.md
@@ -0,0 +1,30 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+ // other rules...
+ parserOptions: {
+ ecmaVersion: 'latest',
+ sourceType: 'module',
+ project: ['./tsconfig.json', './tsconfig.node.json'],
+ tsconfigRootDir: __dirname,
+ },
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
diff --git a/packages/dev-wrapper/index.html b/packages/dev-wrapper/index.html
new file mode 100644
index 0000000..191e59e
--- /dev/null
+++ b/packages/dev-wrapper/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ DAppStore Widget Development Kit
+
+
+
+ {{ENV_SCRIPT}}
+
+
+
diff --git a/packages/dev-wrapper/package.json b/packages/dev-wrapper/package.json
new file mode 100644
index 0000000..782b262
--- /dev/null
+++ b/packages/dev-wrapper/package.json
@@ -0,0 +1,34 @@
+{
+ "name": "@evmos/dev-wrapper",
+ "private": true,
+ "version": "0.0.0",
+ "type": "module",
+ "exports": {
+ "./*": "./dist/*"
+ },
+ "scripts": {
+ "dev": "tsc --watch & tsc -p ./tsconfig.serve.json --watch & vite build --watch --outDir ./dist/app",
+ "build": "tsc && tsc -p ./tsconfig.serve.json && vite build --outDir ./dist/app",
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+ "preview": "vite preview"
+ },
+ "dependencies": {
+ "clsx": "^2.1.0",
+ "express": "^4.18.2",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0"
+ },
+ "devDependencies": {
+ "@evmos/dappstore-sdk": "workspace:*",
+ "@types/react": "^18.2.55",
+ "@types/react-dom": "^18.2.19",
+ "@typescript-eslint/eslint-plugin": "^6.21.0",
+ "@typescript-eslint/parser": "^6.21.0",
+ "@vitejs/plugin-react": "^4.2.1",
+ "eslint": "^8.56.0",
+ "eslint-plugin-react-hooks": "^4.6.0",
+ "eslint-plugin-react-refresh": "^0.4.5",
+ "typescript": "^5.2.2",
+ "vite": "^5.1.0"
+ }
+}
diff --git a/packages/dev-wrapper/postcss.config.js b/packages/dev-wrapper/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/packages/dev-wrapper/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/packages/dev-wrapper/public/vite.svg b/packages/dev-wrapper/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/packages/dev-wrapper/public/vite.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/dev-wrapper/serve.ts b/packages/dev-wrapper/serve.ts
new file mode 100644
index 0000000..a16bbe8
--- /dev/null
+++ b/packages/dev-wrapper/serve.ts
@@ -0,0 +1,27 @@
+import { fileURLToPath } from "url";
+import express from "express";
+import path from "path";
+import { readFileSync } from "fs";
+const __dirname = fileURLToPath(new URL("./", import.meta.url));
+
+export const serve = ({ target }: { target: string }) => {
+ const targetUrl = target.startsWith("http")
+ ? target
+ : `http://localhost:${target}`;
+
+ const app = express();
+ const envScript = ``;
+ const index = readFileSync(
+ path.join(__dirname, "../app/index.html"),
+ "utf-8"
+ ).replace("{{ENV_SCRIPT}}", envScript);
+
+ app.get("/", (req, res) => {
+ if (req.originalUrl === "/") {
+ res.end(index);
+ }
+ });
+ app.use(express.static(path.join(__dirname, "../app")));
+
+ return app;
+};
diff --git a/packages/dev-wrapper/src/App.css b/packages/dev-wrapper/src/App.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/packages/dev-wrapper/src/App.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/dev-wrapper/src/App.tsx b/packages/dev-wrapper/src/App.tsx
new file mode 100644
index 0000000..c367163
--- /dev/null
+++ b/packages/dev-wrapper/src/App.tsx
@@ -0,0 +1,171 @@
+import React, { useEffect, useState } from "react";
+import { WagmiProvider } from "wagmi";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useConnect, useChainId, useSwitchChain } from "wagmi";
+import { useDisconnect } from "wagmi";
+import { useAccount, useConnections } from "wagmi";
+import { type EIP1193Provider } from "viem";
+import { EvmosLogo } from "./EvmosLogo.js";
+import { config } from "./config.js";
+
+import { createHost } from "@evmos/dappstore-sdk/internal/host";
+
+import cx from "clsx";
+
+const Header = () => {
+ return (
+
+ );
+};
+export function WalletOptions() {
+ const { connectors, connect, isPending } = useConnect();
+ const { disconnect } = useDisconnect();
+ const { isConnected, address } = useAccount();
+ const shortenedAddress = address
+ ? `${address.slice(0, 6)}...${address.slice(-4)}`
+ : "";
+ if (isConnected) {
+ return (
+
+ );
+ }
+
+ return connectors.map((connector) => (
+
+ ));
+}
+
+function Networks() {
+ // const { address, isConnecting } = useAccount();
+ // const {} = useConfig();
+ const chainId = useChainId();
+ const { chains, switchChain, isPending } = useSwitchChain();
+
+ return (
+
+ {chains.map((chain) => (
+
+ ))}
+
+ Testnet Faucet
+
+
+
Connect to a wallet
;
+ }
+
+ return ;
+};
+
+export const App = () => {
+ const [queryClient] = React.useState(new QueryClient());
+
+ return (
+
+
+
+
+
+
+
+ );
+};
diff --git a/packages/dev-wrapper/src/EvmosLogo.tsx b/packages/dev-wrapper/src/EvmosLogo.tsx
new file mode 100644
index 0000000..7e5f669
--- /dev/null
+++ b/packages/dev-wrapper/src/EvmosLogo.tsx
@@ -0,0 +1,48 @@
+export const EvmosLogo = () => {
+ return (
+
+ );
+};
diff --git a/packages/dev-wrapper/src/assets/react.svg b/packages/dev-wrapper/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/packages/dev-wrapper/src/assets/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/dev-wrapper/src/config.tsx b/packages/dev-wrapper/src/config.tsx
new file mode 100644
index 0000000..20033ea
--- /dev/null
+++ b/packages/dev-wrapper/src/config.tsx
@@ -0,0 +1,51 @@
+import { http, createConfig } from "wagmi";
+import { evmos } from "wagmi/chains";
+import { injected } from "wagmi/connectors";
+import { Chain, Hex } from "viem";
+
+// const url = "http://localhost:3000";
+const evmosmainnet: Chain = {
+ ...evmos,
+ name: "Evmos",
+ contracts: {
+ multicall3: {
+ address: "0xca11bde05977b3631167028862be2a173976ca11" as Hex,
+ },
+ },
+ rpcUrls: {
+ default: { http: ["https://evmos.lava.build"] },
+ public: { http: ["https://evmos.lava.build"] },
+ },
+};
+const evmostestnet: Chain = {
+ ...evmos,
+ name: "Evmos Testnet",
+ id: 9000,
+
+ contracts: {
+ multicall3: {
+ address: "0xca11bde05977b3631167028862be2a173976ca11" as Hex,
+ },
+ },
+ rpcUrls: {
+ default: {
+ http: [`https://evmos-testnet.lava.build`],
+ },
+ public: {
+ http: [`https://evmos-testnet.lava.build`],
+ },
+ },
+};
+export const config = createConfig({
+ chains: [evmosmainnet, evmostestnet],
+ transports: {
+ [evmosmainnet.id]: http(),
+ [evmostestnet.id]: http(),
+ },
+ multiInjectedProviderDiscovery: false,
+ connectors: [
+ injected({
+ target: "metaMask",
+ }),
+ ],
+});
diff --git a/packages/dev-wrapper/src/declaration.d.ts b/packages/dev-wrapper/src/declaration.d.ts
new file mode 100644
index 0000000..b39f36e
--- /dev/null
+++ b/packages/dev-wrapper/src/declaration.d.ts
@@ -0,0 +1,4 @@
+declare module "_widget_dir_" {
+ const Widget: React.FC;
+ export default Widget;
+}
diff --git a/packages/dev-wrapper/src/index.css b/packages/dev-wrapper/src/index.css
new file mode 100644
index 0000000..6119ad9
--- /dev/null
+++ b/packages/dev-wrapper/src/index.css
@@ -0,0 +1,68 @@
+:root {
+ font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+
+ color-scheme: light dark;
+ color: rgba(255, 255, 255, 0.87);
+ background-color: #242424;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+a:hover {
+ color: #535bf2;
+}
+
+body {
+ margin: 0;
+ display: flex;
+ place-items: center;
+ min-width: 320px;
+ min-height: 100vh;
+}
+
+h1 {
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+button {
+ border-radius: 8px;
+ border: 1px solid transparent;
+ padding: 0.6em 1.2em;
+ font-size: 1em;
+ font-weight: 500;
+ font-family: inherit;
+ background-color: #1a1a1a;
+ cursor: pointer;
+ transition: border-color 0.25s;
+}
+button:hover {
+ border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+ outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ color: #213547;
+ background-color: #ffffff;
+ }
+ a:hover {
+ color: #747bff;
+ }
+ button {
+ background-color: #f9f9f9;
+ }
+}
diff --git a/packages/dev-wrapper/src/main.tsx b/packages/dev-wrapper/src/main.tsx
new file mode 100644
index 0000000..149af86
--- /dev/null
+++ b/packages/dev-wrapper/src/main.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { App } from "./App.tsx";
+import "./App.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+
+
+
+);
diff --git a/packages/dev-wrapper/src/vite-env.d.ts b/packages/dev-wrapper/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/packages/dev-wrapper/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/packages/dev-wrapper/tailwind.config.js b/packages/dev-wrapper/tailwind.config.js
new file mode 100644
index 0000000..6b3829a
--- /dev/null
+++ b/packages/dev-wrapper/tailwind.config.js
@@ -0,0 +1,33 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+ theme: {
+ extend: {
+ colors: {
+ background: {
+ // background: rgba(10, 10, 10, 1);
+ DEFAULT: "rgba(10 10 10 / )",
+ },
+ foreground: {
+ // background: rgba(237, 224, 220, 1);
+ DEFAULT: "rgba(237 224 220 / )",
+ },
+ surface: {
+ // rgba(20, 17, 15, 1)
+ DEFAULT: "rgba(20 17 15 / )",
+ },
+ primary: {
+ DEFAULT: "rgba(208 75 0 / )",
+ container: "rgba(250 92 0 / )",
+ },
+ body: {
+ DEFAULT: "rgba(180 169 165 / )",
+ },
+ heading: {
+ DEFAULT: "rgba(250 239 235 / )",
+ },
+ },
+ },
+ },
+ plugins: [],
+};
diff --git a/packages/dev-wrapper/tsconfig.json b/packages/dev-wrapper/tsconfig.json
new file mode 100644
index 0000000..72fc627
--- /dev/null
+++ b/packages/dev-wrapper/tsconfig.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "module": "ESNext",
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src", "serve.ts"],
+ "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/packages/dev-wrapper/tsconfig.node.json b/packages/dev-wrapper/tsconfig.node.json
new file mode 100644
index 0000000..97ede7e
--- /dev/null
+++ b/packages/dev-wrapper/tsconfig.node.json
@@ -0,0 +1,11 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "skipLibCheck": true,
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true,
+ "strict": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/packages/dev-wrapper/tsconfig.serve.json b/packages/dev-wrapper/tsconfig.serve.json
new file mode 100644
index 0000000..67c6673
--- /dev/null
+++ b/packages/dev-wrapper/tsconfig.serve.json
@@ -0,0 +1,8 @@
+{
+ "extends": "@evmos/config/base.json",
+ "compilerOptions": {
+ "noEmit": false,
+ "outDir": "./dist/serve"
+ },
+ "include": ["./serve.ts"]
+}
diff --git a/packages/dev-wrapper/vite.config.ts b/packages/dev-wrapper/vite.config.ts
new file mode 100644
index 0000000..495433f
--- /dev/null
+++ b/packages/dev-wrapper/vite.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [react()],
+ // build: {
+ // watch: {
+ // exclude: "node_modules/**",
+ // },
+ // },
+});
diff --git a/packages/eslint-config/README.md b/packages/eslint-config/README.md
deleted file mode 100644
index 8b42d90..0000000
--- a/packages/eslint-config/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# `@turbo/eslint-config`
-
-Collection of internal eslint configurations.
diff --git a/packages/eslint-config/library.js b/packages/eslint-config/library.js
deleted file mode 100644
index c667cd1..0000000
--- a/packages/eslint-config/library.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
- extends: ["eslint:recommended", "prettier", "eslint-config-turbo"],
- plugins: ["only-warn"],
- globals: {
- React: true,
- JSX: true,
- },
- env: {
- node: true,
- },
- settings: {
- "import/resolver": {
- typescript: {
- project,
- },
- },
- },
- ignorePatterns: [
- // Ignore dotfiles
- ".*.js",
- "node_modules/",
- "dist/",
- ],
- overrides: [
- {
- files: ["*.js?(x)", "*.ts?(x)"],
- },
- ],
-};
diff --git a/packages/eslint-config/next.js b/packages/eslint-config/next.js
deleted file mode 100644
index 6000e54..0000000
--- a/packages/eslint-config/next.js
+++ /dev/null
@@ -1,35 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
- extends: [
- "eslint:recommended",
- "prettier",
- require.resolve("@vercel/style-guide/eslint/next"),
- "eslint-config-turbo",
- ],
- globals: {
- React: true,
- JSX: true,
- },
- env: {
- node: true,
- browser: true,
- },
- plugins: ["only-warn"],
- settings: {
- "import/resolver": {
- typescript: {
- project,
- },
- },
- },
- ignorePatterns: [
- // Ignore dotfiles
- ".*.js",
- "node_modules/",
- ],
- overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
-};
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
deleted file mode 100644
index 575d83a..0000000
--- a/packages/eslint-config/package.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "name": "@repo/eslint-config",
- "version": "0.0.0",
- "private": true,
- "files": [
- "library.js",
- "next.js",
- "react-internal.js"
- ],
- "devDependencies": {
- "@vercel/style-guide": "^5.1.0",
- "eslint-config-turbo": "^1.11.3",
- "eslint-config-prettier": "^9.1.0",
- "eslint-plugin-only-warn": "^1.1.0",
- "@typescript-eslint/parser": "^6.17.0",
- "@typescript-eslint/eslint-plugin": "^6.17.0",
- "typescript": "^5.3.3"
- }
-}
diff --git a/packages/eslint-config/react-internal.js b/packages/eslint-config/react-internal.js
deleted file mode 100644
index f56c924..0000000
--- a/packages/eslint-config/react-internal.js
+++ /dev/null
@@ -1,43 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use with
- * internal (bundled by their consumer) libraries
- * that utilize React.
- *
- * This config extends the Vercel Engineering Style Guide.
- * For more information, see https://github.com/vercel/style-guide
- *
- */
-
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
- extends: ["eslint:recommended", "prettier", "eslint-config-turbo"],
- plugins: ["only-warn"],
- globals: {
- React: true,
- JSX: true,
- },
- env: {
- browser: true,
- },
- settings: {
- "import/resolver": {
- typescript: {
- project,
- },
- },
- },
- ignorePatterns: [
- // Ignore dotfiles
- ".*.js",
- "node_modules/",
- "dist/",
- ],
- overrides: [
- // Force ESLint to detect .tsx files
- { files: ["*.js?(x)", "*.ts?(x)"] },
- ],
-};
diff --git a/packages/typescript-config/base.json b/packages/typescript-config/base.json
index 0f80cfd..8b049d9 100644
--- a/packages/typescript-config/base.json
+++ b/packages/typescript-config/base.json
@@ -5,16 +5,18 @@
"declaration": true,
"declarationMap": true,
"esModuleInterop": true,
- "incremental": false,
"isolatedModules": true,
"lib": ["es2022", "DOM", "DOM.Iterable"],
- "module": "NodeNext",
+ "module": "ESNext",
"moduleDetection": "force",
- "moduleResolution": "NodeNext",
+ "moduleResolution": "Bundler",
"noUncheckedIndexedAccess": true,
"resolveJsonModule": true,
"skipLibCheck": true,
"strict": true,
- "target": "ES2022"
+ "target": "ESNext",
+ "allowJs": true,
+ "checkJs": true,
+ "jsx": "react-jsx"
}
}
diff --git a/packages/typescript-config/package.json b/packages/typescript-config/package.json
index 27c0e60..ad7ae62 100644
--- a/packages/typescript-config/package.json
+++ b/packages/typescript-config/package.json
@@ -1,5 +1,5 @@
{
- "name": "@repo/typescript-config",
+ "name": "@evmos/config",
"version": "0.0.0",
"private": true,
"license": "MIT",
diff --git a/packages/ui/.eslintrc.js b/packages/ui/.eslintrc.js
deleted file mode 100644
index 9117326..0000000
--- a/packages/ui/.eslintrc.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
- root: true,
- extends: ["@repo/eslint-config/react-internal.js"],
- parser: "@typescript-eslint/parser",
- parserOptions: {
- project: "./tsconfig.lint.json",
- },
-};
diff --git a/packages/ui/package.json b/packages/ui/package.json
deleted file mode 100644
index b101eab..0000000
--- a/packages/ui/package.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
- "name": "@repo/ui",
- "version": "0.0.0",
- "private": true,
- "exports": {
- "./button": "./src/button.tsx",
- "./card": "./src/card.tsx",
- "./code": "./src/code.tsx"
- },
- "scripts": {
- "lint": "eslint . --max-warnings 0",
- "generate:component": "turbo gen react-component"
- },
- "devDependencies": {
- "@repo/eslint-config": "*",
- "@repo/typescript-config": "*",
- "@turbo/gen": "^1.11.3",
- "@types/node": "^20.10.6",
- "@types/eslint": "^8.56.1",
- "@types/react": "^18.2.46",
- "@types/react-dom": "^18.2.18",
- "eslint": "^8.56.0",
- "react": "^18.2.0",
- "typescript": "^5.3.3"
- }
-}
diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
deleted file mode 100644
index 78e5420..0000000
--- a/packages/ui/src/button.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import { ReactNode } from "react";
-
-interface ButtonProps {
- children: ReactNode;
- className?: string;
- appName: string;
-}
-
-export const Button = ({ children, className, appName }: ButtonProps) => {
- return (
-
- );
-};
diff --git a/packages/ui/src/card.tsx b/packages/ui/src/card.tsx
deleted file mode 100644
index f69672e..0000000
--- a/packages/ui/src/card.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-export function Card({
- className,
- title,
- children,
- href,
-}: {
- className?: string;
- title: string;
- children: React.ReactNode;
- href: string;
-}): JSX.Element {
- return (
-
-
- {title} ->
-
- {children}
-
- );
-}
diff --git a/packages/ui/src/code.tsx b/packages/ui/src/code.tsx
deleted file mode 100644
index 769d971..0000000
--- a/packages/ui/src/code.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export function Code({
- children,
- className,
-}: {
- children: React.ReactNode;
- className?: string;
-}): JSX.Element {
- return {children};
-}
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
deleted file mode 100644
index ca86687..0000000
--- a/packages/ui/tsconfig.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "extends": "@repo/typescript-config/react-library.json",
- "compilerOptions": {
- "outDir": "dist"
- },
- "include": ["src"],
- "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/ui/tsconfig.lint.json b/packages/ui/tsconfig.lint.json
deleted file mode 100644
index df2762e..0000000
--- a/packages/ui/tsconfig.lint.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "extends": "@repo/typescript-config/react-library.json",
- "compilerOptions": {
- "outDir": "dist"
- },
- "include": ["src", "turbo"],
- "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/ui/turbo/generators/config.ts b/packages/ui/turbo/generators/config.ts
deleted file mode 100644
index 07ce973..0000000
--- a/packages/ui/turbo/generators/config.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { PlopTypes } from "@turbo/gen";
-
-// Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
-
-export default function generator(plop: PlopTypes.NodePlopAPI): void {
- // A simple generator to add a new React component to the internal UI library
- plop.setGenerator("react-component", {
- description: "Adds a new react component",
- prompts: [
- {
- type: "input",
- name: "name",
- message: "What is the name of the component?",
- },
- ],
- actions: [
- {
- type: "add",
- path: "src/{{kebabCase name}}.tsx",
- templateFile: "templates/component.hbs",
- },
- {
- type: "append",
- path: "index.tsx",
- pattern: /"exports": {(?)/g,
- template: '"./{{kebabCase name}}": "./src/{{kebabCase name}}.tsx",',
- },
- ],
- });
-}
diff --git a/packages/ui/turbo/generators/templates/component.hbs b/packages/ui/turbo/generators/templates/component.hbs
deleted file mode 100644
index d968b9e..0000000
--- a/packages/ui/turbo/generators/templates/component.hbs
+++ /dev/null
@@ -1,8 +0,0 @@
-export const {{ pascalCase name }} = ({ children }: { children: React.ReactNode }) => {
- return (
-
-
{{ pascalCase name }} Component
- {children}
-
- );
-};
diff --git a/tsconfig.json b/tsconfig.json
index c8a018d..0967ef4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1 @@
-{
- "extends": "@repo/typescript-config/base.json"
-}
+{}