ssr-plugin-react 7.0.1-beta.0 → 7.0.2

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 (10) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/README.md +63 -53
  3. package/cjs/index.d.ts.map +1 -1
  4. package/cjs/index.js +14 -3
  5. package/cjs/index.js.map +1 -1
  6. package/esm/index.d.ts.map +1 -1
  7. package/esm/index.js +14 -3
  8. package/esm/index.js.map +1 -1
  9. package/package.json +16 -16
  10. package/src/index.ts +14 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,40 @@
1
+ ## [7.0.2](https://github.com/zhangyuang/ssr/compare/plugin-react@7.0.1...plugin-react@7.0.2) (2025-08-04)
2
+
3
+
4
+
5
+ ## [7.0.1](https://github.com/zhangyuang/ssr/compare/plugin-react@6.2.84...plugin-react@7.0.1) (2025-08-04)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * analyze ([2b3879c](https://github.com/zhangyuang/ssr/commit/2b3879cf10009ed7128f7da101518e2bc93abc8a))
11
+ * compile error ([6be2a8f](https://github.com/zhangyuang/ssr/commit/6be2a8ffb65edd91ad8bc9b0ef66a338a8de4218))
12
+ * set currentRouter path when use memoryHistory in client ([df7b040](https://github.com/zhangyuang/ssr/commit/df7b040035e39400e3c6ed8256ab0fb0e08f3c61))
13
+ * use req.url instead of req.path ([b3e9729](https://github.com/zhangyuang/ssr/commit/b3e972964de7191f2cfb6aa3852a7de8c2fe2b99))
14
+
15
+
16
+ ### Features
17
+
18
+ * add biome.json in example ([b474e2b](https://github.com/zhangyuang/ssr/commit/b474e2bce5e31595fd0297786a76c94f0efd8dd6))
19
+ * add plugin-react-oxc ([80ae3bc](https://github.com/zhangyuang/ssr/commit/80ae3bc4c6d39075bb8554822350d5e45f4a8b65))
20
+ * add rspack ([f3e4216](https://github.com/zhangyuang/ssr/commit/f3e42167db9ab0b1152ca978f5d7391d6de6c0cf))
21
+ * add rspack skip ci ([62d49ca](https://github.com/zhangyuang/ssr/commit/62d49caa0694899930747c60ad1f8cc168f2efba))
22
+ * add vite rolldown ([2f348cf](https://github.com/zhangyuang/ssr/commit/2f348cf0ee9ab923b476e284d77c804d4341f9c5))
23
+ * add wrap-micro-scope-plugin ([39da637](https://github.com/zhangyuang/ssr/commit/39da63718930490db4f99845d8df20b5636f2c39))
24
+ * adjust history order ([67ea802](https://github.com/zhangyuang/ssr/commit/67ea80211140cb4aa018d04789c0cc006e39e438))
25
+ * set asset emit to false in rspack server side ([112bc07](https://github.com/zhangyuang/ssr/commit/112bc07775f60c6c82a5c121e7e1efbe592e5712))
26
+ * set request router info in csr mode for vue3 ([fa7a59d](https://github.com/zhangyuang/ssr/commit/fa7a59dd36ebb69af988832ac373409201f89659))
27
+ * set vue router url with all render modes ([b58f828](https://github.com/zhangyuang/ssr/commit/b58f8281b684f042e0434f87a5d9ce96addfc04a))
28
+ * support clientHistoryRouterMode ([5ce75ac](https://github.com/zhangyuang/ssr/commit/5ce75ac352ede9c9af5461c92491f738af892eda))
29
+ * support handle external in server ([a804514](https://github.com/zhangyuang/ssr/commit/a804514371a4ea8a7705fb2785d3ae6d96ac2da2))
30
+ * support window.ssrRequestPath inject for memoryHistory in vue3 ([ca99c5d](https://github.com/zhangyuang/ssr/commit/ca99c5dd5fed3c1bcd2c440991f7b08bc6f961b3))
31
+ * update default source-map type ([4f0543d](https://github.com/zhangyuang/ssr/commit/4f0543df75611bf5e641943f46e639c4630954a3))
32
+ * upgrade typescript to v5 ([12f3bed](https://github.com/zhangyuang/ssr/commit/12f3bed51cf94274eb050efae9a1994d71a9b095))
33
+ * use biome replace eslint ([8740d4d](https://github.com/zhangyuang/ssr/commit/8740d4dbc66e7f034857f229a04be91ee2aff609))
34
+ * use micro plugin in dev ([671ba69](https://github.com/zhangyuang/ssr/commit/671ba695747a00297d640869dcf9d3437944dd58))
35
+
36
+
37
+
1
38
  ## [7.0.1-beta.0](https://github.com/zhangyuang/ssr/compare/plugin-react@6.2.84...plugin-react@7.0.1-beta.0) (2025-07-26)
2
39
 
3
40
 
package/README.md CHANGED
@@ -15,33 +15,45 @@
15
15
  <div align="center">
16
16
  <a href="https://github.com/zhangyuang/ssr/actions" target="_blank"><img src="https://github.com/zhangyuang/ssr/workflows/CI/badge.svg" alt="githubActions" />
17
17
  <a href="https://www.cypress.io/" target="_blank"><img src="https://img.shields.io/badge/cypress-dashboard-brightgreen.svg" alt="cypress" />
18
- <a href="https://github.com/zhangyuang/ssr" target="_blank"><img src="https://img.shields.io/badge/node-%3E=14-green.svg?color=4dc71f" alt="Node" ></a>
18
+ <a href="https://github.com/zhangyuang/ssr" target="_blank"><img src="https://img.shields.io/badge/node-%3E=20-green.svg?color=4dc71f" alt="Node" ></a>
19
19
  <a href="https://github.com/zhangyuang/ssr" target="_blank"><img src="https://img.shields.io/github/stars/zhangyuang/ssr.svg?color=4dc71f" alt="Node" ></a>
20
20
  </div>
21
21
  <br />
22
22
 
23
23
 
24
+ ## 7.x 版本
25
+
26
+ `ssr` 框架 `7.x` 版本正在紧密开发中，在 `7.x` 版本中我们将会同时支持 `Webpack` , `Rspack` , `Rolldown-Vite` 三种构建工具来极大的加快构建性能。同时在使用方式上和 `6.x` 版本保持一致，用户可以无缝的从 `6.x` 版本迁移到 `7.x` 版本。
27
+
28
+ 同时在 `7.x` 版本我们设计精简了依赖项，开发者可以只安装当前使用的前端框架和构建工具的依赖项。未使用到的构建工具的相关依赖将不会被安装。
29
+
30
+ ## 简介
31
+
24
32
  `ssr` 框架是为前端框架在服务端渲染的场景下所打造的开箱即用的服务端渲染框架。了解什么是服务端渲染请查看[文档](http://doc.ssr-fc.com/docs/features$ssr)
25
33
 
26
- 此框架脱胎于 [egg-react-ssr](https://github.com/zhangyuang/egg-react-ssr) 项目和 `ssr` v4版本`（midway-faas + react ssr）`，在之前的基础上做了诸多演进，通过插件化的代码组织形式，支持任意服务端框架与任意前端框架的组合使用。开发者可以选择通过 `Serverless` 方式部署或是以传统 `Node.js` 的应用形式部署，并且我们专注于提升 `Serverless` 场景下服务端渲染应用的开发体验，打造了一站式的开发，发布应用服务的功能。最大程度提升开发者的开发体验，将应用的开发，部署成本降到最低。
34
+ 此框架脱胎于 [egg-react-ssr](https://github.com/zhangyuang/egg-react-ssr) 项目和 `ssr` v4版本 `（midway-faas + react ssr）` ，在之前的基础上做了诸多演进，通过插件化的代码组织形式，支持任意服务端框架与任意前端框架的组合使用。开发者可以选择通过 `Serverless` 方式部署或是以传统 `Node.js` 的应用形式部署，并且我们专注于提升 `Serverless` 场景下服务端渲染应用的开发体验，打造了一站式的开发，发布应用服务的功能。最大程度提升开发者的开发体验，将应用的开发，部署成本降到最低。
35
+
36
+ 在最新的版本中，同时支持 `React17/18/19` 和 `Vue2/Vue3` 作为服务端渲染的前端框架，开发工具侧我们同时支持了 `Vite|Webpack|Rspack` 来提升应用的启动速度，构建速度和 HMR 速度。
27
37
 
28
- 在最新的版本中，同时支持 `React17/18` 和 `Vue2/Vue3` 作为服务端渲染框架且开发工具侧我们同样支持了最流行的 `Vite` 来提升应用的启动速度和 HMR 速度，且提供一键以 `Serverless` 的形式发布上云的功能。我们可以非常有自信说它是地球上最先进的 `ssr` 框架。如果你希望获得开箱即用的体验且能够一键部署上云，请选择 `ssr` 框架。
38
+ 在 `Node.js` 框架中，官方默认的 `example` 提供了基于 `Nest.js` 和 `Midway.js` 这两个流行的 `Node.js` 框架与 `ssr` 框架集成示例。当然 `ssr` 框架在设计上不与任何 `Node.js` 框架耦合，开发者可以自由选择使用任何 `Node.js` 框架。
29
39
 
30
- 阅读我们的 [官方文档](http://doc.ssr-fc.com/) 获得更加详细的了解。事实上文档本身便是用 `ssr` 框架开发并通过 `Serverless` 部署到阿里云服务
40
+ 如果你选择的是 `Midway.js` 作为 `Node.js` 框架，那么可以直接使用内置的 `ssr deploy` 命令来一键部署应用到 `阿里云` 或 `腾讯云` 平台。
41
+
42
+ 阅读我们的 [官方文档](http://doc.ssr-fc.com/) 获得更加详细的了解。事实上文档本身便是用 `ssr` 框架开发并部署到阿里云 `Serverless` 服务。
31
43
 
32
44
  ![](https://res.wx.qq.com/op_res/B9tJE-lFR3gCif92sM4BeeqAcoJSZbJK-auM7MACgomrWm58C1moA3BfatZ5gS-tgZHYyk57e0JQRtgdcgho-g)
33
45
 
34
46
  ## 什么情况下你应该选择 ssr 框架
35
47
 
36
- - 需要在 `Node.js` 与前端框架结合的场景使用，与其他纯前端的框架不同 `ssr` 框架是专为服务端渲染场景或者 `Node.js` 与前端结合的场景打造的框架
37
- - 需要一个开箱即用的服务端渲染能力，不需要手动去组合不同的前端框架与服务端框架之间的联系
38
- - 需要框架层面的渲染降级能力，在服务端渲染出错时自动降级到客户端渲染
39
- - 需要一个配置简单逻辑清晰的框架， `ssr` 框架的渲染逻辑和应用构建逻辑是同类型框架中最清晰的
40
- - 可能会改动技术栈，如从 `Vue2` 升级为 `Vue3`，从 `Vue3` 降级为 `Vue2` 或 `React/Vue` 互相切换
41
- - 需要在服务端渲染场景下开箱即用使用 `antd` `vant` 等流行 `ui` 库
42
- - 需要能够同时支持 `Webpack`, `Vite` 两种开发工具，以便同时得到快速的启动速度 `HMR` 速度以及稳定的生产环境代码
43
- - 需要在 `Vue3 SSR` 使用 [pinia](https://pinia.vuejs.org/) 作为数据管理方案
44
- - 只是单纯的需要一个更快更好用的 `cra` 或 `vue-cli`, `ssr` 框架在纯 `csr` 场景的支持也十分优秀
48
+ * 需要在 `Node.js` 与前端框架结合的场景使用，与其他纯前端的框架不同 `ssr` 框架是专为服务端渲染场景或者 `Node.js` 与前端结合的场景打造的框架
49
+ * 需要一个开箱即用的服务端渲染能力，不需要手动去组合不同的前端框架与服务端框架之间的联系
50
+ * 需要框架层面的渲染降级能力，在服务端渲染出错时自动降级到客户端渲染
51
+ * 需要一个配置简单逻辑清晰的框架， `ssr` 框架的渲染逻辑和应用构建逻辑是同类型框架中最清晰的
52
+ * 可能会改动技术栈，如从 `Vue2` 升级为 `Vue3`，从 `Vue3` 降级为 `Vue2` 或 `React/Vue` 互相切换
53
+ * 需要在服务端渲染场景下开箱即用使用 `antd` `vant` 等流行 `ui` 库
54
+ * 需要能够同时支持 `Webpack`, `Vite` 两种开发工具，以便同时得到快速的启动速度 `HMR` 速度以及稳定的生产环境代码
55
+ * 需要在 `Vue3 SSR` 使用 [pinia](https://pinia.vuejs.org/) 作为数据管理方案
56
+ * 只是单纯的需要一个更快更好用的 `cra` 或 `vue-cli`, `ssr` 框架在纯 `csr` 场景的支持也十分优秀
45
57
 
46
58
  ## 哪些应用在使用
47
59
 
@@ -52,18 +64,18 @@
52
64
  <td align="center"><a target="_blank" href="http://youku.com/"><img src="https://img.alicdn.com/tfs/TB17DTuXkH0gK0jSZPiXXavapXa-680-133.svg" width="120"/><br />
53
65
  <sub><b>优酷视频
54
66
  </b></td>
55
- <td align="center" style="width: 120px;"><a target="_blank" href="#"><img src="https://wxa-shop-1258344707.cos.ap-shanghai.myqcloud.com/test/cdn/c8e49fda-d8ef-4332-a2c0-8c9e571883f5.jpeg?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDtb4HEuJSLyJNCk11kCNHvIPGp8AvQfdK%26q-sign-time%3D1653378495%3B4294967040%26q-key-time%3D1653378495%3B4294967040%26q-header-list%3Dhost%26q-url-param-list%3D%26q-signature%3D2d09dc5ceec264a030da16b747477adf0ae5b647
67
+ <td align="center" style="width: 120px; "><a target="_blank" href="#"><img src="https://wxa-shop-1258344707.cos.ap-shanghai.myqcloud.com/test/cdn/c8e49fda-d8ef-4332-a2c0-8c9e571883f5.jpeg?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDtb4HEuJSLyJNCk11kCNHvIPGp8AvQfdK%26q-sign-time%3D1653378495%3B4294967040%26q-key-time%3D1653378495%3B4294967040%26q-header-list%3Dhost%26q-url-param-list%3D%26q-signature%3D2d09dc5ceec264a030da16b747477adf0ae5b647
56
68
  " width="120"/><br><sub><b>微信公众平台
57
69
  </b></sub></a></td>
58
70
  <td align="center" style="height: 100px"><a href="#" target="_blank"><img src="https://res.wx.qq.com/op_res/wy4vvtyfqW8HjIfBKjba6TNEFBHuAApjJ1FjSQ37OVIdIYtylmiBm2ZeJ79SRtmT4IipU69bDNDw0Rrdnjd9yg
59
- " width="200px;margin: 20px 0" /><br />
71
+ " width="200px; margin: 20px 0" /><br />
60
72
  <a href="#" target="_bvlank"><b>腾讯体育
61
73
  </b></a></td>
62
74
  <td align="center" style="height: 100px"><a href="#" target="_blank"><img src="https://res.wx.qq.com/op_res/qc0sXfbvOvZFKVaDy9OLsqHfwHg6U4AemN2MP6YUxEo0EWpK6RyRcj70bIf3GEg5y_WA1wuv4HcfYi2FP7Awkw
63
- " width="200px;margin: 20px 0" /><br />
75
+ " width="200px; margin: 20px 0" /><br />
64
76
  <a href="#" target="_bvlank"><b>QQ会员
65
77
  </b></a></td>
66
- <td align="center" style="height: 100px"><a href="https://m.film.qq.com/x/tva-vip-center/" target="_blank"><img src="https://res.wx.qq.com/op_res/x7sWI9AfUK1QwH0EDhKp4e_bGWxYOQ_1RlZqBFy9JntJzaE4aRzNhVgmxLNloAFpSQ-mBr9X9pux3QlV9QHHvQ" width="200px;margin: 20px 0" /><br />
78
+ <td align="center" style="height: 100px"><a href="https://m.film.qq.com/x/tva-vip-center/" target="_blank"><img src="https://res.wx.qq.com/op_res/x7sWI9AfUK1QwH0EDhKp4e_bGWxYOQ_1RlZqBFy9JntJzaE4aRzNhVgmxLNloAFpSQ-mBr9X9pux3QlV9QHHvQ" width="200px; margin: 20px 0" /><br />
67
79
  <a href="https://m.film.qq.com/x/tva-vip-center/" target="_bvlank"><b>腾讯视频
68
80
  </b></a></td>
69
81
  <td align="center"><a href="https://www.niuniuda.com/mall" target="_blank"><img src="https://img.alicdn.com/tfs/TB1df_8pBr0gK0jSZFnXXbRRXXa-160-60.png" width="120" alt="牛牛搭"/><br />
@@ -94,10 +106,10 @@
94
106
  <td align="center"><a href="https://www.100.com/" target="_blank"><img src="https://oss.bs2dl.100.com/hippo/config/f13ee98cfca7ce13888752c1261081b44bd356fd.png" width="120" /><br />
95
107
  <a href="https://www.100.com/" target="_bvlank"><sub><b>100教育
96
108
  </b></a></td>
97
- <td align="center" style="height: 100px"><a href="https://blog.dreamer2q.wang/" target="_blank"><img src="https://res.wx.qq.com/op_res/MxxGgjPFRiTgjiReUefs2aMce-SgNvxxTB9U87YYhcOu6KPw9er7r2Lc0ne-b90nFstTUpc8REDwpxfUreKV1g" width="200px;margin: 20px 0" alt="Dream2qBlog"/><br />
109
+ <td align="center" style="height: 100px"><a href="https://blog.dreamer2q.wang/" target="_blank"><img src="https://res.wx.qq.com/op_res/MxxGgjPFRiTgjiReUefs2aMce-SgNvxxTB9U87YYhcOu6KPw9er7r2Lc0ne-b90nFstTUpc8REDwpxfUreKV1g" width="200px; margin: 20px 0" alt="Dream2qBlog"/><br />
98
110
  <a href="https://blog.dreamer2q.wang/" target="_bvlank"><b>个人博客
99
111
  </b></a></td>
100
- <td align="center" style="height: 100px"><a href="https://jiawu.dewu.com" target="_blank"><img src="https://cdn.poizon.com/node-common/31116a45953ad8b468c6c832036aac88.png" width="200px;margin: 20px 0" alt="Dream2qBlog"/><br />
112
+ <td align="center" style="height: 100px"><a href="https://jiawu.dewu.com" target="_blank"><img src="https://cdn.poizon.com/node-common/31116a45953ad8b468c6c832036aac88.png" width="200px; margin: 20px 0" alt="Dream2qBlog"/><br />
101
113
  <a href="https://jiawu.dewu.com" target="_bvlank"><b>得物
102
114
  </b></a></td>
103
115
  <td align="center"><a href="https://www.myweimai.com/#sectionOne" target="_blank"><img src="https://img.alicdn.com/tfs/TB16i3VrQT2gK0jSZPcXXcKkpXa-400-400.jpg" width="120" alt="微脉"/><br />
@@ -109,14 +121,14 @@
109
121
  </tr>
110
122
  <tr>
111
123
  <td align="center" style="height: 100px"><a href="https://www.habisummercamp.com/" target="_blank"><img src="https://res.wx.qq.com/op_res/XXUpF56bDue53vZadoCSPSnqKF3bZqPOQnqsPa_ngEARa0OUIW22pX7eKsftPb6pc5ny62cR_wXM4g5xJ7G3DQ
112
- " width="200px;margin: 20px 0" alt="Happy"/><br />
124
+ " width="200px; margin: 20px 0" alt="Happy"/><br />
113
125
  <a href="https://www.habisummercamp.com/" target="_bvlank"><b>HappyPC
114
126
  </b></a></td>
115
127
  <td align="center" style="height: 100px"><a href="https://m.habisummercamp.com/" target="_blank"><img src="https://res.wx.qq.com/op_res/XXUpF56bDue53vZadoCSPSnqKF3bZqPOQnqsPa_ngEARa0OUIW22pX7eKsftPb6pc5ny62cR_wXM4g5xJ7G3DQ
116
- " width="200px;margin: 20px 0" alt="Happy"/><br />
128
+ " width="200px; margin: 20px 0" alt="Happy"/><br />
117
129
  <a href="https://m.habisummercamp.com/" target="_bvlank"><b>HappyMobile
118
130
  </b></a></td>
119
- <td align="center" style="width: 120px;"><a target="_blank" href="https://yulebao.alibaba.com/"><img src="https://gw.alicdn.com/tfs/TB1CmlIIFT7gK0jSZFpXXaTkpXa-190-46.png" width="120"/><br><sub><b>阿里影业娱乐宝
131
+ <td align="center" style="width: 120px; "><a target="_blank" href="https://yulebao.alibaba.com/"><img src="https://gw.alicdn.com/tfs/TB1CmlIIFT7gK0jSZFpXXaTkpXa-190-46.png" width="120"/><br><sub><b>阿里影业娱乐宝
120
132
  </b></sub></a></td>
121
133
  <td align="center"><a target="_blank" href="https://campaign.vmate.com/vrbollywood"><img src="https://img.alicdn.com/tfs/TB17p6Vhbj1gK0jSZFOXXc7GpXa-512-512.png" width="120" alt="vmate 积分商城"/><br />
122
134
  <a target="_blank" href="https://job.alibaba.com/zhaopin/position_detail.htm?trace=qrcode_share&positionCode=GP524819"><sub><b>Vmate短视频
@@ -124,7 +136,7 @@
124
136
  <td align="center"><a target="_blank" href="https://enjoysales.paat.com/"><img src="https://img.alicdn.com/tfs/TB1Ma0BiEY1gK0jSZFMXXaWcVXa-836-836.png" width="120" alt="火炽星原CRM"/><br />
125
137
  <a target="_blank" href="https://enjoysales.paat.com/"><sub><b>火炽星原CRM
126
138
  </b></a></td>
127
- <td align="center" style="height: 100px"><a href="https://www.paixin.com/" target="_blank"><img src="https://www.paixin.com/favicon.ico" width="200px;margin: 20px 0" /><br />
139
+ <td align="center" style="height: 100px"><a href="https://www.paixin.com/" target="_blank"><img src="https://www.paixin.com/favicon.ico" width="200px; margin: 20px 0" /><br />
128
140
  <a href="https://www.paixin.com/" target="_bvlank"><b>拍信创意
129
141
  </b></a></td>
130
142
  <td align="center"><a href="https://www.66tools.com/" target="_blank"><img src="https://cdn.66tools.com/extension/chrome_qrcode_avatar.png" width="120" alt="极速二维码"/><br />
@@ -144,13 +156,13 @@
144
156
 
145
157
  ## Features
146
158
 
147
- - 🌱　极易定制：前端支持 React17/React18/Vue2/Vue3 等现代Web框架；
148
- - 🚀　开箱即用：内置 10+ 脚手架配套扩展，如 [Pinia](https://pinia.vuejs.org/introduction.html#basic-example)、[antd](https://ant.design/components/overview-cn/)、[vant](https://github.com/youzan/vant)、TypeScript、Hooks等；
149
- - 🧲　插件驱动：基于插件架构，用户更加专注于业务逻辑；
150
- - 💯　Serverless优先：一键发布到各种Serverless平台，也支持传统Web Server，比如Egg、Midway、Nest等。
151
- - 🛡　高可用场景，可无缝从SSR降级到CSR，最佳容灾方案。
152
- - 😄　功能丰富，构建工具同时支持 Webpack/Vite，支持四种渲染模式 `SSR|CSR|SSG|Html`
153
- - ✨ 支持 [bun](https://bun.sh/) 作为 js runtime
159
+ * 🌱　极易定制：前端支持 React17/React18/Vue2/Vue3 等现代Web框架；
160
+ * 🚀　开箱即用：内置 10+ 脚手架配套扩展，如 [Pinia](https://pinia.vuejs.org/introduction.html#basic-example)、[antd](https://ant.design/components/overview-cn/)、[vant](https://github.com/youzan/vant)、TypeScript、Hooks等；
161
+ * 🧲　插件驱动：基于插件架构，用户更加专注于业务逻辑；
162
+ * 💯　Serverless优先：一键发布到各种Serverless平台，也支持传统Web Server，比如Egg、Midway、Nest等。
163
+ * 🛡　高可用场景，可无缝从SSR降级到CSR，最佳容灾方案。
164
+ * 😄　功能丰富，构建工具同时支持 Webpack/Vite，支持四种渲染模式 `SSR|CSR|SSG|Html`
165
+ * ✨ 支持 [bun](https://bun.sh/) 作为 js runtime
154
166
 
155
167
  ## 已实现的功能
156
168
 
@@ -189,17 +201,17 @@
189
201
 
190
202
  虽然技术栈不同但开发思想是一致的，在任何技术栈的组合中我们的开发命令, 构建命令以及渲染原理都是完全一致的
191
203
 
192
- 注意: 在 `Midway.js` `Nest.js` 场景下我们都已实现了一键部署到 `Serverless` 平台的能力。但底层实现略有差异。更加详细的介绍可以阅读 [Serverless](http://doc.ssr-fc.com/docs/features$serverless) 章节。如需要大量使用 `Serverless` 平台提供的能力，我们建议创建 `Midway.js` 类型的应用。强烈建议阅读我们的 [官方文档](http://doc.ssr-fc.com/) 来获得更加详细的了解
204
+ 注意: 在 `Midway.js` `Nest.js` 场景下我们都已实现了一键部署到 `Serverless` 平台的能力。但底层实现略有差异。更加详细的介绍可以阅读 [Serverless](http://doc.ssr-fc.com/docs/features$serverless) 章节。如需要大量使用 `Serverless` 平台提供的能力，我们建议创建 `Midway.js` 类型的应用。强烈建议阅读我们的 [官方文档](http://doc.ssr-fc.com/) 来获得更加详细的了解
193
205
 
194
- - [nestjs-react-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-react-ssr)
195
- - [nestjs-react18-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-react18-ssr)
196
- - [nestjs-vue-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-vue-ssr)
197
- - [nestjs-vue3-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-vue3-ssr)
198
- - [nestjs-vue3-ssr-pinia](https://github.com/zhangyuang/nestjs-vue3-ssr-pinia)
199
- - [midway-react-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-react-ssr)
200
- - [midway-react18-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-react18-ssr)
201
- - [midway-vue-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-vue-ssr)
202
- - [midway-vue3-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-vue3-ssr)
206
+ * [nestjs-react-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-react-ssr)
207
+ * [nestjs-react18-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-react18-ssr)
208
+ * [nestjs-vue-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-vue-ssr)
209
+ * [nestjs-vue3-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/nestjs-vue3-ssr)
210
+ * [nestjs-vue3-ssr-pinia](https://github.com/zhangyuang/nestjs-vue3-ssr-pinia)
211
+ * [midway-react-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-react-ssr)
212
+ * [midway-react18-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-react18-ssr)
213
+ * [midway-vue-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-vue-ssr)
214
+ * [midway-vue3-ssr](https://github.com/zhangyuang/ssr/tree/dev/example/midway-vue3-ssr)
203
215
 
204
216
  开发者可根据实际技术栈需要创建不同类型的应用快速开始
205
217
 
@@ -214,7 +226,7 @@ $ yarn # 建议使用 yarn, 也可以 npm install
214
226
  $ yarn start
215
227
  $ open http://localhost:3000 # 访问应用
216
228
  $ yarn build # 资源构建，等价于 npx ssr build
217
- $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
229
+ $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --tools vite
218
230
  ```
219
231
 
220
232
  ![](images/start-vite3.gif)
@@ -224,15 +236,14 @@ $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
224
236
  通过访问以下链接来预览该框架通过 Serverless 一键部署到阿里云/腾讯云服务的应用详情。
225
237
  通过使用 queryParams `csr=true` 来让 SSR 服务端渲染模式一键降级为 CSR 客户端渲染模式，也可以通过 `config.js` 来进行配置。
226
238
 
227
- - http://ssr-fc.com/ 部署到阿里云的 React SSR 应用
228
- - http://ssr-fc.com?csr=true 部署到阿里云的 React SSR 应用, 以 CSR 模式访问
229
- - http://tx.ssr-fc.com 部署到腾讯云的 React SSR 应用
230
- - http://tx.ssr-fc.com?csr=true 部署到腾讯云的 React SSR 应用, 以 CSR 模式访问
231
- - http://vue.ssr-fc.com 部署到阿里云的 Vue SSR 应用
232
- - http://vue3.ssr-fc.com 部署到阿里云的 Vue3 SSR 应用
233
- - http://vue.ssr-fc.com?csr=true 部署到阿里云的 Vue SSR 应用, 以 CSR 模式访问
234
- - http://vue3.ssr-fc.com?csr=true 部署到阿里云的 Vue3 SSR 应用, 以 CSR 模式访问
235
-
239
+ * http://ssr-fc.com/ 部署到阿里云的 React SSR 应用
240
+ * http://ssr-fc.com?csr=true 部署到阿里云的 React SSR 应用, 以 CSR 模式访问
241
+ * http://tx.ssr-fc.com 部署到腾讯云的 React SSR 应用
242
+ * http://tx.ssr-fc.com?csr=true 部署到腾讯云的 React SSR 应用, 以 CSR 模式访问
243
+ * http://vue.ssr-fc.com 部署到阿里云的 Vue SSR 应用
244
+ * http://vue3.ssr-fc.com 部署到阿里云的 Vue3 SSR 应用
245
+ * http://vue.ssr-fc.com?csr=true 部署到阿里云的 Vue SSR 应用, 以 CSR 模式访问
246
+ * http://vue3.ssr-fc.com?csr=true 部署到阿里云的 Vue3 SSR 应用, 以 CSR 模式访问
236
247
 
237
248
  ## 生态系统
238
249
 
@@ -251,7 +262,6 @@ $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
251
262
  | [ssr-types] | [![ssr-types-status]][ssr-types] | provide common types |
252
263
  | [ssr-webpack] | [![ssr-webpack-status]][ssr-webpack] | start local server and build production bundle by webpack |
253
264
 
254
-
255
265
  [ssr-status]: https://img.shields.io/npm/v/ssr.svg
256
266
  [ssr-core-status]: https://img.shields.io/npm/v/ssr-core.svg
257
267
  [ssr-hoc-react-status]: https://img.shields.io/npm/v/ssr-hoc-react.svg
@@ -265,7 +275,6 @@ $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
265
275
  [ssr-webpack-status]: https://img.shields.io/npm/v/ssr-webpack.svg
266
276
  [ssr-types-status]: https://img.shields.io/npm/v/ssr-types.svg
267
277
 
268
-
269
278
  [ssr]: https://github.com/zhangyuang/ssr/tree/dev/packages/cli
270
279
  [ssr-core]: https://github.com/zhangyuang/ssr/tree/dev/packages/core
271
280
  [ssr-hoc-react]: https://github.com/zhangyuang/ssr/tree/dev/packages/hoc-react
@@ -278,6 +287,7 @@ $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
278
287
  [ssr-plugin-vue3]: https://github.com/zhangyuang/ssr/tree/dev/packages/plugin-vue3
279
288
  [ssr-types]: https://github.com/zhangyuang/ssr/tree/dev/packages/types
280
289
  [ssr-webpack]: https://github.com/zhangyuang/ssr/tree/dev/packages/webpack
290
+
281
291
  ## CONTRIBUTING
282
292
 
283
293
  如果你想为本应用贡献代码，请阅读[贡献文档](./CONTRIBUTING.md)，我们为你准备了丰富的脚本用于 bootstrap
@@ -290,7 +300,7 @@ $ yarn start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
290
300
 
291
301
  虽然我们已经尽力检查了一遍应用，但仍有可能有疏漏的地方，如果你在使用过程中发现任何问题或者建议，欢迎提[issue](https://github.com/zhangyuang/ssr/issues)或者[PR](https://github.com/zhangyuang/ssr/pulls)
292
302
 
293
- `注: 由于微信交流群人数限制，进群请添加私人二维码并备注进入 ssr 交流群，由于是私人微信，拉群后将会自行删除好友，敬请谅解。我们更加鼓励通过 issue 和 discussion 来交流问题`
303
+ `注: 由于微信交流群人数限制，进群请添加私人二维码并备注进入 ssr 交流群，由于是私人微信，拉群后将会自行删除好友，敬请谅解。我们更加鼓励通过 issue 和 discussion 来交流问题`
294
304
 
295
305
  <div style="display:flex">
296
306
  <!-- <img src="https://res.wx.qq.com/op_res/7F1t4Z8yCHWilehbcFGjAj0yVn0URMiWBGVJa-TVu_eqw5IwUXA2kPYBnfX6YRHy0FVBB-yC6l0IEL02QTJkLg" width="300"> -->
package/cjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY;;;;EAsC3B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY;;;;EAiD3B"}
package/cjs/index.js CHANGED
@@ -3,16 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.clientPlugin = clientPlugin;
4
4
  const path_1 = require("path");
5
5
  const ssr_common_utils_1 = require("ssr-common-utils");
6
- const { isVite, optimize } = (0, ssr_common_utils_1.loadConfig)();
6
+ const { tool, optimize } = (0, ssr_common_utils_1.loadConfig)();
7
7
  const spinner = require('ora')('Building');
8
8
  function clientPlugin() {
9
9
  const cwd = (0, ssr_common_utils_1.getCwd)();
10
10
  const webpackPath = (0, path_1.resolve)(cwd, './node_modules/ssr-webpack');
11
11
  const vitePath = (0, path_1.resolve)(cwd, './node_modules/ssr-vite');
12
+ const rspackPath = (0, path_1.resolve)(cwd, './node_modules/ssr-rspack');
12
13
  return {
13
14
  name: 'plugin-react',
14
15
  start: async () => {
15
- if (isVite) {
16
+ if (tool === 'vite') {
16
17
  const { start } = await Promise.resolve(`${vitePath}`).then(s => require(s));
17
18
  await start();
18
19
  }
@@ -24,12 +25,17 @@ function clientPlugin() {
24
25
  process.env.NODE_ENV = 'development';
25
26
  spinner.stop();
26
27
  }
28
+ if (tool === 'rspack') {
29
+ const { start } = await Promise.resolve(`${rspackPath}`).then(s => require(s));
30
+ await start();
31
+ return;
32
+ }
27
33
  const { start } = await Promise.resolve(`${webpackPath}`).then(s => require(s));
28
34
  await start();
29
35
  }
30
36
  },
31
37
  build: async () => {
32
- if (isVite) {
38
+ if (tool === 'vite') {
33
39
  const { build } = await Promise.resolve(`${vitePath}`).then(s => require(s));
34
40
  await build();
35
41
  }
@@ -40,6 +46,11 @@ function clientPlugin() {
40
46
  await build();
41
47
  spinner.stop();
42
48
  }
49
+ if (tool === 'rspack') {
50
+ const { build } = await Promise.resolve(`${rspackPath}`).then(s => require(s));
51
+ await build();
52
+ return;
53
+ }
43
54
  const { build } = await Promise.resolve(`${webpackPath}`).then(s => require(s));
44
55
  await build();
45
56
  }
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAMA,oCAsCC;AA5CD,+BAA8B;AAC9B,uDAAqD;AAErD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAU,GAAE,CAAA;AACzC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAE1C,SAAgB,YAAY;IAC3B,MAAM,GAAG,GAAG,IAAA,yBAAM,GAAE,CAAA;IACpB,MAAM,WAAW,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,4BAA4B,CAAC,CAAA;IAC9D,MAAM,QAAQ,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,yBAAyB,CAAC,CAAA;IACxD,OAAO;QACN,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,eAAe,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;oBAClD,MAAM,eAAe,EAAE,CAAA;oBACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,aAAa,CAAA;oBACpC,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,WAAW,yBAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;oBACxC,MAAM,KAAK,EAAE,CAAA;oBACb,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,WAAW,yBAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;KACD,CAAA;AACF,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAMA,oCAiDC;AAvDD,+BAA8B;AAC9B,uDAAqD;AAErD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAU,GAAE,CAAA;AACvC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAE1C,SAAgB,YAAY;IAC3B,MAAM,GAAG,GAAG,IAAA,yBAAM,GAAE,CAAA;IACpB,MAAM,WAAW,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,4BAA4B,CAAC,CAAA;IAC9D,MAAM,QAAQ,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,yBAAyB,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,2BAA2B,CAAC,CAAA;IAC5D,OAAO;QACN,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;gBACrB,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,eAAe,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;oBAClD,MAAM,eAAe,EAAE,CAAA;oBACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,aAAa,CAAA;oBACpC,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;oBACvB,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,UAAU,yBAAC,CAAA;oBAC1C,MAAM,KAAK,EAAE,CAAA;oBACb,OAAM;gBACP,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,WAAW,yBAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;gBACrB,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,QAAQ,yBAAC,CAAA;oBACxC,MAAM,KAAK,EAAE,CAAA;oBACb,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;oBACvB,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,UAAU,yBAAC,CAAA;oBAC1C,MAAM,KAAK,EAAE,CAAA;oBACb,OAAM;gBACP,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAa,WAAW,yBAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;KACD,CAAA;AACF,CAAC"}
package/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY;;;;EAsC3B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY;;;;EAiD3B"}
package/esm/index.js CHANGED
@@ -1,15 +1,16 @@
1
1
  import { resolve } from 'path';
2
2
  import { loadConfig, getCwd } from 'ssr-common-utils';
3
- const { isVite, optimize } = loadConfig();
3
+ const { tool, optimize } = loadConfig();
4
4
  const spinner = require('ora')('Building');
5
5
  export function clientPlugin() {
6
6
  const cwd = getCwd();
7
7
  const webpackPath = resolve(cwd, './node_modules/ssr-webpack');
8
8
  const vitePath = resolve(cwd, './node_modules/ssr-vite');
9
+ const rspackPath = resolve(cwd, './node_modules/ssr-rspack');
9
10
  return {
10
11
  name: 'plugin-react',
11
12
  start: async () => {
12
- if (isVite) {
13
+ if (tool === 'vite') {
13
14
  const { start } = await import(vitePath);
14
15
  await start();
15
16
  }
@@ -21,12 +22,17 @@ export function clientPlugin() {
21
22
  process.env.NODE_ENV = 'development';
22
23
  spinner.stop();
23
24
  }
25
+ if (tool === 'rspack') {
26
+ const { start } = await import(rspackPath);
27
+ await start();
28
+ return;
29
+ }
24
30
  const { start } = await import(webpackPath);
25
31
  await start();
26
32
  }
27
33
  },
28
34
  build: async () => {
29
- if (isVite) {
35
+ if (tool === 'vite') {
30
36
  const { build } = await import(vitePath);
31
37
  await build();
32
38
  }
@@ -37,6 +43,11 @@ export function clientPlugin() {
37
43
  await build();
38
44
  spinner.stop();
39
45
  }
46
+ if (tool === 'rspack') {
47
+ const { build } = await import(rspackPath);
48
+ await build();
49
+ return;
50
+ }
40
51
  const { build } = await import(webpackPath);
41
52
  await build();
42
53
  }
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAA;AACzC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAE1C,MAAM,UAAU,YAAY;IAC3B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,4BAA4B,CAAC,CAAA;IAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,yBAAyB,CAAC,CAAA;IACxD,OAAO;QACN,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;oBAClD,MAAM,eAAe,EAAE,CAAA;oBACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,aAAa,CAAA;oBACpC,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;oBACxC,MAAM,KAAK,EAAE,CAAA;oBACb,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;KACD,CAAA;AACF,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAA;AACvC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAE1C,MAAM,UAAU,YAAY;IAC3B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,4BAA4B,CAAC,CAAA;IAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,yBAAyB,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,2BAA2B,CAAC,CAAA;IAC5D,OAAO;QACN,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;gBACrB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;oBAClD,MAAM,eAAe,EAAE,CAAA;oBACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,aAAa,CAAA;oBACpC,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;oBACvB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;oBAC1C,MAAM,KAAK,EAAE,CAAA;oBACb,OAAM;gBACP,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YACjB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;gBACrB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;gBACxC,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;iBAAM,CAAC;gBACP,IAAI,QAAQ,EAAE,CAAC;oBACd,OAAO,CAAC,KAAK,EAAE,CAAA;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;oBACxC,MAAM,KAAK,EAAE,CAAA;oBACb,OAAO,CAAC,IAAI,EAAE,CAAA;gBACf,CAAC;gBACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;oBACvB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;oBAC1C,MAAM,KAAK,EAAE,CAAA;oBACb,OAAM;gBACP,CAAC;gBACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAA;gBAC3C,MAAM,KAAK,EAAE,CAAA;YACd,CAAC;QACF,CAAC;KACD,CAAA;AACF,CAAC"}
package/package.json CHANGED
@@ -1,10 +1,14 @@
1
1
  {
2
2
  "name": "ssr-plugin-react",
3
- "version": "7.0.1-beta.0",
3
+ "version": "7.0.2",
4
4
  "description": "plugin-react for ssr",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "sideEffects": false,
8
+ "scripts": {
9
+ "build": "concurrently \"tsc -p ./tsconfig.cjs.json \" \" tsc -p ./tsconfig.esm.json\"",
10
+ "watch": "concurrently \"tsc -w -p ./tsconfig.cjs.json \" \"tsc -w -p ./tsconfig.esm.json \""
11
+ },
8
12
  "repository": {
9
13
  "type": "git",
10
14
  "url": "git+https://github.com/zhangyuang/ssr.git"
@@ -26,19 +30,19 @@
26
30
  },
27
31
  "homepage": "https://github.com/zhangyuang/ssr#readme",
28
32
  "dependencies": {
29
- "@vitejs/plugin-react": "^1.3.2",
33
+ "ssr-common-utils": "^7.0.0",
34
+ "@vitejs/plugin-react-oxc": "^0.3.0",
35
+ "@vitejs/plugin-react": "^4.0.0",
30
36
  "babel-preset-react-app": "^10.0.0",
31
- "react-refresh": "^0.12.0",
37
+ "ssr-hoc-react": "^7.0.0",
32
38
  "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
33
- "valtio": "^1.13.2",
34
- "ssr-common-utils": "7.0.1-beta.0",
35
- "ssr-hoc-react": "7.0.1-beta.0"
39
+ "valtio": "^1.13.2"
36
40
  },
37
41
  "peerDependencies": {
38
42
  "react": ">=17.0.1",
39
43
  "react-dom": ">=17.0.0",
40
- "react-router": ">=5.2.1",
41
- "react-router-dom": ">=5.1.2",
44
+ "react-router": "^5.1.8",
45
+ "react-router-dom": "^5.0.0",
42
46
  "webpack": "^4.0.0"
43
47
  },
44
48
  "devDependencies": {
@@ -49,17 +53,13 @@
49
53
  "@types/react-router-dom": "^5.1.3",
50
54
  "@types/webpack": "^4.41.10",
51
55
  "concurrently": "^5.1.0",
52
- "ssr-types": "7.0.1-beta.2",
53
- "ssr-webpack": "7.0.1-beta.0",
54
- "ssr-vite": "7.0.1-beta.0"
56
+ "ssr-types": "workspace:*",
57
+ "ssr-webpack": "workspace:*",
58
+ "ssr-vite": "workspace:*"
55
59
  },
56
60
  "peerDependenciesMeta": {
57
61
  "webpack": {
58
62
  "optional": true
59
63
  }
60
- },
61
- "scripts": {
62
- "build": "concurrently \"tsc -p ./tsconfig.cjs.json \" \" tsc -p ./tsconfig.esm.json\"",
63
- "watch": "concurrently \"tsc -w -p ./tsconfig.cjs.json \" \"tsc -w -p ./tsconfig.esm.json \""
64
64
  }
65
- }
65
+ }
package/src/index.ts CHANGED
@@ -1,17 +1,18 @@
1
1
  import { resolve } from 'path'
2
2
  import { loadConfig, getCwd } from 'ssr-common-utils'
3
3
 
4
- const { isVite, optimize } = loadConfig()
4
+ const { tool, optimize } = loadConfig()
5
5
  const spinner = require('ora')('Building')
6
6
 
7
7
  export function clientPlugin() {
8
8
  const cwd = getCwd()
9
9
  const webpackPath = resolve(cwd, './node_modules/ssr-webpack')
10
10
  const vitePath = resolve(cwd, './node_modules/ssr-vite')
11
+ const rspackPath = resolve(cwd, './node_modules/ssr-rspack')
11
12
  return {
12
13
  name: 'plugin-react',
13
14
  start: async () => {
14
- if (isVite) {
15
+ if (tool === 'vite') {
15
16
  const { start } = await import(vitePath)
16
17
  await start()
17
18
  } else {
@@ -22,12 +23,17 @@ export function clientPlugin() {
22
23
  process.env.NODE_ENV = 'development'
23
24
  spinner.stop()
24
25
  }
26
+ if (tool === 'rspack') {
27
+ const { start } = await import(rspackPath)
28
+ await start()
29
+ return
30
+ }
25
31
  const { start } = await import(webpackPath)
26
32
  await start()
27
33
  }
28
34
  },
29
35
  build: async () => {
30
- if (isVite) {
36
+ if (tool === 'vite') {
31
37
  const { build } = await import(vitePath)
32
38
  await build()
33
39
  } else {
@@ -37,6 +43,11 @@ export function clientPlugin() {
37
43
  await build()
38
44
  spinner.stop()
39
45
  }
46
+ if (tool === 'rspack') {
47
+ const { build } = await import(rspackPath)
48
+ await build()
49
+ return
50
+ }
40
51
  const { build } = await import(webpackPath)
41
52
  await build()
42
53
  }