Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-22 13:45:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): handle serialising empty bigint (#21257)

Browse Source 
Co-authored-by: lorado <eugen.sacharow@gmx.de>
This commit is contained in:
Daniel Roe 2023-05-30 12:53:04 +01:00 committed by GitHub
parent 6f8d036d4f
commit c9adf700a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/nuxt/src/app/plugins/revive-payload.client.ts
View File

@ -5,8 +5,8 @@ import { defineNuxtPlugin } from '#app/nuxt'
const revivers = {
NuxtError: (data: any) => createError(data),
EmptyShallowRef: (data: any) => shallowRef(data === '_' ? undefined : JSON.parse(data)),
EmptyRef: (data: any) => ref(data === '_' ? undefined : JSON.parse(data)),
EmptyShallowRef: (data: any) => shallowRef(data === '_' ? undefined : data === '0n' ? 0n : JSON.parse(data)),
EmptyRef: (data: any) => ref(data === '_' ? undefined : data === '0n' ? 0n : JSON.parse(data)),
ShallowRef: (data: any) => shallowRef(data),
ShallowReactive: (data: any) => shallowReactive(data),
Ref: (data: any) => ref(data),

4
packages/nuxt/src/app/plugins/revive-payload.server.ts
View File

@ -6,8 +6,8 @@ import { defineNuxtPlugin } from '#app/nuxt'
const reducers = {
NuxtError: (data: any) => isNuxtError(data) && data.toJSON(),
EmptyShallowRef: (data: any) => isRef(data) && isShallow(data) && !data.value && (JSON.stringify(data.value) || '_'),
EmptyRef: (data: any) => isRef(data) && !data.value && (JSON.stringify(data.value) || '_'),
EmptyShallowRef: (data: any) => isRef(data) && isShallow(data) && !data.value && (typeof data.value === 'bigint' ? '0n' : (JSON.stringify(data.value) || '_')),
EmptyRef: (data: any) => isRef(data) && !data.value && (typeof data.value === 'bigint' ? '0n' : (JSON.stringify(data.value) || '_')),
ShallowRef: (data: any) => isRef(data) && isShallow(data) && data.value,
ShallowReactive: (data: any) => isReactive(data) && isShallow(data) && toRaw(data),
Ref: (data: any) => isRef(data) && data.value,

19
test/fixtures/basic/nuxt.config.ts vendored
View File

@ -40,6 +40,12 @@ export default defineNuxtConfig({
'./extends/node_modules/foo'
],
nitro: {
esbuild: {
options: {
// in order to test bigint serialisation
target: 'es2022'
}
},
routeRules: {
'/route-rules/spa': { ssr: false },
'/no-scripts': { experimentalNoScripts: true }
@ -122,6 +128,19 @@ export default defineNuxtConfig({
},
telemetry: false, // for testing telemetry types - it is auto-disabled in tests
hooks: {
'webpack:config' (configs) {
// in order to test bigint serialisation we need to set target to a more modern one
for (const config of configs) {
const esbuildRules = config.module!.rules!.filter(
rule => typeof rule === 'object' && rule && 'loader' in rule && rule.loader === 'esbuild-loader'
)
for (const rule of esbuildRules) {
if (typeof rule === 'object' && typeof rule.options === 'object') {
rule.options.target = 'es2022'
}
}
}
},
'modules:done' () {
addComponent({
name: 'CustomComponent',

5
test/fixtures/basic/pages/json-payload.vue vendored
View File

@ -1,5 +1,6 @@
<script setup lang="ts">
const state = useState(() => shallowRef({} as Record<string, any>))
const nonDisplayedState = useState(() => shallowRef({} as Record<string, any>))
if (process.server) {
const r = ref('')
@ -10,6 +11,8 @@ if (process.server) {
state.value.reactive = reactive({ ref: r })
state.value.error = createError({ message: 'error' })
state.value.date = new Date()
nonDisplayedState.value.bigint = 0n
nonDisplayedState.value.bigintRef = ref(0n)
}
</script>
@ -17,10 +20,12 @@ if (process.server) {
<div>
<pre>{{ state }}</pre>
Date: {{ state.date instanceof Date }} <br>
BigInt: {{ nonDisplayedState.bigint === 0n }} <br>
Error: {{ isNuxtError(state.error) }} <hr>
Shallow reactive: {{ isReactive(state.shallowReactive) && isShallow(state.shallowReactive) }} <br>
Shallow ref: {{ isShallow(state.shallowRef) }} <br>
Undefined ref: {{ isRef(state.undefined) }} <br>
BigInt ref: {{ isRef(nonDisplayedState.bigintRef) && typeof nonDisplayedState.bigintRef.value === 'bigint' }} <br>
Reactive: {{ isReactive(state.reactive) }} <br>
Ref: {{ isRef(state.ref) }} <hr>
Recursive objects: {{ state.ref === state.shallowReactive.nested.ref }} <br>