import { type Accessor, createContext, useContext } from "solid-js";

/**
 * The value handed down by `<CSPProvider>` to its descendants.
 *
 * `nonce` is an accessor so a parent that updates `props.nonce` is observed
 * by consumers without them needing to subscribe to an outer signal — this
 * keeps the shape consistent with the other Base UI internal contexts (see
 * `field-context.ts`) and avoids the top-level reactive-read warning in
 * Solid 2.
 *
 * `disableStyleElements` mirrors React Base UI's CSP context flag: when
 * `true`, components skip injecting inline `<style>` tags (e.g. the
 * scroll-area's disable-scrollbar stylesheet). Callers opt in when their
 * CSP forbids inline style elements even with a nonce, and provide the
 * styles through an external stylesheet instead.
 */
export interface CSPContextValue {
	nonce: Accessor<string | undefined>;
	disableStyleElements: Accessor<boolean>;
}

const NOOP_NONCE = (): undefined => undefined;
const NOOP_DISABLE_STYLE = (): false => false;

export const NOOP_CSP_CONTEXT: CSPContextValue = {
	nonce: NOOP_NONCE,
	disableStyleElements: NOOP_DISABLE_STYLE,
};

/**
 * Context carrying the CSP nonce. Provide it with `<CSPContext value={...}>`
 * (Solid 2's context-as-provider pattern — there is no `.Provider`).
 */
export const CSPContext = createContext<CSPContextValue>(NOOP_CSP_CONTEXT);

/**
 * Read the current CSP context. When no `<CSPProvider>` is above, returns
 * the noop context whose accessors yield sensible defaults (`undefined`
 * nonce, `false` disable-style-elements).
 */
export function useCSPContext(): CSPContextValue {
	return useContext(CSPContext);
}

/**
 * Convenience helper — read the nonce as an accessor, decoupled from the
 * shape of the context value. Consumers that only need the nonce should
 * prefer this so they aren't re-subscribed when unrelated CSP fields are
 * added to the context in the future.
 */
export function useCspNonce(): Accessor<string | undefined> {
	return useCSPContext().nonce;
}

/**
 * Convenience helper — read the `disableStyleElements` flag as an accessor.
 */
export function useCspDisableStyleElements(): Accessor<boolean> {
	return useCSPContext().disableStyleElements;
}