@jamwidgets/astro 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.
Files changed (4) hide show
  1. package/dist/loader.js +2 -1
  2. package/package.json +2 -2
  3. package/src/Subscribe.astro +91 -94
  4. package/src/loader.ts +2 -1
package/dist/loader.js CHANGED
@@ -41,7 +41,8 @@ export function jamwidgetsPostsLoader(options) {
41
41
  const response = await fetch(url.toString(), {
42
42
  headers: {
43
43
  "X-Jamwidgets-Key": siteKey,
44
- "X-JamWidgets-Key": siteKey, // backward compat
44
+ // Legacy headers for backward compatibility
45
+ "X-Seriph-Key": siteKey,
45
46
  },
46
47
  });
47
48
  if (!response.ok) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jamwidgets/astro",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "Astro components and content loader for Jamwidgets (forms, comments, reactions, posts)",
5
5
  "repository": {
6
6
  "type": "git",
@@ -50,7 +50,7 @@
50
50
  ],
51
51
  "license": "MIT",
52
52
  "dependencies": {
53
- "@jamwidgets/core": "0.1.0"
53
+ "@jamwidgets/core": "0.1.1"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "astro": "^5.0.0"
package/src/Subscribe.astro CHANGED
@@ -193,27 +193,41 @@ const baseUrl = endpoint.replace(/\/+$/, "") + API_PATH;
193
193
  </script>
194
194
 
195
195
  <style is:global>
196
- @layer jamwidgets {
197
- .jamwidgets-subscribe {
198
- --jamwidgets-border-color: #d1d5db;
199
- --jamwidgets-input-bg: #ffffff;
200
- --jamwidgets-input-text: #111827;
201
- --jamwidgets-button-bg: #4f46e5;
202
- --jamwidgets-button-text: #ffffff;
203
- --jamwidgets-button-hover: #4338ca;
204
- --jamwidgets-success-bg: #dcfce7;
205
- --jamwidgets-success-text: #166534;
206
- --jamwidgets-success-border: #bbf7d0;
207
- --jamwidgets-error-bg: #fef2f2;
208
- --jamwidgets-error-text: #991b1b;
209
- --jamwidgets-error-border: #fecaca;
210
- --jamwidgets-focus-ring: rgba(79, 70, 229, 0.5);
211
-
212
- position: relative;
213
- }
196
+ .jamwidgets-subscribe {
197
+ --jamwidgets-border-color: #d1d5db;
198
+ --jamwidgets-input-bg: #ffffff;
199
+ --jamwidgets-input-text: #111827;
200
+ --jamwidgets-button-bg: #4f46e5;
201
+ --jamwidgets-button-text: #ffffff;
202
+ --jamwidgets-button-hover: #4338ca;
203
+ --jamwidgets-success-bg: #dcfce7;
204
+ --jamwidgets-success-text: #166534;
205
+ --jamwidgets-success-border: #bbf7d0;
206
+ --jamwidgets-error-bg: #fef2f2;
207
+ --jamwidgets-error-text: #991b1b;
208
+ --jamwidgets-error-border: #fecaca;
209
+ --jamwidgets-focus-ring: rgba(79, 70, 229, 0.5);
210
+ position: relative;
211
+ }
212
+
213
+ /* Dark theme */
214
+ .jamwidgets-subscribe.jamwidgets-theme-dark {
215
+ --jamwidgets-border-color: #4b5563;
216
+ --jamwidgets-input-bg: #1f2937;
217
+ --jamwidgets-input-text: #f9fafb;
218
+ --jamwidgets-button-bg: #6366f1;
219
+ --jamwidgets-button-hover: #818cf8;
220
+ --jamwidgets-success-bg: rgba(34, 197, 94, 0.15);
221
+ --jamwidgets-success-text: #86efac;
222
+ --jamwidgets-success-border: rgba(34, 197, 94, 0.3);
223
+ --jamwidgets-error-bg: rgba(239, 68, 68, 0.15);
224
+ --jamwidgets-error-text: #fca5a5;
225
+ --jamwidgets-error-border: rgba(239, 68, 68, 0.3);
226
+ }
214
227
 
215
- /* Dark theme */
216
- .jamwidgets-subscribe.jamwidgets-theme-dark {
228
+ /* Auto theme - follows prefers-color-scheme */
229
+ @media (prefers-color-scheme: dark) {
230
+ .jamwidgets-subscribe.jamwidgets-theme-auto {
217
231
  --jamwidgets-border-color: #4b5563;
218
232
  --jamwidgets-input-bg: #1f2937;
219
233
  --jamwidgets-input-text: #f9fafb;
@@ -226,89 +240,72 @@ const baseUrl = endpoint.replace(/\/+$/, "") + API_PATH;
226
240
  --jamwidgets-error-text: #fca5a5;
227
241
  --jamwidgets-error-border: rgba(239, 68, 68, 0.3);
228
242
  }
243
+ }
229
244
 
230
- /* Auto theme - follows prefers-color-scheme */
231
- @media (prefers-color-scheme: dark) {
232
- .jamwidgets-subscribe.jamwidgets-theme-auto {
233
- --jamwidgets-border-color: #4b5563;
234
- --jamwidgets-input-bg: #1f2937;
235
- --jamwidgets-input-text: #f9fafb;
236
- --jamwidgets-button-bg: #6366f1;
237
- --jamwidgets-button-hover: #818cf8;
238
- --jamwidgets-success-bg: rgba(34, 197, 94, 0.15);
239
- --jamwidgets-success-text: #86efac;
240
- --jamwidgets-success-border: rgba(34, 197, 94, 0.3);
241
- --jamwidgets-error-bg: rgba(239, 68, 68, 0.15);
242
- --jamwidgets-error-text: #fca5a5;
243
- --jamwidgets-error-border: rgba(239, 68, 68, 0.3);
244
- }
245
- }
246
-
247
- .jamwidgets-subscribe-input-group {
248
- display: flex;
249
- gap: 0.5rem;
250
- }
245
+ .jamwidgets-subscribe-input-group {
246
+ display: flex;
247
+ gap: 0.5rem;
248
+ }
251
249
 
252
- .jamwidgets-subscribe-input {
253
- flex: 1;
254
- padding: 0.625rem 0.875rem;
255
- border: 1px solid var(--jamwidgets-border-color);
256
- border-radius: 0.375rem;
257
- background-color: var(--jamwidgets-input-bg);
258
- color: var(--jamwidgets-input-text);
259
- font-size: 0.875rem;
260
- line-height: 1.25rem;
261
- }
250
+ .jamwidgets-subscribe-input {
251
+ flex: 1;
252
+ padding: 0.625rem 0.875rem;
253
+ border: 1px solid var(--jamwidgets-border-color);
254
+ border-radius: 0.375rem;
255
+ background-color: var(--jamwidgets-input-bg);
256
+ color: var(--jamwidgets-input-text);
257
+ font-size: 0.875rem;
258
+ line-height: 1.25rem;
259
+ }
262
260
 
263
- .jamwidgets-subscribe-input:focus {
264
- outline: none;
265
- border-color: var(--jamwidgets-button-bg);
266
- box-shadow: 0 0 0 3px var(--jamwidgets-focus-ring);
267
- }
261
+ .jamwidgets-subscribe-input:focus {
262
+ outline: none;
263
+ border-color: var(--jamwidgets-button-bg);
264
+ box-shadow: 0 0 0 3px var(--jamwidgets-focus-ring);
265
+ }
268
266
 
269
- .jamwidgets-subscribe-input::placeholder {
270
- color: #9ca3af;
271
- }
267
+ .jamwidgets-subscribe-input::placeholder {
268
+ color: #9ca3af;
269
+ }
272
270
 
273
- .jamwidgets-subscribe-button {
274
- padding: 0.625rem 1rem;
275
- border: none;
276
- border-radius: 0.375rem;
277
- background-color: var(--jamwidgets-button-bg);
278
- color: var(--jamwidgets-button-text);
279
- font-size: 0.875rem;
280
- font-weight: 500;
281
- cursor: pointer;
282
- transition: background-color 0.15s ease;
283
- white-space: nowrap;
284
- }
271
+ .jamwidgets-subscribe-button {
272
+ padding: 0.625rem 1rem;
273
+ border: none;
274
+ border-radius: 0.375rem;
275
+ background-color: var(--jamwidgets-button-bg);
276
+ color: var(--jamwidgets-button-text);
277
+ font-size: 0.875rem;
278
+ font-weight: 500;
279
+ cursor: pointer;
280
+ transition: background-color 0.15s ease;
281
+ white-space: nowrap;
282
+ }
285
283
 
286
- .jamwidgets-subscribe-button:hover:not(:disabled) {
287
- background-color: var(--jamwidgets-button-hover);
288
- }
284
+ .jamwidgets-subscribe-button:hover:not(:disabled) {
285
+ background-color: var(--jamwidgets-button-hover);
286
+ }
289
287
 
290
- .jamwidgets-subscribe-button:disabled {
291
- opacity: 0.6;
292
- cursor: not-allowed;
293
- }
288
+ .jamwidgets-subscribe-button:disabled {
289
+ opacity: 0.6;
290
+ cursor: not-allowed;
291
+ }
294
292
 
295
- .jamwidgets-subscribe-message {
296
- margin-top: 0.75rem;
297
- padding: 0.625rem 0.875rem;
298
- border-radius: 0.375rem;
299
- font-size: 0.875rem;
300
- }
293
+ .jamwidgets-subscribe-message {
294
+ margin-top: 0.75rem;
295
+ padding: 0.625rem 0.875rem;
296
+ border-radius: 0.375rem;
297
+ font-size: 0.875rem;
298
+ }
301
299
 
302
- .jamwidgets-subscribe-success {
303
- background-color: var(--jamwidgets-success-bg);
304
- color: var(--jamwidgets-success-text);
305
- border: 1px solid var(--jamwidgets-success-border);
306
- }
300
+ .jamwidgets-subscribe-success {
301
+ background-color: var(--jamwidgets-success-bg);
302
+ color: var(--jamwidgets-success-text);
303
+ border: 1px solid var(--jamwidgets-success-border);
304
+ }
307
305
 
308
- .jamwidgets-subscribe-error {
309
- background-color: var(--jamwidgets-error-bg);
310
- color: var(--jamwidgets-error-text);
311
- border: 1px solid var(--jamwidgets-error-border);
312
- }
306
+ .jamwidgets-subscribe-error {
307
+ background-color: var(--jamwidgets-error-bg);
308
+ color: var(--jamwidgets-error-text);
309
+ border: 1px solid var(--jamwidgets-error-border);
313
310
  }
314
311
  </style>
package/src/loader.ts CHANGED
@@ -101,7 +101,8 @@ export function jamwidgetsPostsLoader(options: JamwidgetsPostsLoaderOptions) {
101
101
  const response = await fetch(url.toString(), {
102
102
  headers: {
103
103
  "X-Jamwidgets-Key": siteKey,
104
- "X-JamWidgets-Key": siteKey, // backward compat
104
+ // Legacy headers for backward compatibility
105
+ "X-Seriph-Key": siteKey,
105
106
  },
106
107
  });
107
108