@devvit/ui-renderer 0.10.19-next-2024-04-16-a46883eae.0 → 0.10.19-next-2024-04-17-8396cbaff.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/blocks/attributes.d.ts +5 -0
- package/blocks/attributes.d.ts.map +1 -1
- package/blocks/attributes.js +14 -0
- package/blocks/templates/renderContext.d.ts +1 -0
- package/blocks/templates/renderContext.d.ts.map +1 -1
- package/blocks/templates/renderStackBlock.d.ts.map +1 -1
- package/blocks/templates/renderStackBlock.js +12 -4
- package/blocks/templates/util.d.ts +8 -1
- package/blocks/templates/util.d.ts.map +1 -1
- package/blocks/templates/util.js +16 -2
- package/package.json +8 -8
package/blocks/attributes.d.ts
CHANGED
|
@@ -56,6 +56,11 @@ export declare function stackGapStyle(stackDirection: BlockStackDirection, gap:
|
|
|
56
56
|
* child block within a stack that has gap
|
|
57
57
|
*/
|
|
58
58
|
export declare function childGapStyle(ctx: RenderContext): StyleInfo;
|
|
59
|
+
/**
|
|
60
|
+
* returns styles object with z-index based on the ctx.zIndex
|
|
61
|
+
* returns empty object if no zIndex is set in context
|
|
62
|
+
*/
|
|
63
|
+
export declare function childZIndexStyle(ctx: RenderContext): StyleInfo;
|
|
59
64
|
export declare function imageClasses(resizeMode: BlockImageResizeMode | undefined): ClassInfo;
|
|
60
65
|
export declare function imageStyle(url: string, resizeMode: BlockImageResizeMode | undefined, width: number, height: number): StyleInfo;
|
|
61
66
|
//# sourceMappingURL=attributes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../library/src/blocks/attributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACd,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,UAAU,EACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,iBAAiB,EACjB,eAAe,EAEf,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,QAAQ,EAER,aAAa,EACb,oBAAoB,EACpB,YAAY,EACZ,WAAW,EAEX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAEhB,aAAa,EACb,eAAe,EAGhB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAY9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAW1E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../library/src/blocks/attributes.ts"],"names":[],"mappings":"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"}
|
package/blocks/attributes.js
CHANGED
|
@@ -19,6 +19,7 @@ export function defaultStyles(block, ctx) {
|
|
|
19
19
|
return sanitizeStyleInfo({
|
|
20
20
|
...sizingStyle(getSizes(block)),
|
|
21
21
|
...childGapStyle(ctx),
|
|
22
|
+
...childZIndexStyle(ctx),
|
|
22
23
|
});
|
|
23
24
|
}
|
|
24
25
|
export function stackDirectionClass(direction, reverse) {
|
|
@@ -459,6 +460,19 @@ export function childGapStyle(ctx) {
|
|
|
459
460
|
}
|
|
460
461
|
: {});
|
|
461
462
|
}
|
|
463
|
+
/**
|
|
464
|
+
* returns styles object with z-index based on the ctx.zIndex
|
|
465
|
+
* returns empty object if no zIndex is set in context
|
|
466
|
+
*/
|
|
467
|
+
export function childZIndexStyle(ctx) {
|
|
468
|
+
// zIndex starts with 1, so we can treat both 0 and undefined as noop
|
|
469
|
+
if (!ctx.zIndex) {
|
|
470
|
+
return {};
|
|
471
|
+
}
|
|
472
|
+
return sanitizeStyleInfo({
|
|
473
|
+
'z-index': ctx.zIndex,
|
|
474
|
+
});
|
|
475
|
+
}
|
|
462
476
|
export function imageClasses(resizeMode) {
|
|
463
477
|
return {
|
|
464
478
|
'bg-center': true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderContext.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE3F,MAAM,MAAM,aAAa,GAAG;IAE1B,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAEzC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE5B,cAAc,EAAE,mBAAmB,CAAC;IAEpC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvD,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEnC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"renderContext.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE3F,MAAM,MAAM,aAAa,GAAG;IAE1B,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAEzC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE5B,cAAc,EAAE,mBAAmB,CAAC;IAEpC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvD,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEnC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEhC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAiB3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAI9C,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,2BAAsE,EACzE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,EAC/D,kBAAkB,GAAE,kBAAkB,GAAG,SAAqB,GAC7D,YAAY,
|
|
1
|
+
{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAiB3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAI9C,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,2BAAsE,EACzE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,EAC/D,kBAAkB,GAAE,kBAAkB,GAAG,SAAqB,GAC7D,YAAY,CA0Fd"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { nothing } from 'lit';
|
|
2
2
|
import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
|
|
3
3
|
import { BlockStackDirection } from '@devvit/protos';
|
|
4
|
-
import { alignmentClass, backgroundClass, backgroundStyle, borderClass, borderStyle, defaultClasses, defaultStyles, gapSize,
|
|
5
|
-
import { classMap } from './util.js';
|
|
4
|
+
import { alignmentClass, backgroundClass, backgroundStyle, borderClass, borderStyle, defaultClasses, defaultStyles, gapSize, onClickAction, paddingClass, pointerEventsClass, radiusClass, stackDirectionClass, stackGapStyle, } from '../attributes.js';
|
|
5
|
+
import { classMap, getChildZIndex } from './util.js';
|
|
6
6
|
import { resolveStyleColor } from './color.js';
|
|
7
7
|
export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirection.UNRECOGNIZED }, renderBlock, attributeOverrides = undefined) {
|
|
8
8
|
const { html, repeat, styleMap, ifDefined } = getTemplateRenderingStrategy();
|
|
@@ -10,10 +10,12 @@ export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirect
|
|
|
10
10
|
console.error('Invalid block: Stack missing StackConfig');
|
|
11
11
|
return nothing;
|
|
12
12
|
}
|
|
13
|
-
const
|
|
13
|
+
const stackConfig = block.config.stackConfig;
|
|
14
|
+
const { children, direction, padding, gap, alignment, reverse, backgroundColor, backgroundColors, border, cornerRadius, } = stackConfig;
|
|
14
15
|
const bgColorLight = backgroundColors?.light ?? backgroundColor;
|
|
15
16
|
const bgColorDark = backgroundColors?.dark ?? bgColorLight;
|
|
16
17
|
const hasBGColor = !!bgColorLight || !!bgColorDark;
|
|
18
|
+
const isReverseDepth = direction === BlockStackDirection.STACK_DEPTH && !!reverse;
|
|
17
19
|
// capture mouse events on a stack if there are actions associated or there's a background color
|
|
18
20
|
const pointerEvents = !!block.actions.length || hasBGColor;
|
|
19
21
|
const classes = {
|
|
@@ -61,7 +63,13 @@ export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirect
|
|
|
61
63
|
${resolveStyleColor(styles, 'backgroundColor')}
|
|
62
64
|
${resolveStyleColor(styles, 'borderColor')}
|
|
63
65
|
>
|
|
64
|
-
${repeat(children, (
|
|
66
|
+
${repeat(children, (child, childIndex) => {
|
|
67
|
+
return renderBlock(child, {
|
|
68
|
+
...newCtx,
|
|
69
|
+
childIndex,
|
|
70
|
+
zIndex: getChildZIndex(newCtx, stackConfig, childIndex, children.length),
|
|
71
|
+
});
|
|
72
|
+
})}
|
|
65
73
|
</div>
|
|
66
74
|
`;
|
|
67
75
|
}
|
|
@@ -6,8 +6,9 @@ import type { RefOrCallback } from 'lit/directives/ref.js';
|
|
|
6
6
|
import { ref as clientRef } from 'lit/directives/ref.js';
|
|
7
7
|
import type { StyleInfo } from 'lit/directives/style-map.js';
|
|
8
8
|
import type { UnsafeString } from '@reddit/baseplate/html/html.js';
|
|
9
|
-
import type { Block, BlockColor, BlockSizes, BlockSizes_Dimension_Value } from '@devvit/protos';
|
|
9
|
+
import type { Block, BlockColor, BlockConfig_Stack, BlockSizes, BlockSizes_Dimension_Value } from '@devvit/protos';
|
|
10
10
|
import { BlockSizeUnit } from '@devvit/protos';
|
|
11
|
+
import type { RenderContext } from './renderContext.js';
|
|
11
12
|
export type TemplateLike = TemplateResult | typeof nothing;
|
|
12
13
|
export declare function classMap(classInfo: ClassInfo, forceString?: boolean): string | ReturnType<typeof clientClassMap>;
|
|
13
14
|
export declare function unsafeHTML(input: string): DirectiveResult<DirectiveClass> | UnsafeString;
|
|
@@ -42,4 +43,10 @@ export declare function getSizeUnits(unit: BlockSizeUnit | undefined): string;
|
|
|
42
43
|
* @param legacyColor Original color attribute before it was split into light/dark colors
|
|
43
44
|
*/
|
|
44
45
|
export declare function resolveColors(colors: BlockColor | undefined, legacyColor?: string | undefined): [light?: string | undefined, dark?: string | undefined];
|
|
46
|
+
/**
|
|
47
|
+
* Only needed for zstacks, since we can't control the order of rendering from grid conatiner
|
|
48
|
+
* Calculates the z-index for any given child based on the reverse setting and amount of children items
|
|
49
|
+
* Returns a number larger than 1
|
|
50
|
+
*/
|
|
51
|
+
export declare function getChildZIndex(ctx: RenderContext, stackConfig: BlockConfig_Stack, childIndex: number, childrenCount: number): number | undefined;
|
|
45
52
|
//# sourceMappingURL=util.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAInE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAInE,OAAO,KAAK,EACV,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,0BAA0B,EAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAuB,MAAM,gBAAgB,CAAC;AAGpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG,OAAO,OAAO,CAAC;AAE3D,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,MAAM,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAiB5C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC,cAAc,CAAC,GAAG,YAAY,CAMxF;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,MAAM,CAM7E;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,EAAE,IAAI,WAAW,CAEtF;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAiBxD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,CASjE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAmDnE;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,SAAS,CA2B7D;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,0BAA0B,GAAG,SAAS,EAC7C,QAAQ,GAAE,aAAa,GAAG,SAAqB,GAC9C,MAAM,GAAG,SAAS,CAKpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,CAUpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAC/B,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAIzD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,aAAa,EAClB,WAAW,EAAE,iBAAiB,EAC9B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,GACpB,MAAM,GAAG,SAAS,CAQpB"}
|
package/blocks/templates/util.js
CHANGED
|
@@ -4,9 +4,9 @@ import { unsafeHTML as clientUnsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
|
4
4
|
import { unsafeHTML as serverUnsafeHTML } from '@reddit/baseplate/html/html.js';
|
|
5
5
|
import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
|
|
6
6
|
import faceplateIcons from '@reddit/faceplate-ui/svgs/svg-manifest.js';
|
|
7
|
-
import { BlockSizeUnit } from '@devvit/protos';
|
|
7
|
+
import { BlockSizeUnit, BlockStackDirection } from '@devvit/protos';
|
|
8
8
|
import { sanitizeSvg } from '@devvit/shared-types/sanitizeSvg.js';
|
|
9
|
-
import {
|
|
9
|
+
import { isAcceptableDataUrlMimeType, parseDataUrl } from '@devvit/shared-types/imageUtil.js';
|
|
10
10
|
export function classMap(classInfo, forceString) {
|
|
11
11
|
const { getType } = getTemplateRenderingStrategy();
|
|
12
12
|
if (getType() === 'client' && forceString !== true) {
|
|
@@ -185,3 +185,17 @@ export function resolveColors(colors, legacyColor) {
|
|
|
185
185
|
const dark = colors?.dark ?? light;
|
|
186
186
|
return [light, dark];
|
|
187
187
|
}
|
|
188
|
+
/**
|
|
189
|
+
* Only needed for zstacks, since we can't control the order of rendering from grid conatiner
|
|
190
|
+
* Calculates the z-index for any given child based on the reverse setting and amount of children items
|
|
191
|
+
* Returns a number larger than 1
|
|
192
|
+
*/
|
|
193
|
+
export function getChildZIndex(ctx, stackConfig, childIndex, childrenCount) {
|
|
194
|
+
if (ctx.stackDirection !== BlockStackDirection.STACK_DEPTH) {
|
|
195
|
+
return undefined;
|
|
196
|
+
}
|
|
197
|
+
if (stackConfig.reverse) {
|
|
198
|
+
return childrenCount - childIndex;
|
|
199
|
+
}
|
|
200
|
+
return childIndex + 1;
|
|
201
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devvit/ui-renderer",
|
|
3
|
-
"version": "0.10.19-next-2024-04-
|
|
3
|
+
"version": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
4
4
|
"license": "BSD-3-Clause",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -55,10 +55,10 @@
|
|
|
55
55
|
},
|
|
56
56
|
"types": "./index.d.ts",
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@devvit/protos": "0.10.19-next-2024-04-
|
|
59
|
-
"@devvit/runtime-lite": "0.10.19-next-2024-04-
|
|
60
|
-
"@devvit/runtimes": "0.10.19-next-2024-04-
|
|
61
|
-
"@devvit/shared-types": "0.10.19-next-2024-04-
|
|
58
|
+
"@devvit/protos": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
59
|
+
"@devvit/runtime-lite": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
60
|
+
"@devvit/runtimes": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
61
|
+
"@devvit/shared-types": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
62
62
|
"@dotlottie/player-component": "2.7.2",
|
|
63
63
|
"p-queue": "7.3.4",
|
|
64
64
|
"rxjs": "7.8.1"
|
|
@@ -84,9 +84,9 @@
|
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@devvit/eslint-config": "0.10.18",
|
|
87
|
-
"@devvit/public-api": "0.10.19-next-2024-04-
|
|
87
|
+
"@devvit/public-api": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
88
88
|
"@devvit/repo-tools": "0.10.18",
|
|
89
|
-
"@devvit/tsconfig": "0.10.19-next-2024-04-
|
|
89
|
+
"@devvit/tsconfig": "0.10.19-next-2024-04-17-8396cbaff.0",
|
|
90
90
|
"@lit-labs/ssr": "^2.2.3",
|
|
91
91
|
"@lit/localize": "0.11.4",
|
|
92
92
|
"@open-wc/testing-helpers": "2.3.0",
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"directory": "dist"
|
|
120
120
|
},
|
|
121
121
|
"source": "./src/index.ts",
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "c414c6908cf77ecd5b472bc9bdde75f493bc4f3d"
|
|
123
123
|
}
|