Samuel Newman
9aa6b49daf
Point the moderation primitives - the label definitions, the cause/UI/decision types and the label-info hooks - at `@bsky.app/sdk/moderation` instead of `@atproto/api`. The two implementations are mutually unassignable: the sdk's subject types are the generated `#/lexicons` views, so their `did`/`uri`/`cid` fields are branded (`DidString`, `AtUriString`) where the `@atproto/api` views type the same fields as plain `string`. That rules out a partial swap - a decision made by one implementation cannot be read by the other - so the whole moderation layer moves together. `lib/moderation/subjects.ts` is the transitional seam for the brand mismatch. Every `moderate*` entry point is re-exported through a wrapper that widens its subject parameter to accept a view from either world, because many read paths still emit `@atproto/api` views while the moderation runtime only ever reads `.did`, `.labels` and `.viewer` - none of which the brand affects. It is deleted in the `@atproto/api` removal pass.
91 lines
2.2 KiB
TypeScript
91 lines
2.2 KiB
TypeScript
import {createContext, useContext, useState} from 'react'
|
|
import {type ModerationUI} from '@bsky.app/sdk/moderation'
|
|
|
|
import {
|
|
type ModerationCauseDescription,
|
|
useModerationCauseDescription,
|
|
} from '#/lib/moderation/useModerationCauseDescription'
|
|
import {
|
|
ModerationDetailsDialog,
|
|
useModerationDetailsDialogControl,
|
|
} from '#/components/moderation/ModerationDetailsDialog'
|
|
|
|
type Context = {
|
|
isContentVisible: boolean
|
|
setIsContentVisible: (show: boolean) => void
|
|
info: ModerationCauseDescription
|
|
showInfoDialog: () => void
|
|
meta: {
|
|
isNoPwi: boolean
|
|
allowOverride: boolean
|
|
}
|
|
}
|
|
|
|
const Context = createContext<Context>({} as Context)
|
|
Context.displayName = 'HiderContext'
|
|
|
|
export const useHider = () => useContext(Context)
|
|
|
|
export function Outer({
|
|
modui,
|
|
isContentVisibleInitialState,
|
|
allowOverride,
|
|
children,
|
|
}: React.PropsWithChildren<{
|
|
isContentVisibleInitialState?: boolean
|
|
allowOverride?: boolean
|
|
modui: ModerationUI | undefined
|
|
}>) {
|
|
const control = useModerationDetailsDialogControl()
|
|
const blur = modui?.blurs[0]
|
|
const [isContentVisible, setIsContentVisible] = useState(
|
|
isContentVisibleInitialState || !blur,
|
|
)
|
|
const info = useModerationCauseDescription(blur)
|
|
|
|
const meta = {
|
|
isNoPwi: Boolean(
|
|
modui?.blurs.find(
|
|
cause =>
|
|
cause.type === 'label' &&
|
|
cause.labelDef.identifier === '!no-unauthenticated',
|
|
),
|
|
),
|
|
allowOverride: allowOverride ?? !modui?.noOverride,
|
|
}
|
|
|
|
const showInfoDialog = () => {
|
|
control.open()
|
|
}
|
|
|
|
const onSetContentVisible = (show: boolean) => {
|
|
if (!meta.allowOverride) return
|
|
setIsContentVisible(show)
|
|
}
|
|
|
|
const ctx = {
|
|
isContentVisible,
|
|
setIsContentVisible: onSetContentVisible,
|
|
showInfoDialog,
|
|
info,
|
|
meta,
|
|
}
|
|
|
|
return (
|
|
<Context.Provider value={ctx}>
|
|
{children}
|
|
<ModerationDetailsDialog control={control} modcause={blur} />
|
|
</Context.Provider>
|
|
)
|
|
}
|
|
|
|
export function Content({children}: {children: React.ReactNode}) {
|
|
const ctx = useHider()
|
|
return ctx.isContentVisible ? children : null
|
|
}
|
|
|
|
export function Mask({children}: {children: React.ReactNode}) {
|
|
const ctx = useHider()
|
|
return ctx.isContentVisible ? null : children
|
|
}
|