fimo 2.3.1 → 2.3.2-staging.2

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.
Files changed (43) hide show
  1. package/assets/skills/fimo-cli/references/deploy.md +8 -1
  2. package/assets/skills/fimo-cli/references/integrations/firecrawl.md +6 -26
  3. package/assets/skills/fimo-cli/references/integrations.md +14 -30
  4. package/dist/cli/bundle.json +1 -1
  5. package/dist/cli/index.js +11 -14
  6. package/package.json +9 -9
  7. package/release.json +2 -2
  8. package/templates/astro/package.json +2 -2
  9. package/templates/astro/public/claude-color.svg +1 -0
  10. package/templates/astro/public/codex.svg +1 -0
  11. package/templates/astro/public/copilot-color.svg +1 -0
  12. package/templates/astro/public/cursor-light.svg +12 -0
  13. package/templates/astro/public/fimo-logo-black.svg +3 -0
  14. package/templates/astro/src/components/StarterHome.astro +186 -0
  15. package/templates/astro/src/layouts/Base.astro +3 -0
  16. package/templates/astro/src/pages/[locale]/index.astro +2 -2
  17. package/templates/astro/src/pages/index.astro +2 -2
  18. package/templates/nextjs/package.json +3 -3
  19. package/templates/nextjs/public/claude-color.svg +1 -0
  20. package/templates/nextjs/public/codex.svg +1 -0
  21. package/templates/nextjs/public/copilot-color.svg +1 -0
  22. package/templates/nextjs/public/cursor-light.svg +12 -0
  23. package/templates/nextjs/public/fimo-logo-black.svg +3 -0
  24. package/templates/nextjs/src/app/globals.css +119 -24
  25. package/templates/nextjs/src/app/page.tsx +73 -5
  26. package/templates/react-router/package.json +5 -6
  27. package/templates/react-router/src/lib/utils.ts +1 -6
  28. package/templates/sveltekit/package.json +2 -2
  29. package/templates/sveltekit/src/app.html +5 -0
  30. package/templates/sveltekit/src/routes/[[locale=locale]]/+page.svelte +183 -25
  31. package/templates/sveltekit/static/claude-color.svg +1 -0
  32. package/templates/sveltekit/static/codex.svg +1 -0
  33. package/templates/sveltekit/static/copilot-color.svg +1 -0
  34. package/templates/sveltekit/static/cursor-light.svg +12 -0
  35. package/templates/sveltekit/static/fimo-logo-black.svg +3 -0
  36. package/templates/vite/package.json +4 -4
  37. package/templates/vite/public/claude-color.svg +1 -0
  38. package/templates/vite/public/codex.svg +1 -0
  39. package/templates/vite/public/copilot-color.svg +1 -0
  40. package/templates/vite/public/cursor-light.svg +12 -0
  41. package/templates/vite/public/fimo-logo-black.svg +3 -0
  42. package/templates/vite/src/App.tsx +73 -10
  43. package/templates/vite/src/index.css +115 -32
package/templates/vite/src/index.css CHANGED
@@ -1,9 +1,20 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
2
+
1
3
  :root {
2
- color: #f5f5f4;
3
- background: #0a0a0c;
4
- font-family: Inter, ui-sans-serif, system-ui, sans-serif;
4
+ color-scheme: light;
5
+ -webkit-text-size-adjust: 100%;
6
+ font-family:
7
+ Inter,
8
+ ui-sans-serif,
9
+ system-ui,
10
+ -apple-system,
11
+ 'Segoe UI',
12
+ sans-serif;
13
+ line-height: 1.5;
5
14
  font-synthesis: none;
6
15
  text-rendering: optimizeLegibility;
16
+ -webkit-font-smoothing: antialiased;
17
+ -moz-osx-font-smoothing: grayscale;
7
18
  }
8
19
 
9
20
  * {
@@ -13,49 +24,121 @@
13
24
  body {
14
25
  margin: 0;
15
26
  min-width: 320px;
27
+ background: #fff;
28
+ }
29
+
30
+ .starter {
31
+ position: relative;
16
32
  min-height: 100vh;
33
+ overflow: hidden;
34
+ background: #fff;
17
35
  }
18
36
 
19
- #root {
37
+ .starter-main {
38
+ display: flex;
20
39
  min-height: 100vh;
21
- display: grid;
22
- place-items: center;
23
- padding: 2rem;
40
+ width: 100%;
41
+ flex-direction: column;
42
+ align-items: center;
43
+ margin: 0 auto;
44
+ padding: 4rem 1.5rem;
45
+ }
46
+
47
+ .starter-panel {
48
+ width: 100%;
49
+ max-width: 48rem;
50
+ }
51
+
52
+ .starter-logo {
53
+ display: block;
54
+ height: 1.5rem;
55
+ width: auto;
56
+ margin-bottom: 2rem;
57
+ pointer-events: none;
58
+ }
59
+
60
+ .starter-body {
61
+ display: flex;
62
+ flex-direction: column;
63
+ gap: 2rem;
64
+ /* Tailwind zinc-500, so this renders identically to the React Router starter. */
65
+ color: oklch(0.552 0.016 285.938);
24
66
  }
25
67
 
26
- main {
27
- width: min(42rem, 100%);
68
+ .starter-body p {
69
+ margin: 0;
28
70
  }
29
71
 
30
- .eyebrow {
31
- color: #fb923c;
32
- font-size: 0.75rem;
33
- font-weight: 700;
34
- letter-spacing: 0.14em;
35
- text-transform: uppercase;
72
+ .starter-steps {
73
+ display: flex;
74
+ flex-direction: column;
75
+ gap: 2rem;
76
+ margin: 0;
77
+ padding: 0;
78
+ list-style: none;
36
79
  }
37
80
 
38
- h1 {
39
- margin: 0.75rem 0 1rem;
40
- font-size: clamp(2.5rem, 9vw, 5rem);
41
- line-height: 0.95;
42
- letter-spacing: -0.05em;
81
+ .starter-steps li {
82
+ display: flex;
83
+ flex-direction: column;
84
+ gap: 0.75rem;
43
85
  }
44
86
 
45
- .lede {
46
- max-width: 36rem;
47
- color: #a8a29e;
48
- font-size: 1.125rem;
49
- line-height: 1.65;
87
+ .starter-icon {
88
+ display: none;
89
+ height: 1rem;
90
+ width: 1rem;
91
+ flex-shrink: 0;
50
92
  }
51
93
 
52
- a {
53
- display: inline-block;
54
- margin-top: 1rem;
55
- color: #fed7aa;
56
- text-underline-offset: 0.3em;
94
+ .starter-agents {
95
+ display: flex;
96
+ align-items: center;
97
+ gap: 0.75rem;
57
98
  }
58
99
 
59
- a:hover {
60
- color: #fff7ed;
100
+ .starter-agents img {
101
+ display: block;
102
+ height: 1.25rem;
103
+ width: auto;
104
+ pointer-events: none;
105
+ }
106
+
107
+ .starter-rule {
108
+ height: 0;
109
+ margin: 0;
110
+ border: 0;
111
+ border-top: 1px solid rgb(24 24 27 / 10%);
112
+ }
113
+
114
+ .starter-links {
115
+ display: flex;
116
+ flex-direction: column;
117
+ gap: 1rem;
118
+ font-size: 0.875rem;
119
+ line-height: 1.25rem;
120
+ }
121
+
122
+ .starter-links a {
123
+ color: inherit;
124
+ text-decoration: none;
125
+ }
126
+
127
+ @media (min-width: 40rem) {
128
+ .starter-steps {
129
+ gap: 1rem;
130
+ }
131
+
132
+ .starter-steps li {
133
+ flex-direction: row;
134
+ align-items: center;
135
+ }
136
+
137
+ .starter-icon {
138
+ display: block;
139
+ }
140
+
141
+ .starter-links {
142
+ flex-direction: row;
143
+ }
61
144
  }