@notionhive/footers 0.1.0 → 0.1.1
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 +126 -0
- package/package.json +4 -3
package/README.md
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
# @notionhive/footers
|
|
2
|
+
|
|
3
|
+
Copy **editable footers** into your Next.js project — source you own and can change locally, not a black-box `node_modules` import.
|
|
4
|
+
|
|
5
|
+
Works like `shadcn add`: run once per component to eject files into your app.
|
|
6
|
+
|
|
7
|
+
## Requirements
|
|
8
|
+
|
|
9
|
+
Your project needs:
|
|
10
|
+
|
|
11
|
+
- **Node.js** 18+
|
|
12
|
+
- **Next.js** 16+
|
|
13
|
+
- **Tailwind CSS** v4
|
|
14
|
+
- **prop-types**
|
|
15
|
+
|
|
16
|
+
Path alias `@/` should resolve to your project root (default in Next.js).
|
|
17
|
+
|
|
18
|
+
## Quick start
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npx @notionhive/footers add footer-07
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
Target a specific app directory:
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npx @notionhive/footers add footer-07 --dir ./my-app
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
List all available footers:
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
npx @notionhive/footers list
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Use in your app
|
|
37
|
+
|
|
38
|
+
```jsx
|
|
39
|
+
import { Footer07 } from "@/components/Footer07";
|
|
40
|
+
|
|
41
|
+
export default function Page() {
|
|
42
|
+
return <Footer07 />;
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
Props are defined in `Footer07.propTypes.js` inside the copied folder. Override any prop in JSX or spread defaults from that file.
|
|
47
|
+
|
|
48
|
+
## What gets copied
|
|
49
|
+
|
|
50
|
+
| Path | Description |
|
|
51
|
+
|------|-------------|
|
|
52
|
+
| `components/<Name>/` | Component source + `propTypes` |
|
|
53
|
+
| `components/_shared/` | SafeImage, hooks, molecules (only what the component needs) |
|
|
54
|
+
| `public/footer/...` | Static assets when the design uses them |
|
|
55
|
+
|
|
56
|
+
Re-run with `--force` to overwrite existing files:
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
npx @notionhive/footers add footer-07 --force
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Available footers
|
|
63
|
+
|
|
64
|
+
- `footer-01` → `Footer01`
|
|
65
|
+
- `footer-02` → `Footer02`
|
|
66
|
+
- `footer-03` → `Footer03`
|
|
67
|
+
- `footer-04` → `Footer04`
|
|
68
|
+
- `footer-05` → `Footer05`
|
|
69
|
+
- `footer-06` → `Footer06`
|
|
70
|
+
- `footer-07` → `Footer07`
|
|
71
|
+
- `footer-08` → `Footer08`
|
|
72
|
+
- `footer-09` → `Footer09`
|
|
73
|
+
- `footer-10` → `Footer10`
|
|
74
|
+
- `footer-11` → `Footer11`
|
|
75
|
+
- `footer-12` → `Footer12`
|
|
76
|
+
- `footer-13` → `Footer13`
|
|
77
|
+
- `footer-14` → `Footer14`
|
|
78
|
+
- `footer-15` → `Footer15`
|
|
79
|
+
- `footer-16` → `Footer16`
|
|
80
|
+
- `footer-17` → `Footer17`
|
|
81
|
+
- `footer-18` → `Footer18`
|
|
82
|
+
- `footer-19` → `Footer19`
|
|
83
|
+
- `footer-20` → `Footer20`
|
|
84
|
+
- `footer-21` → `Footer21`
|
|
85
|
+
- `footer-22` → `Footer22`
|
|
86
|
+
- `footer-23` → `Footer23`
|
|
87
|
+
- `footer-24` → `Footer24`
|
|
88
|
+
- `footer-25` → `Footer25`
|
|
89
|
+
- `footer-26` → `Footer26`
|
|
90
|
+
- `footer-27` → `Footer27`
|
|
91
|
+
- `footer-28` → `Footer28`
|
|
92
|
+
- `footer-29` → `Footer29`
|
|
93
|
+
- `footer-30` → `Footer30`
|
|
94
|
+
|
|
95
|
+
## CLI reference
|
|
96
|
+
|
|
97
|
+
```bash
|
|
98
|
+
npx @notionhive/footers add <footer-id> [--dir <path>] [--force]
|
|
99
|
+
npx @notionhive/footers list
|
|
100
|
+
npx @notionhive/footers --help
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
| Flag | Description |
|
|
104
|
+
|------|-------------|
|
|
105
|
+
| `--dir` | Target project root (default: current directory) |
|
|
106
|
+
| `--force` | Overwrite files that already exist |
|
|
107
|
+
|
|
108
|
+
## Other categories
|
|
109
|
+
|
|
110
|
+
| Package | Example |
|
|
111
|
+
|---------|---------|
|
|
112
|
+
| `@notionhive/heroes` | `npx @notionhive/heroes add hero-05` |
|
|
113
|
+
| `@notionhive/menus` | `npx @notionhive/menus add menu-01` |
|
|
114
|
+
| `@notionhive/about` | `npx @notionhive/about add about-01` |
|
|
115
|
+
| `@notionhive/services` | `npx @notionhive/services add service-01` |
|
|
116
|
+
| `@notionhive/testimonials` | `npx @notionhive/testimonials add testimonial-01` |
|
|
117
|
+
| `@notionhive/contacts` | `npx @notionhive/contacts add contact-01` |
|
|
118
|
+
| `@notionhive/ctas` | `npx @notionhive/ctas add cta-03` |
|
|
119
|
+
|
|
120
|
+
## Browse components
|
|
121
|
+
|
|
122
|
+
See the Notionhive component library Storybook for previews, props, and eject commands for every variant.
|
|
123
|
+
|
|
124
|
+
## License
|
|
125
|
+
|
|
126
|
+
UNLICENSED — internal Notionhive use unless otherwise specified.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@notionhive/footers",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Add editable footers into your Next.js project.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"bin": {
|
|
@@ -10,13 +10,14 @@
|
|
|
10
10
|
"bin",
|
|
11
11
|
"registry",
|
|
12
12
|
"templates",
|
|
13
|
-
"category.config.json"
|
|
13
|
+
"category.config.json",
|
|
14
|
+
"README.md"
|
|
14
15
|
],
|
|
15
16
|
"scripts": {
|
|
16
17
|
"prepublishOnly": "node ../../scripts/sync-templates.js"
|
|
17
18
|
},
|
|
18
19
|
"dependencies": {
|
|
19
|
-
"@notionhive/core": "0.1.
|
|
20
|
+
"@notionhive/core": "0.1.1"
|
|
20
21
|
},
|
|
21
22
|
"engines": {
|
|
22
23
|
"node": ">=18"
|