refactor(ssr): remove ssr-provider & use new hook from @css-render/vu…

…e3-ssr

package.json

@@ -108,12 +108,12 @@
     "vite": "^2.1.3"
   },
   "dependencies": {
-    "@css-render/plugin-bem": "^0.15.2",
-    "@css-render/vue3-ssr": "^0.15.2",
+    "@css-render/plugin-bem": "^0.15.3",
+    "@css-render/vue3-ssr": "^0.15.3",
     "@types/lodash": "^4.14.170",
     "@types/lodash-es": "^4.17.4",
     "async-validator": "^3.5.1",
-    "css-render": "^0.15.2",
+    "css-render": "^0.15.3",
     "date-fns": "^2.19.0",
     "evtd": "^0.2.2",
     "highlight.js": "^11.0.1",

playground/ssr/app.js

@@ -1,5 +1,5 @@
 import { h, defineComponent, ref } from 'vue'
-import { NButton, NSsrProvider } from 'naive-ui'
+import { NButton } from 'naive-ui'
 
 const App = defineComponent({
   setup () {
@@ -8,22 +8,15 @@ const App = defineComponent({
     }
   },
   render () {
-    return h(
-      NSsrProvider,
-      {
-        ssr: typeof window === 'undefined'
-      },
-      {
-        default: () =>
-          h(
-            NButton,
-            {
-              onClick: () => this.count++
-            },
-            { default: () => this.count }
-          )
-      }
-    )
+    return [
+      h(
+        NButton,
+        {
+          onClick: () => this.count++
+        },
+        { default: () => this.count }
+      )
+    ]
   }
 })
 

playground/ssr/pre-build.sh

@@ -1 +1,5 @@
-./../../scripts/pre-build-site/pre-build-site.sh
+# make sure cwd is the sh's dir
+
+cd ./../../
+
+./scripts/pre-build-site/pre-build-site.sh

playground/ssr/readme.md

@@ -1 +1,10 @@
 You need to install `webpack` & `webpack-cli` globally.
+
+```
+./pre-build.sh
+./build.sh
+
+node dist/server.js
+
+# browse localhost:8086
+```

src/_mixins/use-rtl.ts

@@ -1,5 +1,5 @@
-import { Ref, onBeforeMount, inject, watchEffect, computed } from 'vue'
-import { ssrInjectionKey } from '../ssr/context'
+import { Ref, onBeforeMount, watchEffect, computed } from 'vue'
+import { useSsrAdapter } from '@css-render/vue3-ssr'
 import {
   RtlEnabledState,
   RtlItem
@@ -15,7 +15,7 @@ export default function useRtl (
   clsPrefixRef: Ref<string>
 ): Ref<RtlItem | undefined> | undefined {
   if (!rtlStateRef) return undefined
-  const ssrAdapter = inject(ssrInjectionKey, undefined)
+  const ssrAdapter = useSsrAdapter()
   const componentRtlStateRef = computed(() => {
     const { value: rtlState } = rtlStateRef
     if (!rtlState) {

src/_mixins/use-style.ts

@@ -1,7 +1,7 @@
 import { CNode } from 'css-render'
-import { Ref, onBeforeMount, inject } from 'vue'
+import { Ref, onBeforeMount } from 'vue'
+import { useSsrAdapter } from '@css-render/vue3-ssr'
 import globalStyle from '../_styles/global/index.cssr'
-import { ssrInjectionKey } from '../ssr/context'
 import { throwError } from '../_utils'
 
 export default function useStyle (
@@ -13,7 +13,7 @@ export default function useStyle (
     if (__DEV__) throwError('use-style', 'No style is specified.')
     return
   }
-  const ssrAdapter = inject(ssrInjectionKey, undefined)
+  const ssrAdapter = useSsrAdapter()
   const mountStyle = (): void => {
     const clsPrefix = clsPrefixRef?.value
     style.mount({

src/_mixins/use-theme.ts

@@ -8,12 +8,12 @@ import {
   PropType
 } from 'vue'
 import { merge } from 'lodash-es'
+import { useSsrAdapter } from '@css-render/vue3-ssr'
 import globalStyle from '../_styles/global/index.cssr'
 import { CNode } from 'css-render'
 import type { GlobalTheme } from '../config-provider'
 import { configProviderInjectionKey } from '../config-provider/src/ConfigProvider'
 import type { ThemeCommonVars } from '../_styles/common'
-import { ssrInjectionKey } from '../ssr/context'
 
 export interface Theme<N, T = {}, R = any> {
   name: N
@@ -91,7 +91,7 @@ function useTheme<N, T, R> (
   props: UseThemeProps<Theme<N, T, R>>,
   clsPrefixRef?: Ref<string | undefined>
 ): ComputedRef<MergedTheme<Theme<N, T, R>>> {
-  const ssrAdapter = inject(ssrInjectionKey, undefined)
+  const ssrAdapter = useSsrAdapter()
   if (style) {
     const mountStyle = (): void => {
       const clsPrefix = clsPrefixRef?.value

src/components.ts

@@ -60,7 +60,6 @@ export * from './skeleton'
 export * from './slider'
 export * from './space'
 export * from './spin'
-export * from './ssr'
 export * from './statistic'
 export * from './steps'
 export * from './switch'