@uniai-fe/runtime-env
v0.1.8
Published
Runtime Environment Tools for UNIAI FE Projects
Readme
@uniai-fe/runtime-env
접속 하드웨어, viewport, PWA 실행 여부를 공통 포맷으로 수집·동기화하는 런타임 도구 세트입니다.
설치
pnpm add @uniai-fe/runtime-env사용 예시
// app/layout.tsx
import { ClientEnvInitializer } from "@uniai-fe/runtime-env/client";
import { getRuntimeHardware } from "@uniai-fe/runtime-env/server";
export default async function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const hardware = await getRuntimeHardware();
return (
<html>
<body>
<ClientEnvInitializer initialHardware={hardware} />
{children}
</body>
</html>
);
}// components/PwaBanner.tsx
import { usePWA } from "@uniai-fe/runtime-env/client";
export function PwaBanner() {
const { canInstall, promptInstall } = usePWA();
if (!canInstall) return null;
return <button onClick={() => promptInstall()}>앱 설치하기</button>;
}Codex 참고용 카탈로그
헤더 파싱, PWA Hook, jotai state 등 세부 엔트리는 catalog.md에 요약되어 있습니다. 서버/클라이언트 조합을 설계하기 전에 catalog를 열어 동일한 패턴을 재사용하세요.