@owlmeans/web-panel 0.1.6 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -121,3 +121,20 @@ import { modules } from '@owlmeans/web-panel/auth/modules'
|
|
|
121
121
|
this package; uses the same Tailwind theme.
|
|
122
122
|
- [`@owlmeans/client-panel`](../client-panel) — framework-agnostic headless
|
|
123
123
|
form/layout logic this package wraps.
|
|
124
|
+
|
|
125
|
+
<!-- owlmeans:agent-guidance:start -->
|
|
126
|
+
## Agent guidance
|
|
127
|
+
|
|
128
|
+
This package ships embedded Claude Code skills and GitHub Copilot instructions under
|
|
129
|
+
`agent-meta/`. After installing your `@owlmeans/*` packages, run the OwlMeans
|
|
130
|
+
agent-skills installer to place them into your project's native locations
|
|
131
|
+
(`.claude/skills/` and `.github/instructions/`):
|
|
132
|
+
|
|
133
|
+
```sh
|
|
134
|
+
npx @owlmeans/agent-skills
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
The embedded files are version-matched to this package release. Do not edit them
|
|
138
|
+
directly — they are regenerated on each publish. To contribute guidance edits,
|
|
139
|
+
open a PR against the source monorepo.
|
|
140
|
+
<!-- owlmeans:agent-guidance:end -->
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: "How to use @owlmeans/web-panel — base browser context factory (makeContext) with Material-UI + React Router 7 wired in, plus form/panel components."
|
|
3
|
+
applyTo: "**/context.ts, **/*.ts, **/*.tsx"
|
|
4
|
+
---
|
|
5
|
+
<!-- AUTO-GENERATED — do not edit. Regenerate via sync-agent-meta. -->
|
|
6
|
+
|
|
7
|
+
# @owlmeans/web-panel
|
|
8
|
+
|
|
9
|
+
**Layer:** Web (React)
|
|
10
|
+
**Install:** `"@owlmeans/web-panel": "^0.1.8"` in `dependencies`
|
|
11
|
+
|
|
12
|
+
## Key Exports
|
|
13
|
+
|
|
14
|
+
| Export | Description |
|
|
15
|
+
|--------|-------------|
|
|
16
|
+
| `makeContext<C, T>(cfg)` | Base web context factory (MUI + React Router) |
|
|
17
|
+
| `components` submodule | Material-UI panel/form components |
|
|
18
|
+
| Re-exports from `@owlmeans/client-panel` | Cross-platform panel primitives |
|
|
19
|
+
|
|
20
|
+
## Subpath Exports
|
|
21
|
+
|
|
22
|
+
- `./auth`, `./auth/modules`
|
|
23
|
+
|
|
24
|
+
## Usage
|
|
25
|
+
|
|
26
|
+
```typescript
|
|
27
|
+
import { makeContext as makeBasicContext } from '@owlmeans/web-panel'
|
|
28
|
+
|
|
29
|
+
export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T => {
|
|
30
|
+
const context = makeBasicContext<C, T>(cfg)
|
|
31
|
+
context.makeContext = makeContext as typeof context.makeContext
|
|
32
|
+
return context
|
|
33
|
+
}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Depends On
|
|
37
|
+
|
|
38
|
+
- `@owlmeans/web-client`, `@owlmeans/client-panel`, `@owlmeans/client-i18n`, `@owlmeans/web-router`, `@mui/material`, `react`, `react-router`
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": 1,
|
|
3
|
+
"package": "@owlmeans/web-panel",
|
|
4
|
+
"version": "0.1.8",
|
|
5
|
+
"generatedAt": "2026-06-11T16:30:27.187Z",
|
|
6
|
+
"canonicalRepo": "https://github.com/owlmeans/common",
|
|
7
|
+
"entries": [
|
|
8
|
+
{
|
|
9
|
+
"kind": "skill",
|
|
10
|
+
"name": "web-panel",
|
|
11
|
+
"category": "package-specific",
|
|
12
|
+
"file": "skills/web-panel/SKILL.md",
|
|
13
|
+
"canonicalPath": ".claude/skills/web-panel/SKILL.md"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"kind": "instruction",
|
|
17
|
+
"name": "web-panel",
|
|
18
|
+
"category": "package-specific",
|
|
19
|
+
"file": "instructions/web-panel.instructions.md",
|
|
20
|
+
"canonicalPath": ".github/instructions/web-panel.instructions.md"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: web-panel
|
|
3
|
+
description: How to use @owlmeans/web-panel — base browser context factory (makeContext) with Material-UI + React Router 7 wired in, plus form/panel components. Auto-invoked when building a web app's makeContext or importing web panel components.
|
|
4
|
+
user-invocable: false
|
|
5
|
+
---
|
|
6
|
+
<!-- AUTO-GENERATED — do not edit. Regenerate via sync-agent-meta. -->
|
|
7
|
+
|
|
8
|
+
# @owlmeans/web-panel
|
|
9
|
+
|
|
10
|
+
**Layer:** Web (React)
|
|
11
|
+
**Install:** `"@owlmeans/web-panel": "^0.1.8"` in `dependencies`
|
|
12
|
+
|
|
13
|
+
## Key Exports
|
|
14
|
+
|
|
15
|
+
| Export | Description |
|
|
16
|
+
|--------|-------------|
|
|
17
|
+
| `makeContext<C, T>(cfg)` | Base web context factory (MUI + React Router) |
|
|
18
|
+
| `components` submodule | Material-UI panel/form components |
|
|
19
|
+
| Re-exports from `@owlmeans/client-panel` | Cross-platform panel primitives |
|
|
20
|
+
| `main`, `exports`, `context`, `modules`, `types` | Wiring helpers |
|
|
21
|
+
|
|
22
|
+
## Subpath Exports
|
|
23
|
+
|
|
24
|
+
- `./auth` — auth panel components for web
|
|
25
|
+
- `./auth/modules` — auth panel module declarations
|
|
26
|
+
|
|
27
|
+
## Usage
|
|
28
|
+
|
|
29
|
+
### In `context.ts`
|
|
30
|
+
```typescript
|
|
31
|
+
import { makeContext as makeBasicContext } from '@owlmeans/web-panel'
|
|
32
|
+
import { appendOidcGuard } from '@owlmeans/web-oidc-rp'
|
|
33
|
+
import { appendStateResource } from '@owlmeans/state'
|
|
34
|
+
|
|
35
|
+
export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T => {
|
|
36
|
+
const context = makeBasicContext<C, T>(cfg)
|
|
37
|
+
appendOidcGuard<C, T>(context)
|
|
38
|
+
appendStateResource<C, T>(context, VIB_PROJECT_STATE)
|
|
39
|
+
context.makeContext = makeContext as typeof context.makeContext
|
|
40
|
+
return context
|
|
41
|
+
}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Depends On
|
|
45
|
+
|
|
46
|
+
- `@owlmeans/web-client`, `@owlmeans/client-panel`, `@owlmeans/client-i18n`, `@owlmeans/web-router`
|
|
47
|
+
- `@mui/material`, `react`, `react-router` (peer)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@owlmeans/web-panel",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -37,30 +37,30 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@hookform/resolvers": "^3.9.0",
|
|
40
|
-
"@owlmeans/api-config-client": "^0.1.
|
|
41
|
-
"@owlmeans/auth": "^0.1.
|
|
42
|
-
"@owlmeans/auth-common": "^0.1.
|
|
43
|
-
"@owlmeans/basic-envelope": "^0.1.
|
|
44
|
-
"@owlmeans/client": "^0.1.
|
|
45
|
-
"@owlmeans/client-auth": "^0.1.
|
|
46
|
-
"@owlmeans/client-config": "^0.1.
|
|
47
|
-
"@owlmeans/client-context": "^0.1.
|
|
48
|
-
"@owlmeans/client-flow": "^0.1.
|
|
49
|
-
"@owlmeans/client-i18n": "^0.1.
|
|
50
|
-
"@owlmeans/client-entrypoint": "^0.1.
|
|
51
|
-
"@owlmeans/client-panel": "^0.1.
|
|
52
|
-
"@owlmeans/client-route": "^0.1.
|
|
53
|
-
"@owlmeans/config": "^0.1.
|
|
54
|
-
"@owlmeans/context": "^0.1.
|
|
55
|
-
"@owlmeans/error": "^0.1.
|
|
56
|
-
"@owlmeans/flow": "^0.1.
|
|
57
|
-
"@owlmeans/i18n": "^0.1.
|
|
58
|
-
"@owlmeans/entrypoint": "^0.1.
|
|
59
|
-
"@owlmeans/route": "^0.1.
|
|
60
|
-
"@owlmeans/web-client": "^0.1.
|
|
61
|
-
"@owlmeans/web-db": "^0.1.
|
|
62
|
-
"@owlmeans/web-flow": "^0.1.
|
|
63
|
-
"@owlmeans/web-router": "^0.1.
|
|
40
|
+
"@owlmeans/api-config-client": "^0.1.8",
|
|
41
|
+
"@owlmeans/auth": "^0.1.8",
|
|
42
|
+
"@owlmeans/auth-common": "^0.1.8",
|
|
43
|
+
"@owlmeans/basic-envelope": "^0.1.8",
|
|
44
|
+
"@owlmeans/client": "^0.1.8",
|
|
45
|
+
"@owlmeans/client-auth": "^0.1.8",
|
|
46
|
+
"@owlmeans/client-config": "^0.1.8",
|
|
47
|
+
"@owlmeans/client-context": "^0.1.8",
|
|
48
|
+
"@owlmeans/client-flow": "^0.1.8",
|
|
49
|
+
"@owlmeans/client-i18n": "^0.1.8",
|
|
50
|
+
"@owlmeans/client-entrypoint": "^0.1.8",
|
|
51
|
+
"@owlmeans/client-panel": "^0.1.8",
|
|
52
|
+
"@owlmeans/client-route": "^0.1.8",
|
|
53
|
+
"@owlmeans/config": "^0.1.8",
|
|
54
|
+
"@owlmeans/context": "^0.1.8",
|
|
55
|
+
"@owlmeans/error": "^0.1.8",
|
|
56
|
+
"@owlmeans/flow": "^0.1.8",
|
|
57
|
+
"@owlmeans/i18n": "^0.1.8",
|
|
58
|
+
"@owlmeans/entrypoint": "^0.1.8",
|
|
59
|
+
"@owlmeans/route": "^0.1.8",
|
|
60
|
+
"@owlmeans/web-client": "^0.1.8",
|
|
61
|
+
"@owlmeans/web-db": "^0.1.8",
|
|
62
|
+
"@owlmeans/web-flow": "^0.1.8",
|
|
63
|
+
"@owlmeans/web-router": "^0.1.8",
|
|
64
64
|
"i18next-browser-languagedetector": "^8.0.0",
|
|
65
65
|
"qrcode.react": "^4.2.0",
|
|
66
66
|
"react-google-recaptcha": "^3.1.0"
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
},
|
|
83
83
|
"devDependencies": {
|
|
84
84
|
"@owlmeans/dep-config": "workspace:*",
|
|
85
|
-
"@owlmeans/test-ui": "^0.1.
|
|
85
|
+
"@owlmeans/test-ui": "^0.1.8",
|
|
86
86
|
"@radix-ui/react-label": "^2.1.0",
|
|
87
87
|
"@radix-ui/react-progress": "^1.1.0",
|
|
88
88
|
"@radix-ui/react-separator": "^1.1.0",
|