메뉴
How to configure TypeScript in OwlMeans Native packages. Covers the dep-config package from common, which configs to extend, and how to set up a new package's tsconfig. Use when creating packages, editing tsconfigs, or diagnosing TypeScript config issues.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
How to use @owlmeans/native-client — the React Native app bootstrap package. Provides makeContext() to wire context/auth/permissions/router/db, AppConfig for multi-environment service routing, and useContext() hook. Auto-invoked when importing from native-client or setting up a React Native OwlMeans app.
How to use @owlmeans/native-db — React Native AsyncStorage-backed ClientDb adapter. Use makeNativeDbService() to create a multi-store persistent key/value service, or appendNativeDbService() to register it on a context. Auto-invoked when importing from native-db or wiring local storage in a React Native app.
How to use @owlmeans/native-panel — React Native Material Design 3 panel/UI component library built on react-native-paper. Use PanelApp as the root wrapper; re-exports makeContext, common panel helpers, and form/modal/list components. Auto-invoked when importing from native-panel or building React Native admin/dashboard UIs.
How to use @owlmeans/native-router — React Router Native adapter implementing the @owlmeans/router contract. Use appendNativeRouter() to register a memory-router-based router service on a context. Auto-invoked when importing from native-router or wiring navigation in a React Native OwlMeans app.
How to use @owlmeans/native-client — the React Native app bootstrap package. Provides makeContext() to wire context/auth/permissions/router/db, AppConfig for multi-environment service routing, and useContext() hook. Auto-invoked when importing from native-client or setting up a React Native OwlMeans app.
How to use @owlmeans/native-db — React Native AsyncStorage-backed ClientDb adapter. Use makeNativeDbService() to create a multi-store persistent key/value service, or appendNativeDbService() to register it on a context. Auto-invoked when importing from native-db or wiring local storage in a React Native app.
| name | tsconfig |
| description | How to configure TypeScript in OwlMeans Native packages. Covers the dep-config package from common, which configs to extend, and how to set up a new package's tsconfig. Use when creating packages, editing tsconfigs, or diagnosing TypeScript config issues. |
| allowed-tools | Bash(bunx tsc *), Read, Edit, Write |
All shared TypeScript config comes from @owlmeans/dep-config (the dep-config package from the common monorepo, consumed via libraries/common/packages/dep-config). Individual packages extend from there — no relative ../tsconfig.*.json paths.
| File | Purpose |
|---|---|
tsconfig.base.json | Core settings: strict, ESNext, Bundler resolution, declaration output |
tsconfig.react.json | Adds jsx: "react-jsx" and lib: ["DOM", "DOM.Iterable", "ESNext"] |
tsconfig.server.json | Sets lib: ["ESNext"] only — no DOM |
tsconfig.node.json | Extends server + adds types: ["node"] |
tsconfig.bun.json | Extends server + adds types: ["bun"] |
React Native packages extend tsconfig.base.json only — no DOM, no Node/Bun globals. The React Native runtime provides its own globals.
{
"extends": ["@owlmeans/dep-config/tsconfig.base.json"],
"compilerOptions": {
"rootDir": "./src/",
"outDir": "./build/"
},
"exclude": ["./dist/**/*", "./build/**/*", "./*.ts"]
}
@owlmeans/dep-config/tsconfig.*.json (package path) — not relative pathsdep-config must be in devDependencies as "workspace:*"tsconfig.react.json for native packages (React Native handles JSX transform separately)