featuredrop 1.0.1 → 1.2.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/README.md +626 -186
- package/dist/angular.cjs +286 -0
- package/dist/angular.cjs.map +1 -0
- package/dist/angular.d.cts +229 -0
- package/dist/angular.d.ts +229 -0
- package/dist/angular.js +283 -0
- package/dist/angular.js.map +1 -0
- package/dist/featuredrop.cjs +1256 -0
- package/dist/featuredrop.cjs.map +1 -0
- package/dist/index.cjs +2769 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1020 -9
- package/dist/index.d.ts +1020 -9
- package/dist/index.js +2726 -10
- package/dist/index.js.map +1 -1
- package/dist/preact.cjs +7289 -0
- package/dist/preact.cjs.map +1 -0
- package/dist/preact.d.cts +1266 -0
- package/dist/preact.d.ts +1266 -0
- package/dist/preact.js +7259 -0
- package/dist/preact.js.map +1 -0
- package/dist/react.cjs +7142 -49
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +1119 -7
- package/dist/react.d.ts +1119 -7
- package/dist/react.js +7122 -52
- package/dist/react.js.map +1 -1
- package/dist/schema.cjs +215 -0
- package/dist/schema.cjs.map +1 -0
- package/dist/schema.d.cts +203 -0
- package/dist/schema.d.ts +203 -0
- package/dist/schema.js +209 -0
- package/dist/schema.js.map +1 -0
- package/dist/solid.cjs +373 -0
- package/dist/solid.cjs.map +1 -0
- package/dist/solid.d.cts +242 -0
- package/dist/solid.d.ts +242 -0
- package/dist/solid.js +366 -0
- package/dist/solid.js.map +1 -0
- package/dist/svelte.cjs +329 -0
- package/dist/svelte.cjs.map +1 -0
- package/dist/svelte.js +324 -0
- package/dist/svelte.js.map +1 -0
- package/dist/testing.cjs +1422 -0
- package/dist/testing.cjs.map +1 -0
- package/dist/testing.d.cts +339 -0
- package/dist/testing.d.ts +339 -0
- package/dist/testing.js +1415 -0
- package/dist/testing.js.map +1 -0
- package/dist/vue.cjs +1084 -0
- package/dist/vue.cjs.map +1 -0
- package/dist/vue.js +1072 -0
- package/dist/vue.js.map +1 -0
- package/dist/web-components.cjs +483 -0
- package/dist/web-components.cjs.map +1 -0
- package/dist/web-components.d.cts +211 -0
- package/dist/web-components.d.ts +211 -0
- package/dist/web-components.js +477 -0
- package/dist/web-components.js.map +1 -0
- package/package.json +126 -3
|
@@ -0,0 +1,483 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/semver.ts
|
|
4
|
+
var SEMVER_REGEX = /^(\d+)\.(\d+)\.(\d+)(?:-([0-9A-Za-z.-]+))?/;
|
|
5
|
+
function parseSemver(input) {
|
|
6
|
+
const match = input.trim().match(SEMVER_REGEX);
|
|
7
|
+
if (!match) return null;
|
|
8
|
+
return {
|
|
9
|
+
major: Number(match[1]),
|
|
10
|
+
minor: Number(match[2]),
|
|
11
|
+
patch: Number(match[3]),
|
|
12
|
+
prerelease: match[4] ? match[4].split(".") : []
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
function compareSemver(a, b) {
|
|
16
|
+
const pa = parseSemver(a);
|
|
17
|
+
const pb = parseSemver(b);
|
|
18
|
+
if (!pa || !pb) return 0;
|
|
19
|
+
for (const key of ["major", "minor", "patch"]) {
|
|
20
|
+
if (pa[key] !== pb[key]) return pa[key] - pb[key];
|
|
21
|
+
}
|
|
22
|
+
const aPre = pa.prerelease;
|
|
23
|
+
const bPre = pb.prerelease;
|
|
24
|
+
if (aPre.length === 0 && bPre.length === 0) return 0;
|
|
25
|
+
if (aPre.length === 0) return 1;
|
|
26
|
+
if (bPre.length === 0) return -1;
|
|
27
|
+
const len = Math.max(aPre.length, bPre.length);
|
|
28
|
+
for (let i = 0; i < len; i++) {
|
|
29
|
+
const ai = aPre[i];
|
|
30
|
+
const bi = bPre[i];
|
|
31
|
+
if (ai === void 0) return -1;
|
|
32
|
+
if (bi === void 0) return 1;
|
|
33
|
+
const aNum = Number(ai);
|
|
34
|
+
const bNum = Number(bi);
|
|
35
|
+
const aIsNum = Number.isInteger(aNum);
|
|
36
|
+
const bIsNum = Number.isInteger(bNum);
|
|
37
|
+
if (aIsNum && bIsNum && aNum !== bNum) return aNum - bNum;
|
|
38
|
+
if (aIsNum !== bIsNum) return aIsNum ? -1 : 1;
|
|
39
|
+
if (ai !== bi) return ai < bi ? -1 : 1;
|
|
40
|
+
}
|
|
41
|
+
return 0;
|
|
42
|
+
}
|
|
43
|
+
function parseComparator(comp) {
|
|
44
|
+
const match = comp.trim().match(/^(>=|<=|>|<|=)?\\s*(.+)$/);
|
|
45
|
+
if (!match) return null;
|
|
46
|
+
const op = match[1] || ">=";
|
|
47
|
+
const version = match[2];
|
|
48
|
+
if (!parseSemver(version)) return null;
|
|
49
|
+
return { op, version };
|
|
50
|
+
}
|
|
51
|
+
function satisfiesComparator(version, comp) {
|
|
52
|
+
const diff = compareSemver(version, comp.version);
|
|
53
|
+
switch (comp.op) {
|
|
54
|
+
case ">":
|
|
55
|
+
return diff > 0;
|
|
56
|
+
case ">=":
|
|
57
|
+
return diff >= 0;
|
|
58
|
+
case "<":
|
|
59
|
+
return diff < 0;
|
|
60
|
+
case "<=":
|
|
61
|
+
return diff <= 0;
|
|
62
|
+
case "=":
|
|
63
|
+
return diff === 0;
|
|
64
|
+
default:
|
|
65
|
+
return false;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
function satisfiesRange(version, range) {
|
|
69
|
+
const parts = range.split(/\s+/).filter(Boolean);
|
|
70
|
+
if (parts.length === 0) return true;
|
|
71
|
+
for (const part of parts) {
|
|
72
|
+
const comp = parseComparator(part);
|
|
73
|
+
if (!comp) return false;
|
|
74
|
+
if (!satisfiesComparator(version, comp)) return false;
|
|
75
|
+
}
|
|
76
|
+
return true;
|
|
77
|
+
}
|
|
78
|
+
function isTriggerMatch(trigger, context) {
|
|
79
|
+
if (!trigger) return true;
|
|
80
|
+
return false;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
// src/core.ts
|
|
84
|
+
function matchesAudience(audience, userContext) {
|
|
85
|
+
if (audience.plan && audience.plan.length > 0) {
|
|
86
|
+
if (!userContext.plan || !audience.plan.includes(userContext.plan)) {
|
|
87
|
+
return false;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
if (audience.role && audience.role.length > 0) {
|
|
91
|
+
if (!userContext.role || !audience.role.includes(userContext.role)) {
|
|
92
|
+
return false;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
if (audience.region && audience.region.length > 0) {
|
|
96
|
+
if (!userContext.region || !audience.region.includes(userContext.region)) {
|
|
97
|
+
return false;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
return true;
|
|
101
|
+
}
|
|
102
|
+
function isAudienceMatch(feature, userContext, matchFn) {
|
|
103
|
+
if (!feature.audience) return true;
|
|
104
|
+
const { plan, role, region, custom } = feature.audience;
|
|
105
|
+
const hasRules = plan && plan.length > 0 || role && role.length > 0 || region && region.length > 0 || custom && Object.keys(custom).length > 0;
|
|
106
|
+
if (!hasRules) return true;
|
|
107
|
+
if (!userContext) return false;
|
|
108
|
+
if (matchFn) return matchFn(feature.audience, userContext);
|
|
109
|
+
return matchesAudience(feature.audience, userContext);
|
|
110
|
+
}
|
|
111
|
+
function isVersionMatch(feature, appVersion) {
|
|
112
|
+
const v = feature.version;
|
|
113
|
+
if (!v || typeof v === "string") return true;
|
|
114
|
+
if (!appVersion) return false;
|
|
115
|
+
if (!v.introduced && !v.showNewUntil && !v.deprecatedAt && !v.showIn) return true;
|
|
116
|
+
if (v.showIn && !satisfiesRange(appVersion, v.showIn)) return false;
|
|
117
|
+
if (v.introduced && compareSemver(appVersion, v.introduced) < 0) return false;
|
|
118
|
+
if (v.deprecatedAt && compareSemver(appVersion, v.deprecatedAt) >= 0) return false;
|
|
119
|
+
if (v.showNewUntil && compareSemver(appVersion, v.showNewUntil) >= 0) return false;
|
|
120
|
+
return true;
|
|
121
|
+
}
|
|
122
|
+
function isDependencyMatch(feature, dismissedIds, dependencyState) {
|
|
123
|
+
const dependsOn = feature.dependsOn;
|
|
124
|
+
if (!dependsOn) return true;
|
|
125
|
+
const dismissedDependencyIds = dismissedIds;
|
|
126
|
+
if (dependsOn.seen && dependsOn.seen.length > 0) {
|
|
127
|
+
for (const id of dependsOn.seen) {
|
|
128
|
+
if (!dismissedDependencyIds.has(id)) return false;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
if (dependsOn.clicked && dependsOn.clicked.length > 0) {
|
|
132
|
+
for (const id of dependsOn.clicked) {
|
|
133
|
+
return false;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
if (dependsOn.dismissed && dependsOn.dismissed.length > 0) {
|
|
137
|
+
for (const id of dependsOn.dismissed) {
|
|
138
|
+
if (!dismissedDependencyIds.has(id)) return false;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
return true;
|
|
142
|
+
}
|
|
143
|
+
function isNew(feature, watermark, dismissedIds, now = /* @__PURE__ */ new Date(), userContext, matchAudience, appVersion, dependencyState, triggerContext) {
|
|
144
|
+
if (dismissedIds.has(feature.id)) return false;
|
|
145
|
+
if (!isAudienceMatch(feature, userContext, matchAudience)) return false;
|
|
146
|
+
if (!isDependencyMatch(feature, dismissedIds)) return false;
|
|
147
|
+
if (!isVersionMatch(feature, appVersion)) return false;
|
|
148
|
+
if (!isTriggerMatch(feature.trigger)) return false;
|
|
149
|
+
const nowMs = now.getTime();
|
|
150
|
+
if (feature.publishAt) {
|
|
151
|
+
const publishMs = new Date(feature.publishAt).getTime();
|
|
152
|
+
if (nowMs < publishMs) return false;
|
|
153
|
+
}
|
|
154
|
+
const showUntilMs = new Date(feature.showNewUntil).getTime();
|
|
155
|
+
if (nowMs >= showUntilMs) return false;
|
|
156
|
+
if (watermark) {
|
|
157
|
+
const watermarkMs = new Date(watermark).getTime();
|
|
158
|
+
const releasedMs = new Date(feature.releasedAt).getTime();
|
|
159
|
+
if (releasedMs <= watermarkMs) return false;
|
|
160
|
+
}
|
|
161
|
+
return true;
|
|
162
|
+
}
|
|
163
|
+
function getNewFeatures(manifest, storage, now = /* @__PURE__ */ new Date(), userContext, matchAudience, appVersion, dependencyState, triggerContext) {
|
|
164
|
+
const watermark = storage.getWatermark();
|
|
165
|
+
const dismissedIds = storage.getDismissedIds();
|
|
166
|
+
return manifest.filter(
|
|
167
|
+
(f) => isNew(
|
|
168
|
+
f,
|
|
169
|
+
watermark,
|
|
170
|
+
dismissedIds,
|
|
171
|
+
now,
|
|
172
|
+
userContext,
|
|
173
|
+
matchAudience,
|
|
174
|
+
appVersion)
|
|
175
|
+
);
|
|
176
|
+
}
|
|
177
|
+
function hasNewFeature(manifest, sidebarKey, storage, now = /* @__PURE__ */ new Date(), userContext, matchAudience, appVersion, dependencyState, triggerContext) {
|
|
178
|
+
const watermark = storage.getWatermark();
|
|
179
|
+
const dismissedIds = storage.getDismissedIds();
|
|
180
|
+
return manifest.some(
|
|
181
|
+
(f) => f.sidebarKey === sidebarKey && isNew(
|
|
182
|
+
f,
|
|
183
|
+
watermark,
|
|
184
|
+
dismissedIds,
|
|
185
|
+
now,
|
|
186
|
+
userContext,
|
|
187
|
+
matchAudience,
|
|
188
|
+
appVersion)
|
|
189
|
+
);
|
|
190
|
+
}
|
|
191
|
+
function getNewFeaturesSorted(manifest, storage, now = /* @__PURE__ */ new Date(), userContext, matchAudience, appVersion, dependencyState, triggerContext) {
|
|
192
|
+
const priorityOrder = { critical: 0, normal: 1, low: 2 };
|
|
193
|
+
return getNewFeatures(
|
|
194
|
+
manifest,
|
|
195
|
+
storage,
|
|
196
|
+
now,
|
|
197
|
+
userContext,
|
|
198
|
+
matchAudience,
|
|
199
|
+
appVersion).sort(
|
|
200
|
+
(a, b) => {
|
|
201
|
+
const pa = priorityOrder[a.priority ?? "normal"];
|
|
202
|
+
const pb = priorityOrder[b.priority ?? "normal"];
|
|
203
|
+
if (pa !== pb) return pa - pb;
|
|
204
|
+
return new Date(b.releasedAt).getTime() - new Date(a.releasedAt).getTime();
|
|
205
|
+
}
|
|
206
|
+
);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
// src/adapters/local-storage.ts
|
|
210
|
+
var DISMISSED_SUFFIX = ":dismissed";
|
|
211
|
+
var LocalStorageAdapter = class {
|
|
212
|
+
prefix;
|
|
213
|
+
watermarkValue;
|
|
214
|
+
onDismissAllCallback;
|
|
215
|
+
dismissedKey;
|
|
216
|
+
constructor(options = {}) {
|
|
217
|
+
this.prefix = options.prefix ?? "featuredrop";
|
|
218
|
+
this.watermarkValue = options.watermark ?? null;
|
|
219
|
+
this.onDismissAllCallback = options.onDismissAll;
|
|
220
|
+
this.dismissedKey = `${this.prefix}${DISMISSED_SUFFIX}`;
|
|
221
|
+
}
|
|
222
|
+
getWatermark() {
|
|
223
|
+
return this.watermarkValue;
|
|
224
|
+
}
|
|
225
|
+
getDismissedIds() {
|
|
226
|
+
try {
|
|
227
|
+
if (typeof window === "undefined") return /* @__PURE__ */ new Set();
|
|
228
|
+
const raw = localStorage.getItem(this.dismissedKey);
|
|
229
|
+
if (!raw) return /* @__PURE__ */ new Set();
|
|
230
|
+
const parsed = JSON.parse(raw);
|
|
231
|
+
if (Array.isArray(parsed)) return new Set(parsed);
|
|
232
|
+
return /* @__PURE__ */ new Set();
|
|
233
|
+
} catch {
|
|
234
|
+
return /* @__PURE__ */ new Set();
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
dismiss(id) {
|
|
238
|
+
try {
|
|
239
|
+
if (typeof window === "undefined") return;
|
|
240
|
+
const raw = localStorage.getItem(this.dismissedKey);
|
|
241
|
+
const existing = raw ? JSON.parse(raw) : [];
|
|
242
|
+
if (!existing.includes(id)) {
|
|
243
|
+
existing.push(id);
|
|
244
|
+
localStorage.setItem(this.dismissedKey, JSON.stringify(existing));
|
|
245
|
+
}
|
|
246
|
+
} catch {
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
async dismissAll(now) {
|
|
250
|
+
try {
|
|
251
|
+
if (typeof window !== "undefined") {
|
|
252
|
+
localStorage.removeItem(this.dismissedKey);
|
|
253
|
+
}
|
|
254
|
+
} catch {
|
|
255
|
+
}
|
|
256
|
+
if (this.onDismissAllCallback) {
|
|
257
|
+
await this.onDismissAllCallback(now);
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
|
|
262
|
+
// src/web-components/index.ts
|
|
263
|
+
var SafeHTMLElement = typeof HTMLElement === "undefined" ? class {
|
|
264
|
+
} : HTMLElement;
|
|
265
|
+
var runtimeConfig = null;
|
|
266
|
+
var defaultStorage = null;
|
|
267
|
+
var badgeInstances = /* @__PURE__ */ new Set();
|
|
268
|
+
var changelogInstances = /* @__PURE__ */ new Set();
|
|
269
|
+
function getDefaultStorage() {
|
|
270
|
+
if (!defaultStorage) {
|
|
271
|
+
defaultStorage = new LocalStorageAdapter({ prefix: "featuredrop:web-components" });
|
|
272
|
+
}
|
|
273
|
+
return defaultStorage;
|
|
274
|
+
}
|
|
275
|
+
function escapeHtml(value) {
|
|
276
|
+
return value.replaceAll("&", "&").replaceAll("<", "<").replaceAll(">", ">").replaceAll('"', """).replaceAll("'", "'");
|
|
277
|
+
}
|
|
278
|
+
function getRuntimeConfig() {
|
|
279
|
+
return runtimeConfig;
|
|
280
|
+
}
|
|
281
|
+
function renderAllComponents() {
|
|
282
|
+
for (const badge of badgeInstances) badge.render();
|
|
283
|
+
for (const changelog of changelogInstances) changelog.render();
|
|
284
|
+
}
|
|
285
|
+
function configureFeatureDropWebComponents(config) {
|
|
286
|
+
runtimeConfig = {
|
|
287
|
+
manifest: config.manifest,
|
|
288
|
+
storage: config.storage ?? getDefaultStorage(),
|
|
289
|
+
userContext: config.userContext,
|
|
290
|
+
matchAudience: config.matchAudience,
|
|
291
|
+
appVersion: config.appVersion
|
|
292
|
+
};
|
|
293
|
+
renderAllComponents();
|
|
294
|
+
}
|
|
295
|
+
function refreshFeatureDropWebComponents() {
|
|
296
|
+
renderAllComponents();
|
|
297
|
+
}
|
|
298
|
+
var FeatureDropBadgeElement = class extends SafeHTMLElement {
|
|
299
|
+
static get observedAttributes() {
|
|
300
|
+
return ["sidebar-key", "variant"];
|
|
301
|
+
}
|
|
302
|
+
connectedCallback() {
|
|
303
|
+
badgeInstances.add(this);
|
|
304
|
+
if (!this.shadowRoot && "attachShadow" in this) {
|
|
305
|
+
this.attachShadow({ mode: "open" });
|
|
306
|
+
}
|
|
307
|
+
this.render();
|
|
308
|
+
}
|
|
309
|
+
disconnectedCallback() {
|
|
310
|
+
badgeInstances.delete(this);
|
|
311
|
+
}
|
|
312
|
+
attributeChangedCallback() {
|
|
313
|
+
this.render();
|
|
314
|
+
}
|
|
315
|
+
render() {
|
|
316
|
+
if (!this.shadowRoot) return;
|
|
317
|
+
const sidebarKey = this.getAttribute("sidebar-key");
|
|
318
|
+
const variant = this.getAttribute("variant") ?? "pill";
|
|
319
|
+
const config = getRuntimeConfig();
|
|
320
|
+
if (!sidebarKey || !config) {
|
|
321
|
+
this.shadowRoot.innerHTML = "";
|
|
322
|
+
return;
|
|
323
|
+
}
|
|
324
|
+
const isNew2 = hasNewFeature(
|
|
325
|
+
config.manifest,
|
|
326
|
+
sidebarKey,
|
|
327
|
+
config.storage,
|
|
328
|
+
/* @__PURE__ */ new Date(),
|
|
329
|
+
config.userContext,
|
|
330
|
+
config.matchAudience,
|
|
331
|
+
config.appVersion
|
|
332
|
+
);
|
|
333
|
+
if (!isNew2) {
|
|
334
|
+
this.shadowRoot.innerHTML = "";
|
|
335
|
+
return;
|
|
336
|
+
}
|
|
337
|
+
const count = getNewFeaturesSorted(
|
|
338
|
+
config.manifest,
|
|
339
|
+
config.storage,
|
|
340
|
+
/* @__PURE__ */ new Date(),
|
|
341
|
+
config.userContext,
|
|
342
|
+
config.matchAudience,
|
|
343
|
+
config.appVersion
|
|
344
|
+
).filter((entry) => entry.sidebarKey === sidebarKey).length;
|
|
345
|
+
const content = variant === "dot" ? `<span class="dot" part="dot"></span>` : variant === "count" ? `<span class="count" part="count">${count}</span>` : `<span class="pill" part="pill">New</span>`;
|
|
346
|
+
this.shadowRoot.innerHTML = `
|
|
347
|
+
<style>
|
|
348
|
+
.pill { display: inline-block; border-radius: 999px; padding: 2px 8px; font-size: 12px; font-weight: 600; background: #f59e0b; color: #fff; }
|
|
349
|
+
.count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #dc2626; color: #fff; padding: 0 6px; }
|
|
350
|
+
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; }
|
|
351
|
+
</style>
|
|
352
|
+
${content}
|
|
353
|
+
`;
|
|
354
|
+
}
|
|
355
|
+
};
|
|
356
|
+
var FeatureDropChangelogElement = class extends SafeHTMLElement {
|
|
357
|
+
static get observedAttributes() {
|
|
358
|
+
return ["title", "trigger-label", "position"];
|
|
359
|
+
}
|
|
360
|
+
isOpen = false;
|
|
361
|
+
cleanupClick = null;
|
|
362
|
+
connectedCallback() {
|
|
363
|
+
changelogInstances.add(this);
|
|
364
|
+
if (!this.shadowRoot && "attachShadow" in this) {
|
|
365
|
+
this.attachShadow({ mode: "open" });
|
|
366
|
+
}
|
|
367
|
+
const onClick = (event) => {
|
|
368
|
+
const target = event.target;
|
|
369
|
+
if (!target) return;
|
|
370
|
+
const actionTarget = target.closest("[data-action]");
|
|
371
|
+
if (!actionTarget) return;
|
|
372
|
+
const action = actionTarget.getAttribute("data-action");
|
|
373
|
+
if (action === "toggle") {
|
|
374
|
+
this.isOpen = !this.isOpen;
|
|
375
|
+
this.render();
|
|
376
|
+
return;
|
|
377
|
+
}
|
|
378
|
+
if (action === "dismiss-all") {
|
|
379
|
+
void this.dismissAll();
|
|
380
|
+
return;
|
|
381
|
+
}
|
|
382
|
+
if (action === "dismiss-one") {
|
|
383
|
+
const id = actionTarget.getAttribute("data-id");
|
|
384
|
+
if (id) this.dismissOne(id);
|
|
385
|
+
}
|
|
386
|
+
};
|
|
387
|
+
this.shadowRoot?.addEventListener("click", onClick);
|
|
388
|
+
this.cleanupClick = () => this.shadowRoot?.removeEventListener("click", onClick);
|
|
389
|
+
this.render();
|
|
390
|
+
}
|
|
391
|
+
disconnectedCallback() {
|
|
392
|
+
changelogInstances.delete(this);
|
|
393
|
+
this.cleanupClick?.();
|
|
394
|
+
this.cleanupClick = null;
|
|
395
|
+
}
|
|
396
|
+
attributeChangedCallback() {
|
|
397
|
+
this.render();
|
|
398
|
+
}
|
|
399
|
+
dismissOne(id) {
|
|
400
|
+
const config = getRuntimeConfig();
|
|
401
|
+
if (!config) return;
|
|
402
|
+
config.storage.dismiss(id);
|
|
403
|
+
renderAllComponents();
|
|
404
|
+
}
|
|
405
|
+
async dismissAll() {
|
|
406
|
+
const config = getRuntimeConfig();
|
|
407
|
+
if (!config) return;
|
|
408
|
+
await config.storage.dismissAll(/* @__PURE__ */ new Date());
|
|
409
|
+
renderAllComponents();
|
|
410
|
+
}
|
|
411
|
+
render() {
|
|
412
|
+
if (!this.shadowRoot) return;
|
|
413
|
+
const config = getRuntimeConfig();
|
|
414
|
+
if (!config) {
|
|
415
|
+
this.shadowRoot.innerHTML = "";
|
|
416
|
+
return;
|
|
417
|
+
}
|
|
418
|
+
const title = this.getAttribute("title") ?? "What's New";
|
|
419
|
+
const triggerLabel = this.getAttribute("trigger-label") ?? "What's New";
|
|
420
|
+
const position = this.getAttribute("position") === "left" ? "left: 16px;" : "right: 16px;";
|
|
421
|
+
const entries = getNewFeaturesSorted(
|
|
422
|
+
config.manifest,
|
|
423
|
+
config.storage,
|
|
424
|
+
/* @__PURE__ */ new Date(),
|
|
425
|
+
config.userContext,
|
|
426
|
+
config.matchAudience,
|
|
427
|
+
config.appVersion
|
|
428
|
+
);
|
|
429
|
+
const list = entries.length === 0 ? `<p class="empty">You're all caught up.</p>` : entries.map((entry) => `
|
|
430
|
+
<li class="item">
|
|
431
|
+
<div class="item-title">${escapeHtml(entry.label)}</div>
|
|
432
|
+
${entry.description ? `<p class="item-desc">${escapeHtml(entry.description)}</p>` : ""}
|
|
433
|
+
<button data-action="dismiss-one" data-id="${escapeHtml(entry.id)}" class="ghost">Mark read</button>
|
|
434
|
+
</li>
|
|
435
|
+
`).join("");
|
|
436
|
+
this.shadowRoot.innerHTML = `
|
|
437
|
+
<style>
|
|
438
|
+
.trigger { border: 1px solid #d1d5db; background: #fff; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-weight: 600; font-size: 13px; }
|
|
439
|
+
.panel { position: fixed; top: 70px; ${position} width: min(92vw, 360px); max-height: 70vh; overflow: auto; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16); z-index: 10000; }
|
|
440
|
+
.header { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-bottom: 1px solid #e5e7eb; }
|
|
441
|
+
.title { margin: 0; font-size: 14px; }
|
|
442
|
+
.list { list-style: none; margin: 0; padding: 10px 12px 12px; display: grid; gap: 10px; }
|
|
443
|
+
.item { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; }
|
|
444
|
+
.item-title { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
|
|
445
|
+
.item-desc { margin: 0 0 8px; color: #4b5563; font-size: 12px; }
|
|
446
|
+
.empty { margin: 0; padding: 14px 12px; color: #6b7280; font-size: 13px; }
|
|
447
|
+
.ghost { border: 1px solid #d1d5db; background: #fff; border-radius: 8px; padding: 5px 8px; cursor: pointer; font-size: 12px; }
|
|
448
|
+
</style>
|
|
449
|
+
<button data-action="toggle" class="trigger">${escapeHtml(triggerLabel)} (${entries.length})</button>
|
|
450
|
+
${this.isOpen ? `
|
|
451
|
+
<section class="panel">
|
|
452
|
+
<div class="header">
|
|
453
|
+
<h3 class="title">${escapeHtml(title)}</h3>
|
|
454
|
+
<button data-action="dismiss-all" class="ghost">Mark all read</button>
|
|
455
|
+
</div>
|
|
456
|
+
<ul class="list">${list}</ul>
|
|
457
|
+
</section>
|
|
458
|
+
` : ""}
|
|
459
|
+
`;
|
|
460
|
+
}
|
|
461
|
+
};
|
|
462
|
+
function registerFeatureDropWebComponents(options = {}) {
|
|
463
|
+
const badgeTag = options.badgeTag ?? "feature-drop-badge";
|
|
464
|
+
const changelogTag = options.changelogTag ?? "feature-drop-changelog";
|
|
465
|
+
if (typeof customElements === "undefined") {
|
|
466
|
+
return { badgeTag, changelogTag };
|
|
467
|
+
}
|
|
468
|
+
if (!customElements.get(badgeTag)) {
|
|
469
|
+
customElements.define(badgeTag, FeatureDropBadgeElement);
|
|
470
|
+
}
|
|
471
|
+
if (!customElements.get(changelogTag)) {
|
|
472
|
+
customElements.define(changelogTag, FeatureDropChangelogElement);
|
|
473
|
+
}
|
|
474
|
+
return { badgeTag, changelogTag };
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
exports.FeatureDropBadgeElement = FeatureDropBadgeElement;
|
|
478
|
+
exports.FeatureDropChangelogElement = FeatureDropChangelogElement;
|
|
479
|
+
exports.configureFeatureDropWebComponents = configureFeatureDropWebComponents;
|
|
480
|
+
exports.refreshFeatureDropWebComponents = refreshFeatureDropWebComponents;
|
|
481
|
+
exports.registerFeatureDropWebComponents = registerFeatureDropWebComponents;
|
|
482
|
+
//# sourceMappingURL=web-components.cjs.map
|
|
483
|
+
//# sourceMappingURL=web-components.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/semver.ts","../src/triggers.ts","../src/core.ts","../src/adapters/local-storage.ts","../src/web-components/index.ts"],"names":["isNew"],"mappings":";;;AAWA,IAAM,YAAA,GAAe,4CAAA;AAEd,SAAS,YAAY,KAAA,EAAmC;AAC7D,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,EAAK,CAAE,MAAM,YAAY,CAAA;AAC7C,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,IACtB,KAAA,EAAO,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,IACtB,KAAA,EAAO,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,IACtB,UAAA,EAAY,KAAA,CAAM,CAAC,CAAA,GAAI,KAAA,CAAM,CAAC,CAAA,CAAE,KAAA,CAAM,GAAG,CAAA,GAAI;AAAC,GAChD;AACF;AAEO,SAAS,aAAA,CAAc,GAAW,CAAA,EAAmB;AAC1D,EAAA,MAAM,EAAA,GAAK,YAAY,CAAC,CAAA;AACxB,EAAA,MAAM,EAAA,GAAK,YAAY,CAAC,CAAA;AACxB,EAAA,IAAI,CAAC,EAAA,IAAM,CAAC,EAAA,EAAI,OAAO,CAAA;AAEvB,EAAA,KAAA,MAAW,GAAA,IAAO,CAAC,OAAA,EAAS,OAAA,EAAS,OAAO,CAAA,EAAY;AACtD,IAAA,IAAI,EAAA,CAAG,GAAG,CAAA,KAAM,EAAA,CAAG,GAAG,CAAA,EAAG,OAAO,EAAA,CAAG,GAAG,CAAA,GAAI,EAAA,CAAG,GAAG,CAAA;AAAA,EAClD;AAGA,EAAA,MAAM,OAAO,EAAA,CAAG,UAAA;AAChB,EAAA,MAAM,OAAO,EAAA,CAAG,UAAA;AAChB,EAAA,IAAI,KAAK,MAAA,KAAW,CAAA,IAAK,IAAA,CAAK,MAAA,KAAW,GAAG,OAAO,CAAA;AACnD,EAAA,IAAI,IAAA,CAAK,MAAA,KAAW,CAAA,EAAG,OAAO,CAAA;AAC9B,EAAA,IAAI,IAAA,CAAK,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAE9B,EAAA,MAAM,MAAM,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,MAAA,EAAQ,KAAK,MAAM,CAAA;AAC7C,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,GAAA,EAAK,CAAA,EAAA,EAAK;AAC5B,IAAA,MAAM,EAAA,GAAK,KAAK,CAAC,CAAA;AACjB,IAAA,MAAM,EAAA,GAAK,KAAK,CAAC,CAAA;AACjB,IAAA,IAAI,EAAA,KAAO,QAAW,OAAO,EAAA;AAC7B,IAAA,IAAI,EAAA,KAAO,QAAW,OAAO,CAAA;AAC7B,IAAA,MAAM,IAAA,GAAO,OAAO,EAAE,CAAA;AACtB,IAAA,MAAM,IAAA,GAAO,OAAO,EAAE,CAAA;AACtB,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,SAAA,CAAU,IAAI,CAAA;AACpC,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,SAAA,CAAU,IAAI,CAAA;AACpC,IAAA,IAAI,MAAA,IAAU,MAAA,IAAU,IAAA,KAAS,IAAA,SAAa,IAAA,GAAO,IAAA;AACrD,IAAA,IAAI,MAAA,KAAW,MAAA,EAAQ,OAAO,MAAA,GAAS,EAAA,GAAK,CAAA;AAC5C,IAAA,IAAI,EAAA,KAAO,EAAA,EAAI,OAAO,EAAA,GAAK,KAAK,EAAA,GAAK,CAAA;AAAA,EACvC;AACA,EAAA,OAAO,CAAA;AACT;AAEA,SAAS,gBAAgB,IAAA,EAA0D;AACjF,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,IAAA,EAAK,CAAE,MAAM,0BAA0B,CAAA;AAC1D,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,EAAA,GAAM,KAAA,CAAM,CAAC,CAAA,IAAoB,IAAA;AACvC,EAAA,MAAM,OAAA,GAAU,MAAM,CAAC,CAAA;AACvB,EAAA,IAAI,CAAC,WAAA,CAAY,OAAO,CAAA,EAAG,OAAO,IAAA;AAClC,EAAA,OAAO,EAAE,IAAI,OAAA,EAAQ;AACvB;AAEA,SAAS,mBAAA,CAAoB,SAAiB,IAAA,EAAoD;AAChG,EAAA,MAAM,IAAA,GAAO,aAAA,CAAc,OAAA,EAAS,IAAA,CAAK,OAAO,CAAA;AAChD,EAAA,QAAQ,KAAK,EAAA;AAAI,IACf,KAAK,GAAA;AACH,MAAA,OAAO,IAAA,GAAO,CAAA;AAAA,IAChB,KAAK,IAAA;AACH,MAAA,OAAO,IAAA,IAAQ,CAAA;AAAA,IACjB,KAAK,GAAA;AACH,MAAA,OAAO,IAAA,GAAO,CAAA;AAAA,IAChB,KAAK,IAAA;AACH,MAAA,OAAO,IAAA,IAAQ,CAAA;AAAA,IACjB,KAAK,GAAA;AACH,MAAA,OAAO,IAAA,KAAS,CAAA;AAAA,IAClB;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAGO,SAAS,cAAA,CAAe,SAAiB,KAAA,EAAwB;AACtE,EAAA,MAAM,QAAQ,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,CAAE,OAAO,OAAO,CAAA;AAC/C,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAC/B,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,IAAA,GAAO,gBAAgB,IAAI,CAAA;AACjC,IAAA,IAAI,CAAC,MAAM,OAAO,KAAA;AAClB,IAAA,IAAI,CAAC,mBAAA,CAAoB,OAAA,EAAS,IAAI,GAAG,OAAO,KAAA;AAAA,EAClD;AACA,EAAA,OAAO,IAAA;AACT;AC/EO,SAAS,cAAA,CAAe,SAAqC,OAAA,EAAmC;AACrG,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAc,OAAO,KAAA;AAsCvB;;;AClCO,SAAS,eAAA,CACd,UACA,WAAA,EACS;AACT,EAAA,IAAI,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,CAAK,SAAS,CAAA,EAAG;AAC7C,IAAA,IAAI,CAAC,YAAY,IAAA,IAAQ,CAAC,SAAS,IAAA,CAAK,QAAA,CAAS,WAAA,CAAY,IAAI,CAAA,EAAG;AAClE,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,IAAI,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,CAAK,SAAS,CAAA,EAAG;AAC7C,IAAA,IAAI,CAAC,YAAY,IAAA,IAAQ,CAAC,SAAS,IAAA,CAAK,QAAA,CAAS,WAAA,CAAY,IAAI,CAAA,EAAG;AAClE,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,IAAI,QAAA,CAAS,MAAA,IAAU,QAAA,CAAS,MAAA,CAAO,SAAS,CAAA,EAAG;AACjD,IAAA,IAAI,CAAC,YAAY,MAAA,IAAU,CAAC,SAAS,MAAA,CAAO,QAAA,CAAS,WAAA,CAAY,MAAM,CAAA,EAAG;AACxE,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;AAUA,SAAS,eAAA,CACP,OAAA,EACA,WAAA,EACA,OAAA,EACS;AAET,EAAA,IAAI,CAAC,OAAA,CAAQ,QAAA,EAAU,OAAO,IAAA;AAG9B,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,MAAA,EAAQ,MAAA,KAAW,OAAA,CAAQ,QAAA;AAC/C,EAAA,MAAM,WACH,IAAA,IAAQ,IAAA,CAAK,SAAS,CAAA,IACtB,IAAA,IAAQ,KAAK,MAAA,GAAS,CAAA,IACtB,MAAA,IAAU,MAAA,CAAO,SAAS,CAAA,IAC1B,MAAA,IAAU,OAAO,IAAA,CAAK,MAAM,EAAE,MAAA,GAAS,CAAA;AAC1C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAGtB,EAAA,IAAI,CAAC,aAAa,OAAO,KAAA;AAGzB,EAAA,IAAI,OAAA,EAAS,OAAO,OAAA,CAAQ,OAAA,CAAQ,UAAU,WAAW,CAAA;AACzD,EAAA,OAAO,eAAA,CAAgB,OAAA,CAAQ,QAAA,EAAU,WAAW,CAAA;AACtD;AAEA,SAAS,cAAA,CAAe,SAAuB,UAAA,EAA8B;AAC3E,EAAA,MAAM,IAAI,OAAA,CAAQ,OAAA;AAClB,EAAA,IAAI,CAAC,CAAA,IAAK,OAAO,CAAA,KAAM,UAAU,OAAO,IAAA;AACxC,EAAA,IAAI,CAAC,YAAY,OAAO,KAAA;AACxB,EAAA,IAAI,CAAC,CAAA,CAAE,UAAA,IAAc,CAAC,CAAA,CAAE,YAAA,IAAgB,CAAC,CAAA,CAAE,YAAA,IAAgB,CAAC,CAAA,CAAE,MAAA,EAAQ,OAAO,IAAA;AAG7E,EAAA,IAAI,CAAA,CAAE,UAAU,CAAC,cAAA,CAAe,YAAY,CAAA,CAAE,MAAM,GAAG,OAAO,KAAA;AAE9D,EAAA,IAAI,CAAA,CAAE,cAAc,aAAA,CAAc,UAAA,EAAY,EAAE,UAAU,CAAA,GAAI,GAAG,OAAO,KAAA;AACxE,EAAA,IAAI,CAAA,CAAE,gBAAgB,aAAA,CAAc,UAAA,EAAY,EAAE,YAAY,CAAA,IAAK,GAAG,OAAO,KAAA;AAG7E,EAAA,IAAI,CAAA,CAAE,gBAAgB,aAAA,CAAc,UAAA,EAAY,EAAE,YAAY,CAAA,IAAK,GAAG,OAAO,KAAA;AAE7E,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,iBAAA,CACP,OAAA,EACA,YAAA,EACA,eAAA,EACS;AACT,EAAA,MAAM,YAAY,OAAA,CAAQ,SAAA;AAC1B,EAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAIvB,EAAA,MAAM,sBAAA,GAA0D,YAAA;AAEhE,EAAA,IAAI,SAAA,CAAU,IAAA,IAAQ,SAAA,CAAU,IAAA,CAAK,SAAS,CAAA,EAAG;AAC/C,IAAA,KAAA,MAAW,EAAA,IAAM,UAAU,IAAA,EAAM;AAE/B,MAAA,IAAa,CAAC,uBAAuB,GAAA,CAAI,EAAE,GAAG,OAAO,KAAA;AAAA,IACvD;AAAA,EACF;AAEA,EAAA,IAAI,SAAA,CAAU,OAAA,IAAW,SAAA,CAAU,OAAA,CAAQ,SAAS,CAAA,EAAG;AACrD,IAAA,KAAA,MAAW,EAAA,IAAM,UAAU,OAAA,EAAS;AAClC,MAAqC,OAAO,KAAA;AAAA,IAC9C;AAAA,EACF;AAEA,EAAA,IAAI,SAAA,CAAU,SAAA,IAAa,SAAA,CAAU,SAAA,CAAU,SAAS,CAAA,EAAG;AACzD,IAAA,KAAA,MAAW,EAAA,IAAM,UAAU,SAAA,EAAW;AACpC,MAAA,IAAI,CAAC,sBAAA,CAAuB,GAAA,CAAI,EAAE,GAAG,OAAO,KAAA;AAAA,IAC9C;AAAA,EACF;AAEA,EAAA,OAAO,IAAA;AACT;AAYO,SAAS,KAAA,CACd,OAAA,EACA,SAAA,EACA,YAAA,EACA,GAAA,mBAAY,IAAI,IAAA,EAAK,EACrB,WAAA,EACA,aAAA,EACA,UAAA,EACA,eAAA,EACA,cAAA,EACS;AAET,EAAA,IAAI,YAAA,CAAa,GAAA,CAAI,OAAA,CAAQ,EAAE,GAAG,OAAO,KAAA;AAGzC,EAAA,IAAI,CAAC,eAAA,CAAgB,OAAA,EAAS,WAAA,EAAa,aAAa,GAAG,OAAO,KAAA;AAGlE,EAAA,IAAI,CAAC,iBAAA,CAAkB,OAAA,EAAS,YAA6B,GAAG,OAAO,KAAA;AAGvE,EAAA,IAAI,CAAC,cAAA,CAAe,OAAA,EAAS,UAAU,GAAG,OAAO,KAAA;AAGjD,EAAA,IAAI,CAAC,cAAA,CAAe,OAAA,CAAQ,OAAuB,GAAG,OAAO,KAAA;AAE7D,EAAA,MAAM,KAAA,GAAQ,IAAI,OAAA,EAAQ;AAG1B,EAAA,IAAI,QAAQ,SAAA,EAAW;AACrB,IAAA,MAAM,YAAY,IAAI,IAAA,CAAK,OAAA,CAAQ,SAAS,EAAE,OAAA,EAAQ;AACtD,IAAA,IAAI,KAAA,GAAQ,WAAW,OAAO,KAAA;AAAA,EAChC;AAEA,EAAA,MAAM,cAAc,IAAI,IAAA,CAAK,OAAA,CAAQ,YAAY,EAAE,OAAA,EAAQ;AAG3D,EAAA,IAAI,KAAA,IAAS,aAAa,OAAO,KAAA;AAGjC,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,MAAM,WAAA,GAAc,IAAI,IAAA,CAAK,SAAS,EAAE,OAAA,EAAQ;AAChD,IAAA,MAAM,aAAa,IAAI,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,OAAA,EAAQ;AACxD,IAAA,IAAI,UAAA,IAAc,aAAa,OAAO,KAAA;AAAA,EACxC;AAEA,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,cAAA,CACd,QAAA,EACA,OAAA,EACA,GAAA,mBAAY,IAAI,IAAA,EAAK,EACrB,WAAA,EACA,aAAA,EACA,UAAA,EACA,eAAA,EACA,cAAA,EACgB;AAChB,EAAA,MAAM,SAAA,GAAY,QAAQ,YAAA,EAAa;AACvC,EAAA,MAAM,YAAA,GAAe,QAAQ,eAAA,EAAgB;AAC7C,EAAA,OAAO,QAAA,CAAS,MAAA;AAAA,IAAO,CAAC,CAAA,KACtB,KAAA;AAAA,MACE,CAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,UAGF;AAAA,GACF;AACF;AA8BO,SAAS,aAAA,CACd,QAAA,EACA,UAAA,EACA,OAAA,EACA,GAAA,mBAAY,IAAI,IAAA,EAAK,EACrB,WAAA,EACA,aAAA,EACA,UAAA,EACA,eAAA,EACA,cAAA,EACS;AACT,EAAA,MAAM,SAAA,GAAY,QAAQ,YAAA,EAAa;AACvC,EAAA,MAAM,YAAA,GAAe,QAAQ,eAAA,EAAgB;AAC7C,EAAA,OAAO,QAAA,CAAS,IAAA;AAAA,IACd,CAAC,CAAA,KACC,CAAA,CAAE,UAAA,KAAe,UAAA,IACjB,KAAA;AAAA,MACE,CAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,UAGF;AAAA,GACJ;AACF;AAKO,SAAS,oBAAA,CACd,QAAA,EACA,OAAA,EACA,GAAA,mBAAY,IAAI,IAAA,EAAK,EACrB,WAAA,EACA,aAAA,EACA,UAAA,EACA,eAAA,EACA,cAAA,EACgB;AAChB,EAAA,MAAM,gBAAgB,EAAE,QAAA,EAAU,GAAG,MAAA,EAAQ,CAAA,EAAG,KAAK,CAAA,EAAE;AACvD,EAAA,OAAO,cAAA;AAAA,IACL,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,UAGF,CAAA,CAAE,IAAA;AAAA,IACA,CAAC,GAAG,CAAA,KAAM;AACR,MAAA,MAAM,EAAA,GAAK,aAAA,CAAc,CAAA,CAAE,QAAA,IAAY,QAAQ,CAAA;AAC/C,MAAA,MAAM,EAAA,GAAK,aAAA,CAAc,CAAA,CAAE,QAAA,IAAY,QAAQ,CAAA;AAC/C,MAAA,IAAI,EAAA,KAAO,EAAA,EAAI,OAAO,EAAA,GAAK,EAAA;AAC3B,MAAA,OACE,IAAI,IAAA,CAAK,CAAA,CAAE,UAAU,CAAA,CAAE,OAAA,EAAQ,GAAI,IAAI,IAAA,CAAK,CAAA,CAAE,UAAU,CAAA,CAAE,OAAA,EAAQ;AAAA,IAEtE;AAAA,GACF;AACF;;;ACzSA,IAAM,gBAAA,GAAmB,YAAA;AAYlB,IAAM,sBAAN,MAAoD;AAAA,EACxC,MAAA;AAAA,EACA,cAAA;AAAA,EACA,oBAAA;AAAA,EACA,YAAA;AAAA,EAEjB,WAAA,CAAY,OAAA,GAAsC,EAAC,EAAG;AACpD,IAAA,IAAA,CAAK,MAAA,GAAS,QAAQ,MAAA,IAAU,aAAA;AAChC,IAAA,IAAA,CAAK,cAAA,GAAiB,QAAQ,SAAA,IAAa,IAAA;AAC3C,IAAA,IAAA,CAAK,uBAAuB,OAAA,CAAQ,YAAA;AACpC,IAAA,IAAA,CAAK,YAAA,GAAe,CAAA,EAAG,IAAA,CAAK,MAAM,GAAG,gBAAgB,CAAA,CAAA;AAAA,EACvD;AAAA,EAEA,YAAA,GAA8B;AAC5B,IAAA,OAAO,IAAA,CAAK,cAAA;AAAA,EACd;AAAA,EAEA,eAAA,GAAuC;AACrC,IAAA,IAAI;AACF,MAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,2BAAW,GAAA,EAAI;AAClD,MAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,IAAA,CAAK,YAAY,CAAA;AAClD,MAAA,IAAI,CAAC,GAAA,EAAK,uBAAO,IAAI,GAAA,EAAI;AACzB,MAAA,MAAM,MAAA,GAAkB,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA;AACtC,MAAA,IAAI,MAAM,OAAA,CAAQ,MAAM,GAAG,OAAO,IAAI,IAAI,MAAkB,CAAA;AAC5D,MAAA,2BAAW,GAAA,EAAI;AAAA,IACjB,CAAA,CAAA,MAAQ;AACN,MAAA,2BAAW,GAAA,EAAI;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,QAAQ,EAAA,EAAkB;AACxB,IAAA,IAAI;AACF,MAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,MAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,IAAA,CAAK,YAAY,CAAA;AAClD,MAAA,MAAM,WAAqB,GAAA,GAAO,IAAA,CAAK,KAAA,CAAM,GAAG,IAAiB,EAAC;AAClE,MAAA,IAAI,CAAC,QAAA,CAAS,QAAA,CAAS,EAAE,CAAA,EAAG;AAC1B,QAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAChB,QAAA,YAAA,CAAa,QAAQ,IAAA,CAAK,YAAA,EAAc,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,MAClE;AAAA,IACF,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF;AAAA,EAEA,MAAM,WAAW,GAAA,EAA0B;AACzC,IAAA,IAAI;AACF,MAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,QAAA,YAAA,CAAa,UAAA,CAAW,KAAK,YAAY,CAAA;AAAA,MAC3C;AAAA,IACF,CAAA,CAAA,MAAQ;AAAA,IAER;AAEA,IAAA,IAAI,KAAK,oBAAA,EAAsB;AAC7B,MAAA,MAAM,IAAA,CAAK,qBAAqB,GAAG,CAAA;AAAA,IACrC;AAAA,EACF;AACF,CAAA;;;ACvEA,IAAM,eAAA,GAAsC,OAAO,WAAA,KAAgB,WAAA,GAC9D,MAAM;AAAC,CAAA,GACR,WAAA;AAuBJ,IAAI,aAAA,GAAsC,IAAA;AAC1C,IAAI,cAAA,GAAwC,IAAA;AAC5C,IAAM,cAAA,uBAAqB,GAAA,EAA6B;AACxD,IAAM,kBAAA,uBAAyB,GAAA,EAAiC;AAEhE,SAAS,iBAAA,GAAoC;AAC3C,EAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,IAAA,cAAA,GAAiB,IAAI,mBAAA,CAAoB,EAAE,MAAA,EAAQ,8BAA8B,CAAA;AAAA,EACnF;AACA,EAAA,OAAO,cAAA;AACT;AAEA,SAAS,WAAW,KAAA,EAAuB;AACzC,EAAA,OAAO,MACJ,UAAA,CAAW,GAAA,EAAK,OAAO,CAAA,CACvB,UAAA,CAAW,KAAK,MAAM,CAAA,CACtB,WAAW,GAAA,EAAK,MAAM,EACtB,UAAA,CAAW,GAAA,EAAK,QAAQ,CAAA,CACxB,UAAA,CAAW,KAAK,QAAQ,CAAA;AAC7B;AAEA,SAAS,gBAAA,GAAyC;AAChD,EAAA,OAAO,aAAA;AACT;AAEA,SAAS,mBAAA,GAA4B;AACnC,EAAA,KAAA,MAAW,KAAA,IAAS,cAAA,EAAgB,KAAA,CAAM,MAAA,EAAO;AACjD,EAAA,KAAA,MAAW,SAAA,IAAa,kBAAA,EAAoB,SAAA,CAAU,MAAA,EAAO;AAC/D;AAEO,SAAS,kCAAkC,MAAA,EAAmC;AACnF,EAAA,aAAA,GAAgB;AAAA,IACd,UAAU,MAAA,CAAO,QAAA;AAAA,IACjB,OAAA,EAAS,MAAA,CAAO,OAAA,IAAW,iBAAA,EAAkB;AAAA,IAC7C,aAAa,MAAA,CAAO,WAAA;AAAA,IACpB,eAAe,MAAA,CAAO,aAAA;AAAA,IACtB,YAAY,MAAA,CAAO;AAAA,GACrB;AACA,EAAA,mBAAA,EAAoB;AACtB;AAEO,SAAS,+BAAA,GAAwC;AACtD,EAAA,mBAAA,EAAoB;AACtB;AAEO,IAAM,uBAAA,GAAN,cAAsC,eAAA,CAAgB;AAAA,EAC3D,WAAW,kBAAA,GAA+B;AACxC,IAAA,OAAO,CAAC,eAAe,SAAS,CAAA;AAAA,EAClC;AAAA,EAEA,iBAAA,GAA0B;AACxB,IAAA,cAAA,CAAe,IAAI,IAAI,CAAA;AACvB,IAAA,IAAI,CAAC,IAAA,CAAK,UAAA,IAAc,cAAA,IAAkB,IAAA,EAAM;AAC9C,MAAA,IAAA,CAAK,YAAA,CAAa,EAAE,IAAA,EAAM,MAAA,EAAQ,CAAA;AAAA,IACpC;AACA,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AAAA,EAEA,oBAAA,GAA6B;AAC3B,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,EAC5B;AAAA,EAEA,wBAAA,GAAiC;AAC/B,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AAAA,EAEA,MAAA,GAAe;AACb,IAAA,IAAI,CAAC,KAAK,UAAA,EAAY;AACtB,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,YAAA,CAAa,aAAa,CAAA;AAClD,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,YAAA,CAAa,SAAS,CAAA,IAAK,MAAA;AAChD,IAAA,MAAM,SAAS,gBAAA,EAAiB;AAChC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,MAAA,EAAQ;AAC1B,MAAA,IAAA,CAAK,WAAW,SAAA,GAAY,EAAA;AAC5B,MAAA;AAAA,IACF;AAEA,IAAA,MAAMA,MAAAA,GAAQ,aAAA;AAAA,MACZ,MAAA,CAAO,QAAA;AAAA,MACP,UAAA;AAAA,MACA,MAAA,CAAO,OAAA;AAAA,0BACH,IAAA,EAAK;AAAA,MACT,MAAA,CAAO,WAAA;AAAA,MACP,MAAA,CAAO,aAAA;AAAA,MACP,MAAA,CAAO;AAAA,KACT;AACA,IAAA,IAAI,CAACA,MAAAA,EAAO;AACV,MAAA,IAAA,CAAK,WAAW,SAAA,GAAY,EAAA;AAC5B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,KAAA,GAAQ,oBAAA;AAAA,MACZ,MAAA,CAAO,QAAA;AAAA,MACP,MAAA,CAAO,OAAA;AAAA,0BACH,IAAA,EAAK;AAAA,MACT,MAAA,CAAO,WAAA;AAAA,MACP,MAAA,CAAO,aAAA;AAAA,MACP,MAAA,CAAO;AAAA,MACP,MAAA,CAAO,CAAC,UAAU,KAAA,CAAM,UAAA,KAAe,UAAU,CAAA,CAAE,MAAA;AAErD,IAAA,MAAM,OAAA,GAAU,YAAY,KAAA,GACxB,CAAA,oCAAA,CAAA,GACA,YAAY,OAAA,GACV,CAAA,iCAAA,EAAoC,KAAK,CAAA,OAAA,CAAA,GACzC,CAAA,yCAAA,CAAA;AAEN,IAAA,IAAA,CAAK,WAAW,SAAA,GAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA,EAMxB,OAAO;AAAA,IAAA,CAAA;AAAA,EAEb;AACF;AAEO,IAAM,2BAAA,GAAN,cAA0C,eAAA,CAAgB;AAAA,EAC/D,WAAW,kBAAA,GAA+B;AACxC,IAAA,OAAO,CAAC,OAAA,EAAS,eAAA,EAAiB,UAAU,CAAA;AAAA,EAC9C;AAAA,EAEQ,MAAA,GAAS,KAAA;AAAA,EACT,YAAA,GAAoC,IAAA;AAAA,EAE5C,iBAAA,GAA0B;AACxB,IAAA,kBAAA,CAAmB,IAAI,IAAI,CAAA;AAC3B,IAAA,IAAI,CAAC,IAAA,CAAK,UAAA,IAAc,cAAA,IAAkB,IAAA,EAAM;AAC9C,MAAA,IAAA,CAAK,YAAA,CAAa,EAAE,IAAA,EAAM,MAAA,EAAQ,CAAA;AAAA,IACpC;AACA,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAuB;AACtC,MAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,MAAA,IAAI,CAAC,MAAA,EAAQ;AACb,MAAA,MAAM,YAAA,GAAe,MAAA,CAAO,OAAA,CAAQ,eAAe,CAAA;AACnD,MAAA,IAAI,CAAC,YAAA,EAAc;AACnB,MAAA,MAAM,MAAA,GAAS,YAAA,CAAa,YAAA,CAAa,aAAa,CAAA;AACtD,MAAA,IAAI,WAAW,QAAA,EAAU;AACvB,QAAA,IAAA,CAAK,MAAA,GAAS,CAAC,IAAA,CAAK,MAAA;AACpB,QAAA,IAAA,CAAK,MAAA,EAAO;AACZ,QAAA;AAAA,MACF;AACA,MAAA,IAAI,WAAW,aAAA,EAAe;AAC5B,QAAA,KAAK,KAAK,UAAA,EAAW;AACrB,QAAA;AAAA,MACF;AACA,MAAA,IAAI,WAAW,aAAA,EAAe;AAC5B,QAAA,MAAM,EAAA,GAAK,YAAA,CAAa,YAAA,CAAa,SAAS,CAAA;AAC9C,QAAA,IAAI,EAAA,EAAI,IAAA,CAAK,UAAA,CAAW,EAAE,CAAA;AAAA,MAC5B;AAAA,IACF,CAAA;AACA,IAAA,IAAA,CAAK,UAAA,EAAY,gBAAA,CAAiB,OAAA,EAAS,OAAO,CAAA;AAClD,IAAA,IAAA,CAAK,eAAe,MAAM,IAAA,CAAK,UAAA,EAAY,mBAAA,CAAoB,SAAS,OAAO,CAAA;AAC/E,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AAAA,EAEA,oBAAA,GAA6B;AAC3B,IAAA,kBAAA,CAAmB,OAAO,IAAI,CAAA;AAC9B,IAAA,IAAA,CAAK,YAAA,IAAe;AACpB,IAAA,IAAA,CAAK,YAAA,GAAe,IAAA;AAAA,EACtB;AAAA,EAEA,wBAAA,GAAiC;AAC/B,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AAAA,EAEQ,WAAW,EAAA,EAAkB;AACnC,IAAA,MAAM,SAAS,gBAAA,EAAiB;AAChC,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAA,CAAO,OAAA,CAAQ,QAAQ,EAAE,CAAA;AACzB,IAAA,mBAAA,EAAoB;AAAA,EACtB;AAAA,EAEA,MAAc,UAAA,GAA4B;AACxC,IAAA,MAAM,SAAS,gBAAA,EAAiB;AAChC,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,MAAA,CAAO,OAAA,CAAQ,UAAA,iBAAW,IAAI,MAAM,CAAA;AAC1C,IAAA,mBAAA,EAAoB;AAAA,EACtB;AAAA,EAEA,MAAA,GAAe;AACb,IAAA,IAAI,CAAC,KAAK,UAAA,EAAY;AACtB,IAAA,MAAM,SAAS,gBAAA,EAAiB;AAChC,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,IAAA,CAAK,WAAW,SAAA,GAAY,EAAA;AAC5B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA,IAAK,YAAA;AAC5C,IAAA,MAAM,YAAA,GAAe,IAAA,CAAK,YAAA,CAAa,eAAe,CAAA,IAAK,YAAA;AAC3D,IAAA,MAAM,WAAW,IAAA,CAAK,YAAA,CAAa,UAAU,CAAA,KAAM,SAAS,aAAA,GAAgB,cAAA;AAC5E,IAAA,MAAM,OAAA,GAAU,oBAAA;AAAA,MACd,MAAA,CAAO,QAAA;AAAA,MACP,MAAA,CAAO,OAAA;AAAA,0BACH,IAAA,EAAK;AAAA,MACT,MAAA,CAAO,WAAA;AAAA,MACP,MAAA,CAAO,aAAA;AAAA,MACP,MAAA,CAAO;AAAA,KACT;AAEA,IAAA,MAAM,IAAA,GAAO,QAAQ,MAAA,KAAW,CAAA,GAC5B,+CACA,OAAA,CACC,GAAA,CAAI,CAAC,KAAA,KAAU;AAAA;AAAA,oCAAA,EAEc,UAAA,CAAW,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,YAAA,EAC/C,KAAA,CAAM,cAAc,CAAA,qBAAA,EAAwB,UAAA,CAAW,MAAM,WAAW,CAAC,SAAS,EAAE;AAAA,uDAAA,EACzC,UAAA,CAAW,KAAA,CAAM,EAAE,CAAC,CAAA;AAAA;AAAA,QAAA,CAEpE,CAAA,CACA,KAAK,EAAE,CAAA;AAEZ,IAAA,IAAA,CAAK,WAAW,SAAA,GAAY;AAAA;AAAA;AAAA,6CAAA,EAGe,QAAQ,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAAA,EAUF,UAAA,CAAW,YAAY,CAAC,CAAA,EAAA,EAAK,QAAQ,MAAM,CAAA;AAAA,MAAA,EACxF,KAAK,MAAA,GAAS;AAAA;AAAA;AAAA,8BAAA,EAGU,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA;AAAA;AAAA,2BAAA,EAGpB,IAAI,CAAA;AAAA;AAAA,MAAA,CAAA,GAEvB,EAAE;AAAA,IAAA,CAAA;AAAA,EAEV;AACF;AAEO,SAAS,gCAAA,CACd,OAAA,GAAwC,EAAC,EACG;AAC5C,EAAA,MAAM,QAAA,GAAW,QAAQ,QAAA,IAAY,oBAAA;AACrC,EAAA,MAAM,YAAA,GAAe,QAAQ,YAAA,IAAgB,wBAAA;AAE7C,EAAA,IAAI,OAAO,mBAAmB,WAAA,EAAa;AACzC,IAAA,OAAO,EAAE,UAAU,YAAA,EAAa;AAAA,EAClC;AAEA,EAAA,IAAI,CAAC,cAAA,CAAe,GAAA,CAAI,QAAQ,CAAA,EAAG;AACjC,IAAA,cAAA,CAAe,MAAA,CAAO,UAAU,uBAAuB,CAAA;AAAA,EACzD;AACA,EAAA,IAAI,CAAC,cAAA,CAAe,GAAA,CAAI,YAAY,CAAA,EAAG;AACrC,IAAA,cAAA,CAAe,MAAA,CAAO,cAAc,2BAA2B,CAAA;AAAA,EACjE;AAEA,EAAA,OAAO,EAAE,UAAU,YAAA,EAAa;AAClC","file":"web-components.cjs","sourcesContent":["// Minimal semver comparison utilities (no build metadata sorting needed)\n\nexport type Comparator = \">=\" | \"<=\" | \">\" | \"<\" | \"=\";\n\nexport interface SemverParts {\n major: number;\n minor: number;\n patch: number;\n prerelease: string[];\n}\n\nconst SEMVER_REGEX = /^(\\d+)\\.(\\d+)\\.(\\d+)(?:-([0-9A-Za-z.-]+))?/;\n\nexport function parseSemver(input: string): SemverParts | null {\n const match = input.trim().match(SEMVER_REGEX);\n if (!match) return null;\n return {\n major: Number(match[1]),\n minor: Number(match[2]),\n patch: Number(match[3]),\n prerelease: match[4] ? match[4].split(\".\") : [],\n };\n}\n\nexport function compareSemver(a: string, b: string): number {\n const pa = parseSemver(a);\n const pb = parseSemver(b);\n if (!pa || !pb) return 0;\n\n for (const key of [\"major\", \"minor\", \"patch\"] as const) {\n if (pa[key] !== pb[key]) return pa[key] - pb[key];\n }\n\n // Handle prerelease: absence > presence, otherwise lexicographic\n const aPre = pa.prerelease;\n const bPre = pb.prerelease;\n if (aPre.length === 0 && bPre.length === 0) return 0;\n if (aPre.length === 0) return 1;\n if (bPre.length === 0) return -1;\n\n const len = Math.max(aPre.length, bPre.length);\n for (let i = 0; i < len; i++) {\n const ai = aPre[i];\n const bi = bPre[i];\n if (ai === undefined) return -1;\n if (bi === undefined) return 1;\n const aNum = Number(ai);\n const bNum = Number(bi);\n const aIsNum = Number.isInteger(aNum);\n const bIsNum = Number.isInteger(bNum);\n if (aIsNum && bIsNum && aNum !== bNum) return aNum - bNum;\n if (aIsNum !== bIsNum) return aIsNum ? -1 : 1;\n if (ai !== bi) return ai < bi ? -1 : 1;\n }\n return 0;\n}\n\nfunction parseComparator(comp: string): { op: Comparator; version: string } | null {\n const match = comp.trim().match(/^(>=|<=|>|<|=)?\\\\s*(.+)$/);\n if (!match) return null;\n const op = (match[1] as Comparator) || \">=\";\n const version = match[2];\n if (!parseSemver(version)) return null;\n return { op, version };\n}\n\nfunction satisfiesComparator(version: string, comp: { op: Comparator; version: string }): boolean {\n const diff = compareSemver(version, comp.version);\n switch (comp.op) {\n case \">\":\n return diff > 0;\n case \">=\":\n return diff >= 0;\n case \"<\":\n return diff < 0;\n case \"<=\":\n return diff <= 0;\n case \"=\":\n return diff === 0;\n default:\n return false;\n }\n}\n\n// Space-separated comparator list (AND semantics), e.g. \">=2.5.0 <3.0.0\"\nexport function satisfiesRange(version: string, range: string): boolean {\n const parts = range.split(/\\s+/).filter(Boolean);\n if (parts.length === 0) return true;\n for (const part of parts) {\n const comp = parseComparator(part);\n if (!comp) return false;\n if (!satisfiesComparator(version, comp)) return false;\n }\n return true;\n}\n","import type { FeatureEntry, FeatureTrigger, TriggerContext } from \"./types\";\n\nfunction wildcardToRegExp(value: string): RegExp {\n const escaped = value.replace(/[.+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n const pattern = `^${escaped.replace(/\\*/g, \".*\")}$`;\n return new RegExp(pattern);\n}\n\nfunction matchPath(path: string, pattern: string | RegExp): boolean {\n if (pattern instanceof RegExp) return pattern.test(path);\n if (!pattern) return false;\n if (pattern.includes(\"*\")) return wildcardToRegExp(pattern).test(path);\n return path === pattern || path.startsWith(pattern);\n}\n\nexport function isTriggerMatch(trigger: FeatureTrigger | undefined, context?: TriggerContext): boolean {\n if (!trigger) return true;\n if (!context) return false;\n\n if (trigger.type === \"page\") {\n const path = context.path;\n if (!path) return false;\n return matchPath(path, trigger.match);\n }\n\n if (trigger.type === \"usage\") {\n const usage = context.usage ?? {};\n const count = usage[trigger.event] ?? 0;\n return count >= (trigger.minActions ?? 1);\n }\n\n if (trigger.type === \"time\") {\n const elapsedMs = context.elapsedMs ?? 0;\n return elapsedMs >= trigger.minSeconds * 1000;\n }\n\n if (trigger.type === \"milestone\") {\n return context.milestones?.has(trigger.event) ?? false;\n }\n\n if (trigger.type === \"frustration\") {\n const usage = context.usage ?? {};\n const count = usage[trigger.pattern] ?? 0;\n return count >= (trigger.threshold ?? 1);\n }\n\n if (trigger.type === \"scroll\") {\n return (context.scrollPercent ?? 0) >= (trigger.minPercent ?? 50);\n }\n\n try {\n return trigger.evaluate(context);\n } catch {\n return false;\n }\n}\n\nexport class TriggerEngine {\n private context: TriggerContext;\n\n constructor(initial?: TriggerContext) {\n this.context = {\n path: initial?.path,\n events: new Set(initial?.events ?? []),\n milestones: new Set(initial?.milestones ?? []),\n usage: { ...(initial?.usage ?? {}) },\n elapsedMs: initial?.elapsedMs ?? 0,\n scrollPercent: initial?.scrollPercent ?? 0,\n metadata: { ...(initial?.metadata ?? {}) },\n };\n }\n\n setPath(path: string): void {\n this.context.path = path;\n }\n\n trackEvent(event: string): void {\n const next = new Set(this.context.events ?? new Set<string>());\n next.add(event);\n this.context.events = next;\n }\n\n trackUsage(event: string, delta = 1): void {\n const usage = { ...(this.context.usage ?? {}) };\n usage[event] = (usage[event] ?? 0) + Math.max(1, delta);\n this.context.usage = usage;\n }\n\n trackMilestone(event: string): void {\n const next = new Set(this.context.milestones ?? new Set<string>());\n next.add(event);\n this.context.milestones = next;\n }\n\n setElapsedMs(elapsedMs: number): void {\n this.context.elapsedMs = Math.max(0, elapsedMs);\n }\n\n setScrollPercent(scrollPercent: number): void {\n const clamped = Math.max(0, Math.min(100, scrollPercent));\n this.context.scrollPercent = clamped;\n }\n\n setMetadata(next: Record<string, unknown>): void {\n this.context.metadata = { ...next };\n }\n\n getContext(): TriggerContext {\n return {\n path: this.context.path,\n events: new Set(this.context.events ?? []),\n milestones: new Set(this.context.milestones ?? []),\n usage: { ...(this.context.usage ?? {}) },\n elapsedMs: this.context.elapsedMs,\n scrollPercent: this.context.scrollPercent,\n metadata: { ...(this.context.metadata ?? {}) },\n };\n }\n\n evaluate(trigger: FeatureTrigger | undefined): boolean {\n return isTriggerMatch(trigger, this.context);\n }\n\n evaluateFeature(feature: Pick<FeatureEntry, \"trigger\">): boolean {\n return this.evaluate(feature.trigger);\n }\n}\n","import type {\n AudienceMatchFn,\n AudienceRule,\n FeatureEntry,\n FeatureManifest,\n StorageAdapter,\n UserContext,\n FeatureDependencyState,\n TriggerContext,\n} from \"./types\";\nimport { compareSemver, satisfiesRange } from \"./semver\";\nimport { isTriggerMatch } from \"./triggers\";\n\n/**\n * Default audience matching logic.\n *\n * For each specified field (plan, role, region), checks if the user's\n * value is included in the allowed list. Fields use AND logic between them,\n * OR logic within each field's array. The `custom` field is ignored by\n * the default matcher — use a custom `AudienceMatchFn` for that.\n */\nexport function matchesAudience(\n audience: AudienceRule,\n userContext: UserContext,\n): boolean {\n if (audience.plan && audience.plan.length > 0) {\n if (!userContext.plan || !audience.plan.includes(userContext.plan)) {\n return false;\n }\n }\n if (audience.role && audience.role.length > 0) {\n if (!userContext.role || !audience.role.includes(userContext.role)) {\n return false;\n }\n }\n if (audience.region && audience.region.length > 0) {\n if (!userContext.region || !audience.region.includes(userContext.region)) {\n return false;\n }\n }\n return true;\n}\n\n/**\n * Check if a feature's audience allows the given user context.\n *\n * - No `audience` field → visible to all\n * - Empty `audience` ({}) → visible to all\n * - `audience` specified but no `userContext` → hidden (safe default)\n * - Otherwise, delegate to `matchFn` (or default `matchesAudience`)\n */\nfunction isAudienceMatch(\n feature: FeatureEntry,\n userContext?: UserContext,\n matchFn?: AudienceMatchFn,\n): boolean {\n // No audience restriction → show to everyone\n if (!feature.audience) return true;\n\n // Check if audience is empty (no fields with values)\n const { plan, role, region, custom } = feature.audience;\n const hasRules =\n (plan && plan.length > 0) ||\n (role && role.length > 0) ||\n (region && region.length > 0) ||\n (custom && Object.keys(custom).length > 0);\n if (!hasRules) return true;\n\n // Audience specified but no user context → hidden (safe default)\n if (!userContext) return false;\n\n // Use custom matcher if provided, otherwise default\n if (matchFn) return matchFn(feature.audience, userContext);\n return matchesAudience(feature.audience, userContext);\n}\n\nfunction isVersionMatch(feature: FeatureEntry, appVersion?: string): boolean {\n const v = feature.version;\n if (!v || typeof v === \"string\") return true; // string = display only\n if (!appVersion) return false; // Safe default when constraints exist\n if (!v.introduced && !v.showNewUntil && !v.deprecatedAt && !v.showIn) return true;\n\n // Range check\n if (v.showIn && !satisfiesRange(appVersion, v.showIn)) return false;\n\n if (v.introduced && compareSemver(appVersion, v.introduced) < 0) return false;\n if (v.deprecatedAt && compareSemver(appVersion, v.deprecatedAt) >= 0) return false;\n\n // showNewUntil gates \"new\" state only\n if (v.showNewUntil && compareSemver(appVersion, v.showNewUntil) >= 0) return false;\n\n return true;\n}\n\nfunction isDependencyMatch(\n feature: FeatureEntry,\n dismissedIds: ReadonlySet<string>,\n dependencyState?: FeatureDependencyState,\n): boolean {\n const dependsOn = feature.dependsOn;\n if (!dependsOn) return true;\n\n const seenIds = dependencyState?.seenIds;\n const clickedIds = dependencyState?.clickedIds;\n const dismissedDependencyIds = dependencyState?.dismissedIds ?? dismissedIds;\n\n if (dependsOn.seen && dependsOn.seen.length > 0) {\n for (const id of dependsOn.seen) {\n const seen = seenIds?.has(id) ?? false;\n if (!seen && !dismissedDependencyIds.has(id)) return false;\n }\n }\n\n if (dependsOn.clicked && dependsOn.clicked.length > 0) {\n for (const id of dependsOn.clicked) {\n if (!(clickedIds?.has(id) ?? false)) return false;\n }\n }\n\n if (dependsOn.dismissed && dependsOn.dismissed.length > 0) {\n for (const id of dependsOn.dismissed) {\n if (!dismissedDependencyIds.has(id)) return false;\n }\n }\n\n return true;\n}\n\n/**\n * Check if a single feature should show as \"new\".\n *\n * A feature is \"new\" when ALL of these are true:\n * 1. Current time is before `showNewUntil`\n * 2. Feature was released after the watermark (or no watermark exists)\n * 3. Feature has not been individually dismissed\n * 4. If `publishAt` is set, current time must be after it (scheduled publishing)\n * 5. If `audience` is set, user must match the targeting rules\n */\nexport function isNew(\n feature: FeatureEntry,\n watermark: string | null,\n dismissedIds: ReadonlySet<string>,\n now: Date = new Date(),\n userContext?: UserContext,\n matchAudience?: AudienceMatchFn,\n appVersion?: string,\n dependencyState?: FeatureDependencyState,\n triggerContext?: TriggerContext,\n): boolean {\n // Already dismissed by the user on this device\n if (dismissedIds.has(feature.id)) return false;\n\n // Audience targeting — check before time-based checks\n if (!isAudienceMatch(feature, userContext, matchAudience)) return false;\n\n // Dependency targeting — defer features until prerequisites are satisfied\n if (!isDependencyMatch(feature, dismissedIds, dependencyState)) return false;\n\n // Version targeting — requires appVersion when constraints exist\n if (!isVersionMatch(feature, appVersion)) return false;\n\n // Contextual trigger rules — show only when trigger condition is satisfied.\n if (!isTriggerMatch(feature.trigger, triggerContext)) return false;\n\n const nowMs = now.getTime();\n\n // Scheduled publishing — hidden until publishAt\n if (feature.publishAt) {\n const publishMs = new Date(feature.publishAt).getTime();\n if (nowMs < publishMs) return false;\n }\n\n const showUntilMs = new Date(feature.showNewUntil).getTime();\n\n // Past the display window\n if (nowMs >= showUntilMs) return false;\n\n // If there's a watermark, feature must have been released after it\n if (watermark) {\n const watermarkMs = new Date(watermark).getTime();\n const releasedMs = new Date(feature.releasedAt).getTime();\n if (releasedMs <= watermarkMs) return false;\n }\n\n return true;\n}\n\n/**\n * Get all features that are currently \"new\" for this user.\n */\nexport function getNewFeatures(\n manifest: FeatureManifest,\n storage: StorageAdapter,\n now: Date = new Date(),\n userContext?: UserContext,\n matchAudience?: AudienceMatchFn,\n appVersion?: string,\n dependencyState?: FeatureDependencyState,\n triggerContext?: TriggerContext,\n): FeatureEntry[] {\n const watermark = storage.getWatermark();\n const dismissedIds = storage.getDismissedIds();\n return manifest.filter((f) =>\n isNew(\n f,\n watermark,\n dismissedIds,\n now,\n userContext,\n matchAudience,\n appVersion,\n dependencyState,\n triggerContext,\n ),\n );\n}\n\n/**\n * Get the count of new features.\n */\nexport function getNewFeatureCount(\n manifest: FeatureManifest,\n storage: StorageAdapter,\n now: Date = new Date(),\n userContext?: UserContext,\n matchAudience?: AudienceMatchFn,\n appVersion?: string,\n dependencyState?: FeatureDependencyState,\n triggerContext?: TriggerContext,\n): number {\n return getNewFeatures(\n manifest,\n storage,\n now,\n userContext,\n matchAudience,\n appVersion,\n dependencyState,\n triggerContext,\n ).length;\n}\n\n/**\n * Check if a specific sidebar key has a new feature.\n */\nexport function hasNewFeature(\n manifest: FeatureManifest,\n sidebarKey: string,\n storage: StorageAdapter,\n now: Date = new Date(),\n userContext?: UserContext,\n matchAudience?: AudienceMatchFn,\n appVersion?: string,\n dependencyState?: FeatureDependencyState,\n triggerContext?: TriggerContext,\n): boolean {\n const watermark = storage.getWatermark();\n const dismissedIds = storage.getDismissedIds();\n return manifest.some(\n (f) =>\n f.sidebarKey === sidebarKey &&\n isNew(\n f,\n watermark,\n dismissedIds,\n now,\n userContext,\n matchAudience,\n appVersion,\n dependencyState,\n triggerContext,\n ),\n );\n}\n\n/**\n * Get all features sorted by priority (critical first) then by release date (newest first).\n */\nexport function getNewFeaturesSorted(\n manifest: FeatureManifest,\n storage: StorageAdapter,\n now: Date = new Date(),\n userContext?: UserContext,\n matchAudience?: AudienceMatchFn,\n appVersion?: string,\n dependencyState?: FeatureDependencyState,\n triggerContext?: TriggerContext,\n): FeatureEntry[] {\n const priorityOrder = { critical: 0, normal: 1, low: 2 };\n return getNewFeatures(\n manifest,\n storage,\n now,\n userContext,\n matchAudience,\n appVersion,\n dependencyState,\n triggerContext,\n ).sort(\n (a, b) => {\n const pa = priorityOrder[a.priority ?? \"normal\"];\n const pb = priorityOrder[b.priority ?? \"normal\"];\n if (pa !== pb) return pa - pb;\n return (\n new Date(b.releasedAt).getTime() - new Date(a.releasedAt).getTime()\n );\n },\n );\n}\n","import type { StorageAdapter } from \"../types\";\n\nexport interface LocalStorageAdapterOptions {\n /** Key prefix for localStorage entries. Default: \"featuredrop\" */\n prefix?: string;\n /** Server-side watermark (ISO string). Typically from user profile. */\n watermark?: string | null;\n /** Callback when dismissAll is called. Use for server-side watermark updates. */\n onDismissAll?: (now: Date) => Promise<void>;\n}\n\nconst DISMISSED_SUFFIX = \":dismissed\";\n\n/**\n * localStorage-based storage adapter.\n *\n * Architecture:\n * - **Watermark** comes from the server (passed at construction time)\n * - **Per-feature dismissals** are stored in localStorage (zero server writes)\n * - **dismissAll()** optionally calls a server callback, then clears localStorage\n *\n * Gracefully handles SSR environments where `window`/`localStorage` is unavailable.\n */\nexport class LocalStorageAdapter implements StorageAdapter {\n private readonly prefix: string;\n private readonly watermarkValue: string | null;\n private readonly onDismissAllCallback?: (now: Date) => Promise<void>;\n private readonly dismissedKey: string;\n\n constructor(options: LocalStorageAdapterOptions = {}) {\n this.prefix = options.prefix ?? \"featuredrop\";\n this.watermarkValue = options.watermark ?? null;\n this.onDismissAllCallback = options.onDismissAll;\n this.dismissedKey = `${this.prefix}${DISMISSED_SUFFIX}`;\n }\n\n getWatermark(): string | null {\n return this.watermarkValue;\n }\n\n getDismissedIds(): ReadonlySet<string> {\n try {\n if (typeof window === \"undefined\") return new Set();\n const raw = localStorage.getItem(this.dismissedKey);\n if (!raw) return new Set();\n const parsed: unknown = JSON.parse(raw);\n if (Array.isArray(parsed)) return new Set(parsed as string[]);\n return new Set();\n } catch {\n return new Set();\n }\n }\n\n dismiss(id: string): void {\n try {\n if (typeof window === \"undefined\") return;\n const raw = localStorage.getItem(this.dismissedKey);\n const existing: string[] = raw ? (JSON.parse(raw) as string[]) : [];\n if (!existing.includes(id)) {\n existing.push(id);\n localStorage.setItem(this.dismissedKey, JSON.stringify(existing));\n }\n } catch {\n // localStorage unavailable — silent fail\n }\n }\n\n async dismissAll(now: Date): Promise<void> {\n try {\n if (typeof window !== \"undefined\") {\n localStorage.removeItem(this.dismissedKey);\n }\n } catch {\n // localStorage unavailable — silent fail\n }\n\n if (this.onDismissAllCallback) {\n await this.onDismissAllCallback(now);\n }\n }\n}\n","import { getNewFeaturesSorted, hasNewFeature } from \"../core\";\nimport { LocalStorageAdapter } from \"../adapters\";\nimport type {\n AudienceMatchFn,\n FeatureManifest,\n StorageAdapter,\n UserContext,\n} from \"../types\";\n\nconst SafeHTMLElement: typeof HTMLElement = typeof HTMLElement === \"undefined\"\n ? (class {} as unknown as typeof HTMLElement)\n : HTMLElement;\n\nexport interface WebComponentsConfig {\n manifest: FeatureManifest;\n storage?: StorageAdapter;\n userContext?: UserContext;\n matchAudience?: AudienceMatchFn;\n appVersion?: string;\n}\n\nexport interface RegisterWebComponentsOptions {\n badgeTag?: string;\n changelogTag?: string;\n}\n\ninterface RuntimeConfig {\n manifest: FeatureManifest;\n storage: StorageAdapter;\n userContext?: UserContext;\n matchAudience?: AudienceMatchFn;\n appVersion?: string;\n}\n\nlet runtimeConfig: RuntimeConfig | null = null;\nlet defaultStorage: StorageAdapter | null = null;\nconst badgeInstances = new Set<FeatureDropBadgeElement>();\nconst changelogInstances = new Set<FeatureDropChangelogElement>();\n\nfunction getDefaultStorage(): StorageAdapter {\n if (!defaultStorage) {\n defaultStorage = new LocalStorageAdapter({ prefix: \"featuredrop:web-components\" });\n }\n return defaultStorage;\n}\n\nfunction escapeHtml(value: string): string {\n return value\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\");\n}\n\nfunction getRuntimeConfig(): RuntimeConfig | null {\n return runtimeConfig;\n}\n\nfunction renderAllComponents(): void {\n for (const badge of badgeInstances) badge.render();\n for (const changelog of changelogInstances) changelog.render();\n}\n\nexport function configureFeatureDropWebComponents(config: WebComponentsConfig): void {\n runtimeConfig = {\n manifest: config.manifest,\n storage: config.storage ?? getDefaultStorage(),\n userContext: config.userContext,\n matchAudience: config.matchAudience,\n appVersion: config.appVersion,\n };\n renderAllComponents();\n}\n\nexport function refreshFeatureDropWebComponents(): void {\n renderAllComponents();\n}\n\nexport class FeatureDropBadgeElement extends SafeHTMLElement {\n static get observedAttributes(): string[] {\n return [\"sidebar-key\", \"variant\"];\n }\n\n connectedCallback(): void {\n badgeInstances.add(this);\n if (!this.shadowRoot && \"attachShadow\" in this) {\n this.attachShadow({ mode: \"open\" });\n }\n this.render();\n }\n\n disconnectedCallback(): void {\n badgeInstances.delete(this);\n }\n\n attributeChangedCallback(): void {\n this.render();\n }\n\n render(): void {\n if (!this.shadowRoot) return;\n const sidebarKey = this.getAttribute(\"sidebar-key\");\n const variant = this.getAttribute(\"variant\") ?? \"pill\";\n const config = getRuntimeConfig();\n if (!sidebarKey || !config) {\n this.shadowRoot.innerHTML = \"\";\n return;\n }\n\n const isNew = hasNewFeature(\n config.manifest,\n sidebarKey,\n config.storage,\n new Date(),\n config.userContext,\n config.matchAudience,\n config.appVersion,\n );\n if (!isNew) {\n this.shadowRoot.innerHTML = \"\";\n return;\n }\n\n const count = getNewFeaturesSorted(\n config.manifest,\n config.storage,\n new Date(),\n config.userContext,\n config.matchAudience,\n config.appVersion,\n ).filter((entry) => entry.sidebarKey === sidebarKey).length;\n\n const content = variant === \"dot\"\n ? `<span class=\"dot\" part=\"dot\"></span>`\n : variant === \"count\"\n ? `<span class=\"count\" part=\"count\">${count}</span>`\n : `<span class=\"pill\" part=\"pill\">New</span>`;\n\n this.shadowRoot.innerHTML = `\n <style>\n .pill { display: inline-block; border-radius: 999px; padding: 2px 8px; font-size: 12px; font-weight: 600; background: #f59e0b; color: #fff; }\n .count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #dc2626; color: #fff; padding: 0 6px; }\n .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; }\n </style>\n ${content}\n `;\n }\n}\n\nexport class FeatureDropChangelogElement extends SafeHTMLElement {\n static get observedAttributes(): string[] {\n return [\"title\", \"trigger-label\", \"position\"];\n }\n\n private isOpen = false;\n private cleanupClick: (() => void) | null = null;\n\n connectedCallback(): void {\n changelogInstances.add(this);\n if (!this.shadowRoot && \"attachShadow\" in this) {\n this.attachShadow({ mode: \"open\" });\n }\n const onClick = (event: Event): void => {\n const target = event.target as HTMLElement | null;\n if (!target) return;\n const actionTarget = target.closest(\"[data-action]\") as HTMLElement | null;\n if (!actionTarget) return;\n const action = actionTarget.getAttribute(\"data-action\");\n if (action === \"toggle\") {\n this.isOpen = !this.isOpen;\n this.render();\n return;\n }\n if (action === \"dismiss-all\") {\n void this.dismissAll();\n return;\n }\n if (action === \"dismiss-one\") {\n const id = actionTarget.getAttribute(\"data-id\");\n if (id) this.dismissOne(id);\n }\n };\n this.shadowRoot?.addEventListener(\"click\", onClick);\n this.cleanupClick = () => this.shadowRoot?.removeEventListener(\"click\", onClick);\n this.render();\n }\n\n disconnectedCallback(): void {\n changelogInstances.delete(this);\n this.cleanupClick?.();\n this.cleanupClick = null;\n }\n\n attributeChangedCallback(): void {\n this.render();\n }\n\n private dismissOne(id: string): void {\n const config = getRuntimeConfig();\n if (!config) return;\n config.storage.dismiss(id);\n renderAllComponents();\n }\n\n private async dismissAll(): Promise<void> {\n const config = getRuntimeConfig();\n if (!config) return;\n await config.storage.dismissAll(new Date());\n renderAllComponents();\n }\n\n render(): void {\n if (!this.shadowRoot) return;\n const config = getRuntimeConfig();\n if (!config) {\n this.shadowRoot.innerHTML = \"\";\n return;\n }\n\n const title = this.getAttribute(\"title\") ?? \"What's New\";\n const triggerLabel = this.getAttribute(\"trigger-label\") ?? \"What's New\";\n const position = this.getAttribute(\"position\") === \"left\" ? \"left: 16px;\" : \"right: 16px;\";\n const entries = getNewFeaturesSorted(\n config.manifest,\n config.storage,\n new Date(),\n config.userContext,\n config.matchAudience,\n config.appVersion,\n );\n\n const list = entries.length === 0\n ? `<p class=\"empty\">You're all caught up.</p>`\n : entries\n .map((entry) => `\n <li class=\"item\">\n <div class=\"item-title\">${escapeHtml(entry.label)}</div>\n ${entry.description ? `<p class=\"item-desc\">${escapeHtml(entry.description)}</p>` : \"\"}\n <button data-action=\"dismiss-one\" data-id=\"${escapeHtml(entry.id)}\" class=\"ghost\">Mark read</button>\n </li>\n `)\n .join(\"\");\n\n this.shadowRoot.innerHTML = `\n <style>\n .trigger { border: 1px solid #d1d5db; background: #fff; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-weight: 600; font-size: 13px; }\n .panel { position: fixed; top: 70px; ${position} width: min(92vw, 360px); max-height: 70vh; overflow: auto; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16); z-index: 10000; }\n .header { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-bottom: 1px solid #e5e7eb; }\n .title { margin: 0; font-size: 14px; }\n .list { list-style: none; margin: 0; padding: 10px 12px 12px; display: grid; gap: 10px; }\n .item { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; }\n .item-title { font-size: 13px; font-weight: 700; margin-bottom: 4px; }\n .item-desc { margin: 0 0 8px; color: #4b5563; font-size: 12px; }\n .empty { margin: 0; padding: 14px 12px; color: #6b7280; font-size: 13px; }\n .ghost { border: 1px solid #d1d5db; background: #fff; border-radius: 8px; padding: 5px 8px; cursor: pointer; font-size: 12px; }\n </style>\n <button data-action=\"toggle\" class=\"trigger\">${escapeHtml(triggerLabel)} (${entries.length})</button>\n ${this.isOpen ? `\n <section class=\"panel\">\n <div class=\"header\">\n <h3 class=\"title\">${escapeHtml(title)}</h3>\n <button data-action=\"dismiss-all\" class=\"ghost\">Mark all read</button>\n </div>\n <ul class=\"list\">${list}</ul>\n </section>\n ` : \"\"}\n `;\n }\n}\n\nexport function registerFeatureDropWebComponents(\n options: RegisterWebComponentsOptions = {},\n): { badgeTag: string; changelogTag: string } {\n const badgeTag = options.badgeTag ?? \"feature-drop-badge\";\n const changelogTag = options.changelogTag ?? \"feature-drop-changelog\";\n\n if (typeof customElements === \"undefined\") {\n return { badgeTag, changelogTag };\n }\n\n if (!customElements.get(badgeTag)) {\n customElements.define(badgeTag, FeatureDropBadgeElement);\n }\n if (!customElements.get(changelogTag)) {\n customElements.define(changelogTag, FeatureDropChangelogElement);\n }\n\n return { badgeTag, changelogTag };\n}\n"]}
|