mirror of
https://github.com/hanzoai/gui.git
synced 2026-10-25 02:31:41 +00:00
zeekayandHanzo Dev
69c6e860d7
This repo could never sync. There was NO merge-base with tamagui — 372 commits
here against 15,791 there, unrelated histories — because it began as a
copy-paste rebrand with a flattened layout. Every "sync" since was a hand
re-application that drifted, which is why the tree sat on 7.3.1 while upstream
shipped fixes we then rediscovered by hand.
This commit's PARENT IS TAMAGUI. A future sync is `git merge tama/main` then
`node scripts/rebrand.mjs` — a real merge, because the history is now shared.
174 packages: 166 upstream, our 8 restored (chrome, shell, telemetry, recipes,
get, font-geist-{sans,mono}, @hanzo/booker), bento-get gained. 170/170 build.
Our patches to files UPSTREAM ALSO OWNS are carried, which the package-level
delta missed and which was where the value actually was:
- useMedia's server snapshot (`initState ?? getMedia()`). Upstream still
returns undefined there, so every Tamagui Dialog kills a prerender — the
exact crash hanzo.app spent a day on.
- data-slot on web host nodes, absent upstream entirely.
Both applied ONTO upstream's newer files (it rewrote useMedia +150/-63 and
createComponent +160/-55), marked `PATCH (ours, carried across the transplant)`.
Seven traps are encoded in scripts/rebrand.mjs, each found by a gate:
skip itself and lockfiles; special-case the double-branded names in BOTH scoped
and bare form; map path strings, not just paths; drop a level for the flattened
group; check disk rather than a stale index.
Rust build artifacts are NOT committed. An earlier draft of this commit swept
apps/desktop/src-tauri/target/debug in via `git add -A` — 3,859 files including
a 272MB .a, over GitHub's 100MB cap, so the push could never have landed. They
are gitignored now.
Co-Authored-By: Hanzo Dev <[email protected]>
99 lines
2.6 KiB
TypeScript
99 lines
2.6 KiB
TypeScript
import { getDefaultGuiConfig } from '@hanzogui/config-default'
|
|
import { GuiProvider, createGui } from '@hanzogui/core'
|
|
import { getPortal } from '@hanzogui/native'
|
|
import { PortalProvider } from '@hanzogui/portal'
|
|
import { toast, Toaster, useToasts } from '@hanzogui/toast/v2'
|
|
import * as React from 'react'
|
|
import type { ReactNode } from 'react'
|
|
import TestRenderer, { act } from 'react-test-renderer'
|
|
import { afterEach, describe, expect, test } from 'vitest'
|
|
|
|
const conf = createGui(getDefaultGuiConfig())
|
|
|
|
let rendered: TestRenderer.ReactTestRenderer | null = null
|
|
|
|
afterEach(async () => {
|
|
toast.dismiss()
|
|
getPortal().set({ enabled: false, type: null })
|
|
await act(async () => {
|
|
rendered?.unmount()
|
|
})
|
|
rendered = null
|
|
})
|
|
|
|
async function renderNative(element: React.ReactElement) {
|
|
await act(async () => {
|
|
rendered = TestRenderer.create(
|
|
<GuiProvider config={conf} defaultTheme="light">
|
|
<PortalProvider shouldAddRootHost>{element}</PortalProvider>
|
|
</GuiProvider>
|
|
)
|
|
})
|
|
|
|
return rendered!
|
|
}
|
|
|
|
function hasText(tree: TestRenderer.ReactTestRenderer, text: string) {
|
|
return (
|
|
tree.root.findAll((node) => {
|
|
const children = node.props.children
|
|
return Array.isArray(children) ? children.includes(text) : children === text
|
|
}).length > 0
|
|
)
|
|
}
|
|
|
|
class ErrorBoundary extends React.Component<
|
|
{ children: ReactNode; onError: (error: Error) => void },
|
|
{ error: Error | null }
|
|
> {
|
|
state = { error: null }
|
|
|
|
static getDerivedStateFromError(error: Error) {
|
|
return { error }
|
|
}
|
|
|
|
componentDidCatch(error: Error) {
|
|
this.props.onError(error)
|
|
}
|
|
|
|
render() {
|
|
return this.state.error ? null : this.props.children
|
|
}
|
|
}
|
|
|
|
describe('Toast v2 native context', () => {
|
|
test('keeps Toaster context through the native portal fallback', async () => {
|
|
const tree = await renderNative(<Toaster duration={Number.POSITIVE_INFINITY} />)
|
|
|
|
await act(async () => {
|
|
toast('Native portal toast')
|
|
})
|
|
|
|
expect(hasText(tree, 'Native portal toast')).toBe(true)
|
|
})
|
|
|
|
test('throws a setup error when useToasts is outside Toast', async () => {
|
|
let caught: Error | null = null
|
|
let missingRoot: TestRenderer.ReactTestRenderer | null = null
|
|
|
|
function MissingRoot() {
|
|
useToasts()
|
|
return null
|
|
}
|
|
|
|
await act(async () => {
|
|
missingRoot = TestRenderer.create(
|
|
<ErrorBoundary onError={(error) => (caught = error)}>
|
|
<MissingRoot />
|
|
</ErrorBoundary>
|
|
)
|
|
})
|
|
|
|
expect(caught?.message).toBe('`useToasts` must be used within `Toast`')
|
|
|
|
await act(async () => {
|
|
missingRoot?.unmount()
|
|
})
|
|
})
|
|
})
|