@ssingh465/recipe-ui 0.1.0
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/LICENSE +21 -0
- package/dist/components/index.d.ts +47 -0
- package/dist/components/index.js +1 -0
- package/dist/components/spike-panel.d.ts +11 -0
- package/dist/components/spike-panel.js +1 -0
- package/dist/types/components/spike-panel/spike-panel.cmp.test.d.ts +1 -0
- package/dist/types/components/spike-panel/spike-panel.d.ts +18 -0
- package/dist/types/components.d.ts +86 -0
- package/dist/types/index.d.ts +10 -0
- package/dist/types/stencil-public-runtime.d.ts +1873 -0
- package/package.json +56 -0
- package/readme.md +34 -0
package/package.json
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@ssingh465/recipe-ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Stencil web component library for Recipe Finder & Meal Planner",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://github.com/ssingh465/recipe-finder-meal-planner.git",
|
|
9
|
+
"directory": "library"
|
|
10
|
+
},
|
|
11
|
+
"publishConfig": {
|
|
12
|
+
"access": "public"
|
|
13
|
+
},
|
|
14
|
+
"engines": {
|
|
15
|
+
"node": ">=20"
|
|
16
|
+
},
|
|
17
|
+
"type": "module",
|
|
18
|
+
"types": "./dist/components/index.d.ts",
|
|
19
|
+
"exports": {
|
|
20
|
+
".": {
|
|
21
|
+
"types": "./dist/components/index.d.ts",
|
|
22
|
+
"import": "./dist/components/index.js"
|
|
23
|
+
},
|
|
24
|
+
"./components": {
|
|
25
|
+
"types": "./dist/components/index.d.ts",
|
|
26
|
+
"import": "./dist/components/index.js"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"files": [
|
|
30
|
+
"dist"
|
|
31
|
+
],
|
|
32
|
+
"sideEffects": [
|
|
33
|
+
"dist/components/**"
|
|
34
|
+
],
|
|
35
|
+
"scripts": {
|
|
36
|
+
"build": "stencil build",
|
|
37
|
+
"start": "stencil build --dev --watch --serve",
|
|
38
|
+
"lint": "eslint src",
|
|
39
|
+
"test": "stencil-test --prod",
|
|
40
|
+
"test:watch": "stencil-test --prod --watch",
|
|
41
|
+
"generate": "stencil generate"
|
|
42
|
+
},
|
|
43
|
+
"dependencies": {
|
|
44
|
+
"@stencil/core": "^4.27.1 || ^5.0.0-0"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@eslint/js": "^10.0.1",
|
|
48
|
+
"@stencil/vitest": "^1.8.3",
|
|
49
|
+
"@types/node": "^22.13.5",
|
|
50
|
+
"@vitest/browser-playwright": "^4.0.0",
|
|
51
|
+
"eslint": "^10.9.0",
|
|
52
|
+
"playwright": "^1.52.0",
|
|
53
|
+
"typescript-eslint": "^8.68.0",
|
|
54
|
+
"vitest": "^4.0.0"
|
|
55
|
+
}
|
|
56
|
+
}
|
package/readme.md
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# @ssingh465/recipe-ui
|
|
2
|
+
|
|
3
|
+
Stencil web component library for the **Recipe Finder & Meal Planner** app. Published to npm
|
|
4
|
+
and consumed by `../app` as a registry dependency — never linked from source (see the repo root
|
|
5
|
+
[PLAN.md](../PLAN.md) and [TRD.md](../TRD.md) §9.1).
|
|
6
|
+
|
|
7
|
+
## Local development
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
npm start # dev server with live reload, http://localhost:3333
|
|
12
|
+
npm run build # production build -> dist/
|
|
13
|
+
npm test # Stencil/Vitest spec tests
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Consuming this package
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm i @ssingh465/recipe-ui
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
```ts
|
|
23
|
+
// app/src/hooks.client.ts
|
|
24
|
+
import { defineCustomElements } from '@ssingh465/recipe-ui/components';
|
|
25
|
+
defineCustomElements();
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
Register once, client-side only, before any consumer renders (D-05) — see TRD §6.4.
|
|
29
|
+
|
|
30
|
+
## Status
|
|
31
|
+
|
|
32
|
+
Phase 0 ships a single throwaway component, `<spike-panel>`, that proves the publish → install →
|
|
33
|
+
render → event → slot pipeline end to end. The real component set (`recipe-card`, `recipe-grid`,
|
|
34
|
+
`filter-chip`, `day-picker`, `planner-day`, `empty-state`, `skeleton-card`) lands in Phase 3.
|