create-blocklet 0.7.9 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (255) hide show
  1. package/common/.github/workflows/main.yml +10 -7
  2. package/common/.prettierrc +1 -1
  3. package/common/LICENSE +1 -1
  4. package/common/_gitignore +1 -0
  5. package/common/_npmrc +0 -2
  6. package/common/scripts/build-clean.mjs +7 -0
  7. package/index.js +40 -32
  8. package/lib/arcblock.js +1 -1
  9. package/lib/constant.js +1 -0
  10. package/lib/did.js +2 -1
  11. package/lib/git.js +21 -21
  12. package/lib/server.js +10 -10
  13. package/lib/utils.js +2 -1
  14. package/package.json +16 -16
  15. package/templates/express-api/README.md +3 -3
  16. package/templates/express-api/api/hooks/pre-start.js +2 -1
  17. package/templates/express-api/api/index.js +1 -12
  18. package/templates/express-api/blocklet.yml +1 -1
  19. package/templates/express-api/package.json +20 -17
  20. package/templates/express-api/template-info.json +6 -3
  21. package/templates/html-static/README.md +3 -3
  22. package/templates/html-static/app/index.html +35 -36
  23. package/templates/html-static/app/styles/style.css +9 -1
  24. package/templates/html-static/blocklet.yml +1 -1
  25. package/templates/html-static/package.json +6 -5
  26. package/templates/html-static/template-info.json +2 -2
  27. package/templates/monorepo/.prettierrc +1 -1
  28. package/templates/monorepo/README.md +2 -2
  29. package/templates/monorepo/package.json +21 -13
  30. package/templates/monorepo/scripts/bump-version.mjs +1 -1
  31. package/templates/nestjs-api/.eslintrc.js +27 -3
  32. package/templates/nestjs-api/README.md +3 -3
  33. package/templates/nestjs-api/api/app.controller.ts +3 -1
  34. package/templates/nestjs-api/api/app.service.ts +1 -16
  35. package/templates/nestjs-api/api/hooks/pre-start.js +2 -1
  36. package/templates/nestjs-api/blocklet.yml +1 -1
  37. package/templates/nestjs-api/package.json +29 -26
  38. package/templates/nestjs-api/template-info.json +4 -1
  39. package/templates/nestjs-api/tsconfig.build.json +6 -1
  40. package/templates/nestjs-api/tsconfig.eslint.json +7 -0
  41. package/templates/nextjs-dapp/README.md +3 -3
  42. package/templates/nextjs-dapp/api/hooks/pre-start.js +2 -1
  43. package/templates/nextjs-dapp/blocklet.yml +1 -1
  44. package/templates/nextjs-dapp/package.json +23 -20
  45. package/templates/nextjs-dapp/pages/_app.js +1 -1
  46. package/templates/nextjs-dapp/pages/api/hello.js +1 -1
  47. package/templates/nextjs-dapp/pages/index.js +9 -17
  48. package/templates/nextjs-dapp/styles/Home.module.css +12 -3
  49. package/templates/nextjs-dapp/styles/globals.css +12 -2
  50. package/templates/nextjs-dapp/template-info.json +2 -2
  51. package/templates/react-dapp/README.md +3 -3
  52. package/templates/react-dapp/api/hooks/pre-start.js +2 -1
  53. package/templates/react-dapp/api/index.js +1 -0
  54. package/templates/react-dapp/api/routes/index.js +6 -0
  55. package/templates/react-dapp/blocklet.yml +1 -1
  56. package/templates/react-dapp/index.html +14 -11
  57. package/templates/react-dapp/package.json +32 -28
  58. package/templates/react-dapp/src/app.jsx +1 -5
  59. package/templates/react-dapp/src/assets/blocklet.svg +16 -0
  60. package/templates/react-dapp/src/assets/react.svg +1 -0
  61. package/templates/react-dapp/src/assets/vite.svg +1 -0
  62. package/templates/react-dapp/src/index.css +68 -0
  63. package/templates/react-dapp/src/index.jsx +1 -0
  64. package/templates/react-dapp/src/libs/api.js +5 -12
  65. package/templates/react-dapp/src/pages/home.css +45 -0
  66. package/templates/react-dapp/src/pages/home.jsx +42 -15
  67. package/templates/react-dapp/template-info.json +2 -2
  68. package/templates/react-dapp-ts/.eslintrc.js +3 -0
  69. package/templates/react-dapp-ts/README.md +3 -3
  70. package/templates/react-dapp-ts/api/src/hooks/pre-start.ts +2 -2
  71. package/templates/react-dapp-ts/api/src/routes/index.ts +6 -0
  72. package/templates/react-dapp-ts/blocklet.yml +1 -1
  73. package/templates/react-dapp-ts/index.html +14 -11
  74. package/templates/react-dapp-ts/package.json +38 -34
  75. package/templates/react-dapp-ts/src/app.tsx +1 -6
  76. package/templates/react-dapp-ts/src/assets/blocklet.svg +16 -0
  77. package/templates/react-dapp-ts/src/assets/react.svg +1 -0
  78. package/templates/react-dapp-ts/src/assets/vite.svg +1 -0
  79. package/templates/react-dapp-ts/src/index.css +68 -0
  80. package/templates/react-dapp-ts/src/index.tsx +2 -2
  81. package/templates/react-dapp-ts/src/libs/api.ts +5 -12
  82. package/templates/react-dapp-ts/src/pages/home.css +45 -0
  83. package/templates/react-dapp-ts/src/pages/home.tsx +42 -15
  84. package/templates/react-dapp-ts/tsconfig.api.json +4 -1
  85. package/templates/react-dapp-ts/tsconfig.eslint.json +3 -1
  86. package/templates/react-gun-dapp/README.md +3 -3
  87. package/templates/react-gun-dapp/api/hooks/pre-start.js +2 -1
  88. package/templates/react-gun-dapp/api/index.js +1 -0
  89. package/templates/react-gun-dapp/blocklet.yml +1 -1
  90. package/templates/react-gun-dapp/index.html +14 -11
  91. package/templates/react-gun-dapp/package.json +31 -28
  92. package/templates/react-gun-dapp/src/app.jsx +1 -1
  93. package/templates/react-gun-dapp/src/libs/api.js +1 -1
  94. package/templates/react-gun-dapp/src/pages/about.jsx +5 -1
  95. package/templates/react-gun-dapp/src/pages/home.jsx +5 -1
  96. package/templates/react-static/README.md +3 -3
  97. package/templates/react-static/blocklet.yml +1 -1
  98. package/templates/react-static/index.html +14 -11
  99. package/templates/react-static/package.json +20 -18
  100. package/templates/react-static/src/app.jsx +1 -5
  101. package/templates/react-static/src/assets/blocklet.svg +16 -0
  102. package/templates/react-static/src/assets/react.svg +1 -0
  103. package/templates/react-static/src/assets/vite.svg +1 -0
  104. package/templates/react-static/src/index.css +68 -0
  105. package/templates/react-static/src/index.jsx +1 -0
  106. package/templates/react-static/src/pages/home.css +45 -0
  107. package/templates/react-static/src/pages/home.jsx +30 -15
  108. package/templates/react-static/template-info.json +6 -3
  109. package/templates/solidjs-dapp/.eslintrc.js +2 -1
  110. package/templates/solidjs-dapp/README.md +3 -3
  111. package/templates/solidjs-dapp/api/hooks/pre-start.js +2 -1
  112. package/templates/solidjs-dapp/api/index.js +1 -0
  113. package/templates/solidjs-dapp/api/routes/index.js +6 -0
  114. package/templates/solidjs-dapp/blocklet.yml +4 -2
  115. package/templates/solidjs-dapp/index.html +15 -12
  116. package/templates/solidjs-dapp/package.json +34 -30
  117. package/templates/solidjs-dapp/src/App.jsx +15 -3
  118. package/templates/solidjs-dapp/src/App.module.css +7 -1
  119. package/templates/solidjs-dapp/src/assets/blocklet.svg +16 -0
  120. package/templates/{solidjs-static/src/logo.svg → solidjs-dapp/src/assets/solidjs.svg} +1 -1
  121. package/templates/solidjs-dapp/src/index.css +21 -5
  122. package/templates/solidjs-dapp/src/libs/api.js +7 -0
  123. package/templates/solidjs-dapp/template-info.json +2 -2
  124. package/templates/solidjs-static/.eslintrc.js +4 -0
  125. package/templates/solidjs-static/README.md +3 -3
  126. package/templates/solidjs-static/blocklet.yml +1 -1
  127. package/templates/solidjs-static/index.html +15 -12
  128. package/templates/solidjs-static/package.json +22 -21
  129. package/templates/solidjs-static/src/App.jsx +7 -3
  130. package/templates/solidjs-static/src/App.module.css +7 -1
  131. package/templates/solidjs-static/src/assets/blocklet.svg +16 -0
  132. package/templates/solidjs-static/src/index.css +3 -5
  133. package/templates/solidjs-static/template-info.json +2 -2
  134. package/templates/svelte-dapp/README.md +3 -4
  135. package/templates/svelte-dapp/api/hooks/pre-start.js +2 -1
  136. package/templates/svelte-dapp/api/index.js +1 -0
  137. package/templates/svelte-dapp/api/routes/index.js +6 -0
  138. package/templates/svelte-dapp/blocklet.yml +1 -1
  139. package/templates/svelte-dapp/index.html +13 -10
  140. package/templates/svelte-dapp/jsconfig.json +9 -7
  141. package/templates/svelte-dapp/package.json +29 -29
  142. package/templates/svelte-dapp/src/App.svelte +45 -42
  143. package/templates/svelte-dapp/src/app.css +79 -0
  144. package/templates/svelte-dapp/src/assets/blocklet.svg +16 -0
  145. package/templates/svelte-dapp/src/assets/svelte.svg +1 -0
  146. package/templates/svelte-dapp/src/assets/vite.svg +1 -0
  147. package/templates/svelte-dapp/src/components/Counter.svelte +10 -0
  148. package/templates/svelte-dapp/src/libs/api.js +7 -0
  149. package/templates/svelte-dapp/src/main.js +1 -0
  150. package/templates/svelte-dapp/template-info.json +2 -2
  151. package/templates/svelte-dapp/vite.config.mjs +6 -1
  152. package/templates/svelte-static/README.md +3 -4
  153. package/templates/svelte-static/blocklet.yml +1 -1
  154. package/templates/svelte-static/index.html +13 -10
  155. package/templates/svelte-static/jsconfig.json +9 -7
  156. package/templates/svelte-static/package.json +18 -22
  157. package/templates/svelte-static/src/App.svelte +36 -43
  158. package/templates/svelte-static/src/app.css +79 -0
  159. package/templates/svelte-static/src/assets/blocklet.svg +16 -0
  160. package/templates/svelte-static/src/assets/svelte.svg +1 -0
  161. package/templates/svelte-static/src/assets/vite.svg +1 -0
  162. package/templates/svelte-static/src/components/Counter.svelte +10 -0
  163. package/templates/svelte-static/src/main.js +1 -0
  164. package/templates/svelte-static/template-info.json +6 -3
  165. package/templates/svelte-static/vite.config.mjs +6 -1
  166. package/templates/todo-list-example/.eslintrc.js +1 -1
  167. package/templates/todo-list-example/api/src/hooks/pre-start.ts +2 -1
  168. package/templates/todo-list-example/api/src/routes/todo-list/$get.ts +1 -1
  169. package/templates/todo-list-example/api/src/routes/todo-list/$put.ts +1 -1
  170. package/templates/todo-list-example/blocklet.yml +7 -5
  171. package/templates/todo-list-example/index.html +14 -11
  172. package/templates/todo-list-example/package.json +44 -41
  173. package/templates/todo-list-example/src/components/layout.tsx +1 -1
  174. package/templates/todo-list-example/src/libs/api.ts +5 -12
  175. package/templates/todo-list-example/src/logo.svg +1 -1
  176. package/templates/todo-list-example/src/pages/required-login.tsx +3 -6
  177. package/templates/todo-list-example/src/pages/todo-list.css +72 -68
  178. package/templates/todo-list-example/src/pages/todo-list.tsx +32 -32
  179. package/templates/todo-list-example/template-info.json +1 -1
  180. package/templates/todo-list-example/tsconfig.api.json +4 -1
  181. package/templates/todo-list-example/tsconfig.eslint.json +3 -1
  182. package/templates/vue-dapp/README.md +3 -3
  183. package/templates/vue-dapp/api/hooks/pre-start.js +2 -1
  184. package/templates/vue-dapp/api/index.js +1 -0
  185. package/templates/vue-dapp/api/routes/index.js +6 -0
  186. package/templates/vue-dapp/blocklet.yml +1 -1
  187. package/templates/vue-dapp/index.html +14 -11
  188. package/templates/vue-dapp/package.json +32 -28
  189. package/templates/vue-dapp/src/App.vue +26 -19
  190. package/templates/vue-dapp/src/assets/blocklet.svg +16 -0
  191. package/templates/vue-dapp/src/assets/vite.svg +1 -0
  192. package/templates/vue-dapp/src/assets/vue.svg +1 -0
  193. package/templates/vue-dapp/src/components/HelloWorld.vue +25 -15
  194. package/templates/vue-dapp/src/libs/api.js +5 -12
  195. package/templates/vue-dapp/src/main.js +1 -0
  196. package/templates/vue-dapp/src/style.css +79 -0
  197. package/templates/vue-dapp/template-info.json +2 -2
  198. package/templates/vue-static/README.md +3 -3
  199. package/templates/vue-static/blocklet.yml +1 -1
  200. package/templates/vue-static/index.html +14 -11
  201. package/templates/vue-static/package.json +20 -19
  202. package/templates/vue-static/src/App.vue +27 -12
  203. package/templates/vue-static/src/assets/blocklet.svg +16 -0
  204. package/templates/vue-static/src/assets/vite.svg +1 -0
  205. package/templates/vue-static/src/assets/vue.svg +1 -0
  206. package/templates/vue-static/src/components/HelloWorld.vue +15 -15
  207. package/templates/vue-static/src/main.js +1 -0
  208. package/templates/vue-static/src/style.css +79 -0
  209. package/templates/vue-static/template-info.json +6 -3
  210. package/templates/vue2-dapp/README.md +3 -3
  211. package/templates/vue2-dapp/api/hooks/pre-start.js +2 -1
  212. package/templates/vue2-dapp/api/index.js +1 -0
  213. package/templates/vue2-dapp/blocklet.yml +1 -1
  214. package/templates/vue2-dapp/index.html +14 -11
  215. package/templates/vue2-dapp/package.json +30 -27
  216. package/templates/vue2-dapp/src/libs/api.js +1 -1
  217. package/templates/vue2-dapp/template-info.json +2 -2
  218. package/templates/vue2-static/README.md +3 -3
  219. package/templates/vue2-static/blocklet.yml +1 -1
  220. package/templates/vue2-static/index.html +14 -11
  221. package/templates/vue2-static/package.json +19 -18
  222. package/templates/vue2-static/template-info.json +6 -3
  223. package/common/.husky/pre-commit +0 -4
  224. package/common/scripts/build-clean.js +0 -5
  225. package/templates/express-api/.env +0 -1
  226. package/templates/monorepo/.husky/pre-commit +0 -4
  227. package/templates/react-dapp/src/app.css +0 -30
  228. package/templates/react-dapp/src/logo.svg +0 -1
  229. package/templates/react-dapp/src/pages/about.jsx +0 -16
  230. package/templates/react-dapp-ts/src/app.css +0 -30
  231. package/templates/react-dapp-ts/src/logo.svg +0 -1
  232. package/templates/react-dapp-ts/src/pages/about.tsx +0 -16
  233. package/templates/react-static/src/app.css +0 -30
  234. package/templates/react-static/src/logo.svg +0 -1
  235. package/templates/react-static/src/pages/about.jsx +0 -16
  236. package/templates/svelte-dapp/.eslintrc.js +0 -22
  237. package/templates/svelte-dapp/src/assets/svelte.png +0 -0
  238. package/templates/svelte-dapp/src/lib/Counter.svelte +0 -34
  239. package/templates/svelte-static/.eslintrc.js +0 -22
  240. package/templates/svelte-static/src/assets/svelte.png +0 -0
  241. package/templates/svelte-static/src/lib/Counter.svelte +0 -34
  242. package/templates/todo-list-example/.editorconfig +0 -23
  243. package/templates/todo-list-example/.github/workflows/main.yml +0 -36
  244. package/templates/todo-list-example/.github/workflows/pr-title.yml +0 -21
  245. package/templates/todo-list-example/.github/workflows/version-check.yml +0 -20
  246. package/templates/todo-list-example/.husky/pre-commit +0 -4
  247. package/templates/todo-list-example/.prettierrc +0 -9
  248. package/templates/todo-list-example/logo.png +0 -0
  249. package/templates/todo-list-example/public/.gitkeep +0 -0
  250. package/templates/todo-list-example/screenshots/.gitkeep +0 -0
  251. package/templates/todo-list-example/scripts/build-clean.js +0 -5
  252. package/templates/todo-list-example/scripts/bump-version.mjs +0 -35
  253. package/templates/vue-static/src/assets/logo.png +0 -0
  254. /package/templates/monorepo/{eslintrc.js → .eslintrc.js} +0 -0
  255. /package/templates/{solidjs-dapp/src/logo.svg → solidjs-static/src/assets/solidjs.svg} +0 -0
package/templates/nextjs-dapp/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "name": "nextjs",
2
+ "name": "template-nextjs-dapp",
3
3
  "version": "0.1.0",
4
4
  "private": true,
5
5
  "scripts": {
@@ -7,15 +7,15 @@
7
7
  "start": "nodemon -w api api/index.js",
8
8
  "lint": "next lint",
9
9
  "lint:fix": "npm run lint -- --fix",
10
- "clean": "node scripts/build-clean.js",
10
+ "clean": "node scripts/build-clean.mjs",
11
11
  "bundle": "npm run bundle:client && npm run bundle:api",
12
12
  "bundle:client": "PUBLIC_URL='/.blocklet/proxy/<%= did %>' next build",
13
- "bundle:api": "npm run clean && blocklet bundle --zip --create-release",
13
+ "bundle:api": "npm run clean && blocklet bundle --compact --create-release",
14
14
  "deploy": "npm run bundle && blocklet deploy .blocklet/bundle",
15
15
  "upload": "npm run bundle && blocklet upload .blocklet/release/blocklet.json",
16
16
  "deploy:child": "npm run bundle && blocklet deploy .blocklet/bundle --app-did=<%= did %>",
17
17
  "dev:child": "blocklet dev --component --app-did=<%= did %>",
18
- "prepare": "husky install",
18
+ "prepare": "npx simple-git-hooks",
19
19
  "bump-version": "zx --quiet scripts/bump-version.mjs"
20
20
  },
21
21
  "lint-staged": {
@@ -28,27 +28,30 @@
28
28
  ]
29
29
  },
30
30
  "dependencies": {
31
- "@arcblock/did-auth": "^1.18.108",
31
+ "@arcblock/did-auth": "^1.18.124",
32
32
  "@arcblock/did-auth-storage-nedb": "^1.7.1",
33
- "@blocklet/sdk": "^1.16.20",
34
- "@ocap/client": "^1.18.108",
35
- "@ocap/mcrypto": "^1.18.108",
36
- "@ocap/wallet": "^1.18.108",
37
- "dotenv-flow": "^3.3.0",
38
- "express": "^4.18.2",
39
- "next": "14.0.4",
33
+ "@blocklet/sdk": "^1.16.28",
34
+ "@ocap/client": "^1.18.124",
35
+ "@ocap/mcrypto": "^1.18.124",
36
+ "@ocap/wallet": "^1.18.124",
37
+ "dotenv-flow": "^4.1.0",
38
+ "express": "^4.19.2",
39
+ "next": "14.2.4",
40
40
  "react": "18.2.0",
41
41
  "react-dom": "18.2.0"
42
42
  },
43
43
  "devDependencies": {
44
- "bumpp": "^8.2.1",
45
- "eslint": "8.56.0",
46
- "eslint-config-next": "14.0.4",
47
- "husky": "^8.0.3",
48
- "lint-staged": "^12.5.0",
49
- "nodemon": "^3.0.2",
44
+ "bumpp": "^9.4.1",
45
+ "eslint": "8.57.0",
46
+ "eslint-config-next": "14.2.4",
47
+ "lint-staged": "^15.2.7",
48
+ "nodemon": "^3.1.4",
50
49
  "npm-run-all": "^4.1.5",
51
- "rimraf": "^3.0.2",
52
- "zx": "^7.2.3"
50
+ "rimraf": "^5.0.7",
51
+ "simple-git-hooks": "^2.11.1",
52
+ "zx": "^8.1.3"
53
+ },
54
+ "simple-git-hooks": {
55
+ "pre-commit": "npx lint-staged"
53
56
  }
54
57
  }
package/templates/nextjs-dapp/pages/_app.js CHANGED
@@ -8,7 +8,7 @@ function MyApp({ Component, pageProps }) {
8
8
  <Head>
9
9
  <title>{process.env.APP_TITLE}</title>
10
10
  <link rel="icon" href="/favicon.ico?imageFilter=convert&f=png&w=32" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <meta name="theme-color" content="#4F6AF5" />
13
13
  </Head>
14
14
  <Script src="__blocklet__.js" />
package/templates/nextjs-dapp/pages/api/hello.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2
2
 
3
3
  export default function handler(req, res) {
4
- res.status(200).json({ name: 'John Doe' })
4
+ res.status(200).json({ name: 'John Doe' });
5
5
  }
package/templates/nextjs-dapp/pages/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import Head from 'next/head'
2
- import Image from 'next/image'
3
- import styles from '../styles/Home.module.css'
1
+ import Head from 'next/head';
2
+ import Image from 'next/image';
3
+ import styles from '../styles/Home.module.css';
4
4
 
5
5
  export default function Home() {
6
6
  return (
@@ -15,8 +15,7 @@ export default function Home() {
15
15
  </h1>
16
16
 
17
17
  <p className={styles.description}>
18
- Get started by editing{' '}
19
- <code className={styles.code}>pages/index.js</code>
18
+ Get started by editing <code className={styles.code}>pages/index.js</code>
20
19
  </p>
21
20
 
22
21
  <div className={styles.grid}>
@@ -30,22 +29,16 @@ export default function Home() {
30
29
  <p>Learn about Next.js in an interactive course with quizzes!</p>
31
30
  </a>
32
31
 
33
- <a
34
- href="https://github.com/vercel/next.js/tree/canary/examples"
35
- className={styles.card}
36
- >
32
+ <a href="https://github.com/vercel/next.js/tree/canary/examples" className={styles.card}>
37
33
  <h2>Examples &rarr;</h2>
38
34
  <p>Discover and deploy boilerplate example Next.js projects.</p>
39
35
  </a>
40
36
 
41
37
  <a
42
38
  href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
43
- className={styles.card}
44
- >
39
+ className={styles.card}>
45
40
  <h2>Deploy &rarr;</h2>
46
- <p>
47
- Instantly deploy your Next.js site to a public URL with Vercel.
48
- </p>
41
+ <p>Instantly deploy your Next.js site to a public URL with Vercel.</p>
49
42
  </a>
50
43
  </div>
51
44
  </main>
@@ -54,8 +47,7 @@ export default function Home() {
54
47
  <a
55
48
  href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
56
49
  target="_blank"
57
- rel="noopener noreferrer"
58
- >
50
+ rel="noopener noreferrer">
59
51
  Powered by{' '}
60
52
  <span className={styles.logo}>
61
53
  <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
@@ -63,5 +55,5 @@ export default function Home() {
63
55
  </a>
64
56
  </footer>
65
57
  </div>
66
- )
58
+ );
67
59
  }
package/templates/nextjs-dapp/styles/Home.module.css CHANGED
@@ -61,8 +61,15 @@
61
61
  border-radius: 5px;
62
62
  padding: 0.75rem;
63
63
  font-size: 1.1rem;
64
- font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
65
- Bitstream Vera Sans Mono, Courier New, monospace;
64
+ font-family:
65
+ Menlo,
66
+ Monaco,
67
+ Lucida Console,
68
+ Liberation Mono,
69
+ DejaVu Sans Mono,
70
+ Bitstream Vera Sans Mono,
71
+ Courier New,
72
+ monospace;
66
73
  }
67
74
 
68
75
  .grid {
@@ -81,7 +88,9 @@
81
88
  text-decoration: none;
82
89
  border: 1px solid #eaeaea;
83
90
  border-radius: 10px;
84
- transition: color 0.15s ease, border-color 0.15s ease;
91
+ transition:
92
+ color 0.15s ease,
93
+ border-color 0.15s ease;
85
94
  max-width: 300px;
86
95
  }
87
96
 
package/templates/nextjs-dapp/styles/globals.css CHANGED
@@ -2,8 +2,18 @@ html,
2
2
  body {
3
3
  padding: 0;
4
4
  margin: 0;
5
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
6
- Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
5
+ font-family:
6
+ -apple-system,
7
+ BlinkMacSystemFont,
8
+ Segoe UI,
9
+ Roboto,
10
+ Oxygen,
11
+ Ubuntu,
12
+ Cantarell,
13
+ Fira Sans,
14
+ Droid Sans,
15
+ Helvetica Neue,
16
+ sans-serif;
7
17
  }
8
18
 
9
19
  a {
package/templates/nextjs-dapp/template-info.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "composable": true,
9
9
  "languages": "JavaScript",
10
10
  "useCase": "Starter",
11
- "author": "ZhangHan"
12
- }
11
+ "author": "Blocklet"
12
+ }
package/templates/react-dapp/README.md CHANGED
@@ -38,14 +38,14 @@ This blocklet is a dapp project, which means this is a full-stack application. I
38
38
 
39
39
  Blocklet needs blocklet server as a dependency. So you need to install it first.
40
40
  `npm install -g @blocklet/cli`
41
- See details in [https://developer.blocklet.io/docs/en/quick-start/blocklet-server#use-the-binary-distribution](https://developer.blocklet.io/docs/en/quick-start/blocklet-server#use-the-binary-distribution)
41
+ See details in [https://www.arcblock.io/docs/blocklet-developer/install-blocklet-cli](https://www.arcblock.io/docs/blocklet-developer/install-blocklet-cli)
42
42
 
43
43
  2. Init blocklet server & start blocklet server
44
44
 
45
45
  Before starting an blocklet server, you need to init blocklet server.
46
46
  `blocklet server init --mode=debug`
47
47
  `blocklet server start`
48
- See details in [https://developer.blocklet.io/docs/en/quick-start/blocklet-server](https://developer.blocklet.io/docs/en/quick-start/blocklet-server)
48
+ See details in [https://www.arcblock.io/docs/blocklet-developer/getting-started](https://www.arcblock.io/docs/blocklet-developer/getting-started)
49
49
 
50
50
  3. Go to the project directory `cd [name]`
51
51
  4. Install dependencies: `npm install` or `yarn`
@@ -145,7 +145,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
145
145
  ## Learn More
146
146
 
147
147
  - Full specification of `blocklet.yml`: [https://github.com/blocklet/blocklet-specification/blob/main/docs/meta.md](https://github.com/blocklet/blocklet-specification/blob/main/docs/meta.md)
148
- - Full document of Blocklet Server & blocklet development: [https://developer.blocklet.io/docs/en](https://developer.blocklet.io/docs/en)
148
+ - Full document of Blocklet Server & blocklet development: [https://www.arcblock.io/docs/blocklet-developer](https://www.arcblock.io/docs/blocklet-developer)
149
149
 
150
150
  ## License
151
151
 
package/templates/react-dapp/api/hooks/pre-start.js CHANGED
@@ -25,9 +25,10 @@ const ensureAccountDeclared = async () => {
25
25
  (async () => {
26
26
  try {
27
27
  await ensureAccountDeclared();
28
+ logger.info(`${name} pre-start successfully`);
28
29
  process.exit(0);
29
30
  } catch (err) {
30
- logger.error(`${name} pre-start error`, err.message);
31
+ logger.error(`${name} pre-start error`, err);
31
32
  process.exit(1);
32
33
  }
33
34
  })();
package/templates/react-dapp/api/index.js CHANGED
@@ -19,6 +19,7 @@ app.use(cors());
19
19
 
20
20
  const router = express.Router();
21
21
  router.use('/api', require('./routes'));
22
+
22
23
  app.use(router);
23
24
 
24
25
  const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
package/templates/react-dapp/api/routes/index.js CHANGED
@@ -3,4 +3,10 @@ const router = require('express').Router();
3
3
 
4
4
  router.use('/user', middleware.user(), (req, res) => res.json(req.user || {}));
5
5
 
6
+ router.use('/data', (req, res) =>
7
+ res.json({
8
+ message: 'Hello Blocklet!',
9
+ }),
10
+ );
11
+
6
12
  module.exports = router;
package/templates/react-dapp/blocklet.yml CHANGED
@@ -13,7 +13,7 @@ author:
13
13
  repository:
14
14
  type: git
15
15
  url: 'git+https://github.com/blocklet/create-blocklet.git'
16
- specVersion: 1.1.1
16
+ specVersion: 1.2.8
17
17
  version: 0.1.0
18
18
  logo: logo.png
19
19
  files:
package/templates/react-dapp/index.html CHANGED
@@ -1,14 +1,17 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" href="/favicon.ico?imageFilter=convert&f=png&w=32" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
7
- <meta name="theme-color" content="#4F6AF5" />
8
- </head>
9
- <body>
10
- <noscript> You need to enable JavaScript to run this app. </noscript>
11
- <div id="app"></div>
12
- <script type="module" src="/src/index.jsx"></script>
13
- </body>
3
+
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" href="/favicon.ico?imageFilter=convert&f=png&w=32" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+ <meta name="theme-color" content="#4F6AF5" />
9
+ </head>
10
+
11
+ <body>
12
+ <noscript> You need to enable JavaScript to run this app. </noscript>
13
+ <div id="app"></div>
14
+ <script type="module" src="/src/index.jsx"></script>
15
+ </body>
16
+
14
17
  </html>
package/templates/react-dapp/package.json CHANGED
@@ -1,20 +1,20 @@
1
1
  {
2
- "name": "template-react",
2
+ "name": "template-react-dapp",
3
3
  "version": "0.1.0",
4
4
  "scripts": {
5
5
  "dev": "blocklet dev",
6
6
  "lint": "eslint src api --ext .mjs,.js,.jsx,.ts,.tsx",
7
7
  "lint:fix": "npm run lint -- --fix",
8
8
  "start": "cross-env NODE_ENV=development nodemon api/dev.js -w api",
9
- "clean": "node scripts/build-clean.js",
9
+ "clean": "node scripts/build-clean.mjs",
10
10
  "bundle": "npm run bundle:client && npm run bundle:api",
11
11
  "bundle:client": "vite build",
12
- "bundle:api": "npm run clean && blocklet bundle --zip --create-release",
12
+ "bundle:api": "npm run clean && blocklet bundle --compact --create-release",
13
13
  "deploy": "npm run bundle && blocklet deploy .blocklet/bundle",
14
14
  "upload": "npm run bundle && blocklet upload .blocklet/release/blocklet.json",
15
15
  "deploy:child": "npm run bundle && blocklet deploy .blocklet/bundle --app-did=<%= did %>",
16
16
  "dev:child": "blocklet dev --component --app-did=<%= did %>",
17
- "prepare": "husky install",
17
+ "prepare": "npx simple-git-hooks",
18
18
  "bump-version": "zx --quiet scripts/bump-version.mjs"
19
19
  },
20
20
  "lint-staged": {
@@ -39,37 +39,41 @@
39
39
  ]
40
40
  },
41
41
  "dependencies": {
42
- "@arcblock/did-auth": "^1.18.108",
42
+ "@arcblock/did-auth": "^1.18.124",
43
43
  "@arcblock/did-auth-storage-nedb": "^1.7.1",
44
- "@blocklet/sdk": "^1.16.20",
45
- "@ocap/client": "^1.18.108",
46
- "@ocap/mcrypto": "^1.18.108",
47
- "@ocap/wallet": "^1.18.108",
48
- "axios": "^1.6.2",
44
+ "@blocklet/sdk": "^1.16.28",
45
+ "@ocap/client": "^1.18.124",
46
+ "@ocap/mcrypto": "^1.18.124",
47
+ "@ocap/wallet": "^1.18.124",
48
+ "axios": "^1.7.2",
49
49
  "cookie-parser": "^1.4.6",
50
50
  "cors": "^2.8.5",
51
- "dotenv-flow": "^3.3.0",
52
- "express": "^4.18.2",
53
- "express-async-errors": "^3.1.1",
54
- "react": "^18.2.0",
55
- "react-dom": "^18.2.0",
56
- "react-router-dom": "^6.21.0",
57
- "rimraf": "^3.0.2"
51
+ "dotenv-flow": "^4.1.0",
52
+ "express": "^4.19.2",
53
+ "express-async-errors": "^3.1.1"
58
54
  },
59
55
  "devDependencies": {
60
- "@arcblock/eslint-config": "^0.2.4",
61
- "@vitejs/plugin-react": "^4.2.1",
62
- "bumpp": "^8.2.1",
56
+ "@arcblock/eslint-config": "^0.3.2",
57
+ "@blocklet/js-sdk": "^1.16.28",
58
+ "@vitejs/plugin-react": "^4.3.1",
59
+ "bumpp": "^9.4.1",
63
60
  "cross-env": "^7.0.3",
64
- "eslint": "^8.56.0",
65
- "husky": "^8.0.3",
66
- "lint-staged": "^12.5.0",
67
- "nodemon": "^3.0.2",
61
+ "eslint": "^8.57.0",
62
+ "lint-staged": "^15.2.7",
63
+ "nodemon": "^3.1.4",
68
64
  "npm-run-all": "^4.1.5",
69
- "prettier": "^3.1.1",
70
- "vite": "^5.0.10",
71
- "vite-plugin-blocklet": "^0.7.9",
65
+ "prettier": "^3.3.2",
66
+ "rimraf": "^5.0.7",
67
+ "react": "^18.2.0",
68
+ "react-dom": "^18.2.0",
69
+ "react-router-dom": "^6.24.0",
70
+ "simple-git-hooks": "^2.11.1",
71
+ "vite": "^5.3.2",
72
+ "vite-plugin-blocklet": "^0.8.1",
72
73
  "vite-plugin-svgr": "^4.2.0",
73
- "zx": "^7.2.3"
74
+ "zx": "^8.1.3"
75
+ },
76
+ "simple-git-hooks": {
77
+ "pre-commit": "npx lint-staged"
74
78
  }
75
79
  }
package/templates/react-dapp/src/app.jsx CHANGED
@@ -1,16 +1,12 @@
1
1
  import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
2
2
 
3
- import './app.css';
4
3
  import Home from './pages/home';
5
- import About from './pages/about';
6
4
 
7
5
  function App() {
8
6
  return (
9
7
  <div className="app">
10
8
  <Routes>
11
- <Route exact path="/" element={<Home />} />
12
- <Route path="/about" element={<About />} />
13
- <Route path="/home" element={<Home />} />
9
+ <Route path="/" element={<Home />} />
14
10
  <Route path="*" element={<Navigate to="/" />} />
15
11
  </Routes>
16
12
  </div>
package/templates/react-dapp/src/assets/blocklet.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M50.152 10.6417L31.72 0L13.288 10.6417V24.7942L1 31.8887V53.1722L19.432 63.8139L31.6902 56.7366L31.72 56.7538L31.7498 56.7366L44.008 63.8139L62.44 53.1722V31.8887L50.152 24.7942V10.6417ZM60.52 32.9972L48.232 25.9027V11.7502L31.72 2.21703L15.208 11.7502V25.9028L2.92 32.9972V52.0636L19.432 61.5968L31.6902 54.5196L31.72 54.5368L31.7498 54.5196L44.008 61.5968L60.52 52.0636V32.9972Z" fill="url(#paint0_linear_2412_13557)"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M50.1521 24.8307L31.7201 14.189L13.2881 24.8307V46.1141L31.7201 56.7558L50.1521 46.1141V24.8307ZM15.2081 25.9392L31.7201 16.406L48.2321 25.9392V45.0056L31.7201 54.5388L15.2081 45.0056V25.9392ZM28.5464 23.0464C28.6641 22.6342 29.0408 22.3501 29.4695 22.3501H33.9707C34.3993 22.3501 34.776 22.6342 34.8938 23.0464L35.7504 26.0447L37.8696 27.2681L40.8945 26.5109C41.3103 26.4068 41.7447 26.591 41.959 26.9622L44.2096 30.8604C44.424 31.2316 44.3662 31.6998 44.0682 32.0079L41.8999 34.2489V36.6959L44.0682 38.9369C44.3662 39.245 44.424 39.7133 44.2096 40.0845L41.959 43.9827C41.7447 44.3539 41.3103 44.538 40.8945 44.4339L37.8696 43.6767L35.7504 44.9002L34.8938 47.8984C34.776 48.3106 34.3993 48.5947 33.9707 48.5947H29.4695C29.0408 48.5947 28.6641 48.3106 28.5464 47.8984L27.6897 44.9002L25.5706 43.6767L22.5457 44.4339C22.1299 44.538 21.6955 44.3539 21.4812 43.9827L19.2305 40.0845C19.0162 39.7133 19.0739 39.245 19.372 38.9369L21.5402 36.6959V34.2489L19.372 32.0079C19.0739 31.6998 19.0162 31.2316 19.2305 30.8604L21.4812 26.9622C21.6955 26.591 22.1299 26.4068 22.5457 26.5109L25.5706 27.2681L27.6897 26.0447L28.5464 23.0464ZM28.9861 27.5132C29.2018 27.3887 29.3607 27.1851 29.4292 26.9456L30.1936 24.2701H33.2466L34.011 26.9456C34.0794 27.1851 34.2383 27.3887 34.4541 27.5132L37.2459 29.1251C37.4617 29.2497 37.7174 29.2855 37.9591 29.225L40.6583 28.5493L42.1848 31.1932L40.25 33.193C40.0768 33.372 39.9799 33.6114 39.9799 33.8605V37.0843C39.9799 37.3334 40.0768 37.5728 40.25 37.7518L42.1848 39.7516L40.6583 42.3955L37.9591 41.7198C37.7174 41.6593 37.4617 41.6951 37.2459 41.8197L34.4541 43.4316C34.2383 43.5561 34.0794 43.7597 34.011 43.9992L33.2466 46.6747H30.1936L29.4292 43.9992C29.3607 43.7597 29.2018 43.5561 28.9861 43.4316L26.1942 41.8197C25.9785 41.6951 25.7228 41.6593 25.4811 41.7198L22.7819 42.3955L21.2554 39.7516L23.1902 37.7518C23.3634 37.5728 23.4602 37.3334 23.4602 37.0843V33.8605C23.4602 33.6114 23.3634 33.372 23.1902 33.193L21.2554 31.1932L22.7819 28.5493L25.4811 29.225C25.7228 29.2855 25.9785 29.2497 26.1942 29.1251L28.9861 27.5132ZM31.7201 41.6407C28.3134 41.6407 25.5517 38.8791 25.5517 35.4724C25.5517 32.0657 28.3134 29.3041 31.7201 29.3041C35.1268 29.3041 37.8884 32.0657 37.8884 35.4724C37.8884 38.8791 35.1268 41.6407 31.7201 41.6407ZM35.9684 35.4724C35.9684 37.8187 34.0664 39.7207 31.7201 39.7207C29.3738 39.7207 27.4717 37.8187 27.4717 35.4724C27.4717 33.1261 29.3738 31.2241 31.7201 31.2241C34.0664 31.2241 35.9684 33.1261 35.9684 35.4724Z" fill="url(#paint1_linear_2412_13557)"/>
4
+ <defs>
5
+ <linearGradient id="paint0_linear_2412_13557" x1="31.72" y1="95.7208" x2="95.488" y2="34.3249" gradientUnits="userSpaceOnUse">
6
+ <stop stop-color="#0FA4B7"/>
7
+ <stop offset="0.494757" stop-color="#1DC1C7"/>
8
+ <stop offset="1" stop-color="#2BE0D7"/>
9
+ </linearGradient>
10
+ <linearGradient id="paint1_linear_2412_13557" x1="28.4374" y1="99.2464" x2="98.7613" y2="44.9372" gradientUnits="userSpaceOnUse">
11
+ <stop stop-color="#0FA4B7"/>
12
+ <stop offset="0.494757" stop-color="#1DC1C7"/>
13
+ <stop offset="1" stop-color="#2BE0D7"/>
14
+ </linearGradient>
15
+ </defs>
16
+ <div xmlns="" mx-name="view-image-info"/></svg>
package/templates/react-dapp/src/assets/react.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
package/templates/react-dapp/src/assets/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/templates/react-dapp/src/index.css ADDED
@@ -0,0 +1,68 @@
1
+ :root {
2
+ font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3
+ line-height: 1.5;
4
+ font-weight: 400;
5
+
6
+ color-scheme: light dark;
7
+ color: rgba(255, 255, 255, 0.87);
8
+ background-color: #242424;
9
+
10
+ font-synthesis: none;
11
+ text-rendering: optimizeLegibility;
12
+ -webkit-font-smoothing: antialiased;
13
+ -moz-osx-font-smoothing: grayscale;
14
+ }
15
+
16
+ a {
17
+ font-weight: 500;
18
+ color: #646cff;
19
+ text-decoration: inherit;
20
+ }
21
+ a:hover {
22
+ color: #535bf2;
23
+ }
24
+
25
+ body {
26
+ margin: 0;
27
+ display: flex;
28
+ place-items: center;
29
+ min-width: 320px;
30
+ min-height: 100vh;
31
+ }
32
+
33
+ h1 {
34
+ font-size: 3.2em;
35
+ line-height: 1.1;
36
+ }
37
+
38
+ button {
39
+ border-radius: 8px;
40
+ border: 1px solid transparent;
41
+ padding: 0.6em 1.2em;
42
+ font-size: 1em;
43
+ font-weight: 500;
44
+ font-family: inherit;
45
+ background-color: #1a1a1a;
46
+ cursor: pointer;
47
+ transition: border-color 0.25s;
48
+ }
49
+ button:hover {
50
+ border-color: #646cff;
51
+ }
52
+ button:focus,
53
+ button:focus-visible {
54
+ outline: 4px auto -webkit-focus-ring-color;
55
+ }
56
+
57
+ @media (prefers-color-scheme: light) {
58
+ :root {
59
+ color: #213547;
60
+ background-color: #ffffff;
61
+ }
62
+ a:hover {
63
+ color: #747bff;
64
+ }
65
+ button {
66
+ background-color: #f9f9f9;
67
+ }
68
+ }
package/templates/react-dapp/src/index.jsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import ReactDOM from 'react-dom/client';
2
2
  import App from './app';
3
+ import './index.css';
3
4
 
4
5
  const root = ReactDOM.createRoot(document.getElementById('app'));
5
6
  root.render(<App />);
package/templates/react-dapp/src/libs/api.js CHANGED
@@ -1,14 +1,7 @@
1
- import axios from 'axios';
1
+ import { createAxios } from '@blocklet/js-sdk';
2
2
 
3
- axios.interceptors.request.use(
4
- (config) => {
5
- const prefix = window.blocklet ? window.blocklet.prefix : '/';
6
- config.baseURL = prefix || '';
7
- config.timeout = 200000;
3
+ const api = createAxios({
4
+ baseURL: window?.blocklet?.prefix || '/',
5
+ });
8
6
 
9
- return config;
10
- },
11
- (error) => Promise.reject(error)
12
- );
13
-
14
- export default axios;
7
+ export default api;
package/templates/react-dapp/src/pages/home.css ADDED
@@ -0,0 +1,45 @@
1
+ #app {
2
+ max-width: 1280px;
3
+ margin: 0 auto;
4
+ padding: 2rem;
5
+ text-align: center;
6
+ }
7
+
8
+ .logo {
9
+ height: 6em;
10
+ padding: 1.5em;
11
+ will-change: filter;
12
+ transition: filter 300ms;
13
+ }
14
+ .logo:hover {
15
+ filter: drop-shadow(0 0 2em #646cffaa);
16
+ }
17
+ .logo.react:hover {
18
+ filter: drop-shadow(0 0 2em #61dafbaa);
19
+ }
20
+ .logo.blocklet:hover {
21
+ filter: drop-shadow(0 0 2em #22cdcdaa);
22
+ }
23
+
24
+ @keyframes logo-spin {
25
+ from {
26
+ transform: rotate(0deg);
27
+ }
28
+ to {
29
+ transform: rotate(360deg);
30
+ }
31
+ }
32
+
33
+ @media (prefers-reduced-motion: no-preference) {
34
+ a:nth-of-type(2) .logo {
35
+ animation: logo-spin infinite 20s linear;
36
+ }
37
+ }
38
+
39
+ .card {
40
+ padding: 2em;
41
+ }
42
+
43
+ .read-the-docs {
44
+ color: #888;
45
+ }