@swell/apps-sdk 1.0.20 → 1.0.21

package/dist/jest.config.d.ts

@@ -0,0 +1,14 @@
+declare namespace _default {
+    let roots: string[];
+    let transform: {
+        '^.+\\.(ts|js)$': string;
+    };
+    let testEnvironment: string;
+    let moduleFileExtensions: string[];
+    let moduleNameMapper: {
+        '^@/(.*)$': string;
+    };
+    let extensionsToTreatAsEsm: string[];
+    let transformIgnorePatterns: string[];
+}
+export default _default;

package/dist/src/api.d.ts

@@ -17,6 +17,7 @@ export declare class Swell {
     isEditor: boolean;
     sentResponse: boolean;
     static cache: Map<string, Cache>;
+    storefront_url?: string;
     constructor(params: {
         url: URL | string;
         config?: SwellAppConfig;

package/dist/src/easyblocks/config.d.ts

@@ -104,6 +104,12 @@ export declare function getEasyblocksPagePropsWithConfigs(themeGlobals: ThemeGlo
                     id: string;
                 };
             };
+            swell_paragraph: {
+                type: string;
+                widget: {
+                    id: string;
+                };
+            };
             swell_editor: {
                 type: string;
                 widget: {

package/dist/src/easyblocks/utils.d.ts

@@ -29,8 +29,10 @@ export declare function schemaToEasyblocksValue(fields: ThemeSettingFieldSchema[
 export declare function getThemeSettingsFromProps(props: any, editorSchema: any[]): any;
 export declare function getSectionSettingsFromProps(props: any, sectionSchema: any): {
     settings: any;
+    id: any;
     blocks: any;
 } | {
     settings?: undefined;
+    id?: undefined;
     blocks?: undefined;
 };

package/dist/src/editor/resources.d.ts

@@ -0,0 +1,9 @@
+import type { Swell } from '@/api';
+import { SwellStorefrontRecord, SwellStorefrontSingleton } from '@/resources';
+import type { SwellData } from 'types/swell';
+export declare class MockRecordResource extends SwellStorefrontRecord {
+    constructor(swell: Swell, slug: string, query?: SwellData);
+}
+export declare class MockRecordSingleton extends SwellStorefrontSingleton {
+    constructor(swell: Swell, slug: string, query?: SwellData);
+}

package/dist/src/index.d.ts

@@ -12,3 +12,4 @@ export * from './utils';
 export * from './liquid';
 export * from './compatibility/shopify';
 export * from './compatibility/shopify-objects';
+export * from './editor/resources';

package/dist/src/liquid/color.d.ts

@@ -1,4 +1,4 @@
-import Color from "color";
+import Color from 'color';
 export type ColorParam = Color | string | ArrayLike<number> | number | Record<string, unknown>;
 export declare class ThemeColor {
     color: Color;

package/dist/src/liquid/filters/color_desaturate.d.ts

@@ -1,2 +1,2 @@
-import { LiquidSwell, ThemeColor } from "..";
+import { LiquidSwell, ThemeColor } from '..';
 export default function bind(_liquidSwell: LiquidSwell): (color: string | ThemeColor, value: number) => string;

package/dist/src/liquid/filters/color_lighten.d.ts

@@ -1,2 +1,2 @@
-import { LiquidSwell, ThemeColor } from "..";
+import { LiquidSwell, ThemeColor } from '..';
 export default function bind(_liquidSwell: LiquidSwell): (color: string | ThemeColor, percent: number) => string;

package/dist/src/liquid/filters/color_mix.d.ts

@@ -1,2 +1,2 @@
-import { LiquidSwell, ThemeColor } from "..";
+import { LiquidSwell, ThemeColor } from '..';
 export default function bind(_liquidSwell: LiquidSwell): (color1: string | ThemeColor, color2: string | ThemeColor, ratio: number) => string;

package/dist/src/liquid/filters/color_saturate.d.ts

@@ -1,2 +1,2 @@
-import { LiquidSwell, ThemeColor } from "..";
+import { LiquidSwell, ThemeColor } from '..';
 export default function bind(_liquidSwell: LiquidSwell): (color: string | ThemeColor, value: number) => string;

package/dist/src/liquid/filters/date.d.ts

@@ -1,10 +1,7 @@
 import { LiquidSwell } from '..';
-export default function bind(_liquidSwell: LiquidSwell): (dateValue: string, maybeParams: any, params?: any[]) => string;
+export default function bind(_liquidSwell: LiquidSwell): (dateValue: string, ...params: any[]) => string;
 export declare function ensureDate(dateValue: string | Date): Date;
-export declare function getDateFilterParams(maybeParams: any, params?: any[]): {
-    format: unknown;
-    datetime: unknown;
-    strFormat: string | undefined;
-};
+export declare function getDateFilterParams(params: any[]): Record<string, unknown>;
 export declare function applyDateFormat(type: string, date: Date): string;
+export declare function isCustomDateFormat(format: string): boolean;
 export declare function applyStrftimeFormat(format: string, date: Date): string;

package/dist/src/liquid/filters/divided_by.d.ts

@@ -0,0 +1,2 @@
+import { LiquidSwell } from '..';
+export default function bind(_liquidSwell: LiquidSwell): (dividend: number, divisor: number, integerArithmetic: boolean) => number;

package/dist/src/liquid/filters/font_face.d.ts

@@ -1,2 +1,2 @@
 import { LiquidSwell } from '..';
-export default function bind(_liquidSwell: LiquidSwell): (fontSetting: any, params: any[]) => string | null;
+export default function bind(_liquidSwell: LiquidSwell): (fontSetting: any, ...params: any[]) => string | null;

package/dist/src/liquid/filters/image_tag.d.ts

@@ -1,2 +1,2 @@
 import { LiquidSwell } from '..';
-export default function bind(_liquidSwell: LiquidSwell): (imageUrl: string, params: any[]) => string;
+export default function bind(_liquidSwell: LiquidSwell): (imageUrl: string, ...params: any[]) => string;

package/dist/src/liquid/filters/image_url.d.ts

@@ -1,6 +1,6 @@
 import { LiquidSwell } from '..';
 declare const _default: {
-    bind(_liquidSwell: LiquidSwell): (imageField: any, params: any[]) => Promise<string>;
+    bind(_liquidSwell: LiquidSwell): (imageField: any, ...params: any[]) => Promise<string>;
     resolve: string[][];
 };
 export default _default;

package/dist/src/liquid/filters/index.d.ts

@@ -16,6 +16,7 @@ import color_to_hsl from './color_to_hsl';
 import color_to_rgb from './color_to_rgb';
 import date from './date';
 import default_errors from './default_errors';
+import divided_by from './divided_by';
 import font_face from './font_face';
 import font_modify from './font_modify';
 import font_url from './font_url';
@@ -53,6 +54,7 @@ export declare const filters: {
     color_to_rgb: typeof color_to_rgb;
     date: typeof date;
     default_errors: typeof default_errors;
+    divided_by: typeof divided_by;
     font_face: typeof font_face;
     font_modify: typeof font_modify;
     font_url: typeof font_url;
@@ -62,7 +64,7 @@ export declare const filters: {
     };
     image_tag: typeof image_tag;
     image_url: {
-        bind(_liquidSwell: LiquidSwell): (imageField: any, params: any[]) => Promise<string>;
+        bind(_liquidSwell: LiquidSwell): (imageField: any, ...params: any[]) => Promise<string>;
         resolve: string[][];
     };
     json: typeof json;

package/dist/src/liquid/filters/money.d.ts

@@ -1,2 +1,2 @@
-import { LiquidSwell } from "..";
+import { LiquidSwell } from '..';
 export default function bind(liquidSwell: LiquidSwell): (value: number) => string;

package/dist/src/liquid/filters/time_tag.d.ts

@@ -1,2 +1,2 @@
 import { LiquidSwell } from '..';
-export default function bind(_liquidSwell: LiquidSwell): (dateValue: string, maybeParams: any, params?: any[]) => string;
+export default function bind(_liquidSwell: LiquidSwell): (dateValue: string, ...params: any[]) => string;

package/dist/src/liquid/filters/translate.d.ts

@@ -1,2 +1,2 @@
-import { LiquidSwell } from "..";
+import { LiquidSwell } from '..';
 export default function bind(liquidSwell: LiquidSwell): (key: string, params?: any[]) => Promise<string>;

package/dist/src/liquid/utils.d.ts

@@ -27,7 +27,7 @@ export declare function isString(value: unknown): value is string;
 export declare function isNumber(value: unknown): value is number;
 export declare function isFunction(value: unknown): value is Function;
 export declare function toLiquid(value: unknown): unknown;
-export declare function isNil(value: unknown): value is (undefined | null);
+export declare function isNil(value: unknown): value is undefined | null;
 export declare function isUndefined(value: unknown): value is undefined;
 export declare function isArray<T>(value: unknown): value is Array<T>;
 export declare function isObject(value: unknown): value is Record<string, unknown>;

package/dist/src/resources.d.ts

@@ -17,7 +17,7 @@ export declare class StorefrontResource<T extends SwellData = SwellData> {
     _setGetter(getter: StorefrontResourceGetter<T>): void;
     _resolve(): Promise<T | null | undefined>;
     _isResultResolved(): boolean;
-    resolve(): Promise<any>;
+    resolve(resolveStorefrontResources?: boolean, resourceMetadata?: boolean): Promise<any>;
     toObject(): {} | null;
     toJSON(): {} | null;
     valueOf(): Promise<any>;
@@ -45,6 +45,7 @@ export declare class SwellStorefrontCollection<T extends SwellCollection = Swell
     pages?: SwellCollectionPages;
     page_count?: number;
     limit: number;
+    name?: string;
     constructor(swell: Swell, collection: string, query?: SwellData, getter?: StorefrontResourceGetter<T>);
     _getProxy(): SwellStorefrontCollection<T>;
     _initQuery(query: SwellData): SwellData;

package/dist/src/utils/index.d.ts

@@ -15,5 +15,5 @@ export declare function forEachKeyDeep(obj: any, fn: (key: string, value: any) =
 export declare function findCircularReferences(value: any): unknown[];
 export declare function removeCircularReferences(value: any): any;
 export declare function dehydrateSwellRefsInStorefrontResources(obj: any): any;
-export declare function resolveAsyncResources(response: any, resolveStorefrontResources?: boolean): Promise<any>;
+export declare function resolveAsyncResources(response: any, resolveStorefrontResources?: boolean, resolveWithResourceMetadata?: boolean): Promise<any>;
 export declare function stringifyQueryParams(queryParams: SwellData): string;

package/dist/test/liquid/filters/asset_url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/brightness_difference.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_brightness.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_contrast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_darken.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_desaturate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_difference.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_extract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_lighten.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_mix.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_modify.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_saturate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_to_hex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_to_hsl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/color_to_rgb.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/date.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/default_errors.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/divided_by.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/font_face.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/font_modify.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/font_url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/format_address.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/image_tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/image_url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/inline_editable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/json.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/json_pretty.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/money.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/money_with_currency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/money_without_currency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/money_without_trailing_zeros.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/stylesheet_tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/time_tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/translate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/filters/where.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/helpers.d.ts

@@ -0,0 +1,6 @@
+import { LiquidSwell } from '@/liquid';
+type DescribeLiquidCallbackType = (render: (template: string, data?: any) => Promise<string>, liquid: LiquidSwell) => void;
+export declare function describeFilter(name: string, callback: DescribeLiquidCallbackType): void;
+export declare function describeTag(name: string, callback: DescribeLiquidCallbackType): void;
+export declare function removeSpaces(value: string): string;
+export {};

package/dist/test/liquid/tags/case.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/tags/for.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/tags/form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/tags/inline_editable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/tags/javascript.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/liquid/tags/style.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/shopify.d.ts

@@ -3,7 +3,7 @@ import type { ShopifyResource } from '../src/compatibility/shopify-objects/resou
 import type { ShopifyCompatibility } from '../src/compatibility/shopify';
 import type { StorefrontResource } from '../src/resources';
 export type ShopifyBasicInputType = 'text' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'number' | 'range';
-export type ShopifySpecializedInputType = 'article' | 'blog' | 'collection' | 'collection_list' | 'color' | 'color_background' | 'color_scheme' | 'color_scheme_group' | 'font_picker' | 'header' | 'html' | 'image_picker' | 'inline_richtext' | 'link_list' | 'liquid' | 'page' | 'page' | 'product' | 'product_list' | 'richtext' | 'text_alignment' | 'url' | 'video' | 'video_url';
+export type ShopifySpecializedInputType = 'article' | 'blog' | 'collection' | 'collection_list' | 'color' | 'color_background' | 'color_scheme' | 'color_scheme_group' | 'font_picker' | 'header' | 'paragraph' | 'html' | 'image_picker' | 'inline_richtext' | 'link_list' | 'liquid' | 'page' | 'page' | 'product' | 'product_list' | 'richtext' | 'text_alignment' | 'url' | 'video' | 'video_url';
 export interface ShopifyBgStyleSchema {
     solid: string;
     gradient: string;

package/dist/types/swell.d.ts

@@ -30,6 +30,7 @@ export interface SwellAppShopifyCompatibilityConfig {
     }>;
     forms: Array<{
         id: string;
+        shopify_type: string;
         client_params: Array<{
             name: string;
             value: string;
@@ -49,6 +50,11 @@ export interface SwellAppStorefrontThemePage {
 export interface SwellAppStorefrontThemeProps {
     provider: 'app';
     pages: Array<SwellAppStorefrontThemePage>;
+    resources?: SwellAppStorefrontThemeResources;
+}
+export interface SwellAppStorefrontThemeResources {
+    singletons: Record<string, string>;
+    records: Record<string, string>;
 }
 export interface SwellErrorOptions {
     status?: number;
@@ -213,7 +219,7 @@ export interface ThemeSectionSchema {
     presets?: ThemePresetSchema[];
     default?: ShopifySettingSchema;
 }
-export type ThemeSettingBasicInputType = 'short_text' | 'long_text' | 'boolean' | 'number' | 'date' | 'select' | 'asset' | 'tags' | 'collection' | 'color' | 'color_scheme' | 'color_scheme_group' | 'font' | 'header' | 'lookup' | 'generic_lookup' | 'menu' | 'icon' | 'field_group';
+export type ThemeSettingBasicInputType = 'short_text' | 'long_text' | 'paragraph' | 'boolean' | 'number' | 'date' | 'select' | 'asset' | 'tags' | 'collection' | 'color' | 'color_scheme' | 'color_scheme_group' | 'font' | 'header' | 'lookup' | 'generic_lookup' | 'menu' | 'icon' | 'field_group';
 export type ThemeSettingAliasInputType = 'text' | 'textarea' | 'rich_text' | 'asset' | 'phone' | 'email' | 'url' | 'slug' | 'basic_html' | 'rich_html' | 'markdown' | 'liquid' | 'checkbox' | 'toggle' | 'image' | 'document' | 'video' | 'radio' | 'dropdown' | 'checkboxes' | 'integer' | 'float' | 'currency' | 'percent' | 'slider' | 'time' | 'datetime' | 'child_collection' | 'product_lookup' | 'category_lookup' | 'customer_lookup';
 export interface OptionItem {
     label: string;
@@ -356,7 +362,7 @@ export interface ThemeFormErrorMessage {
     field_label?: string;
 }
 export type ThemeFormErrorMessages = Array<ThemeFormErrorMessage>;
-export type CFWorkerKVGetType = "text" | "json" | "arrayBuffer" | "stream";
+export type CFWorkerKVGetType = 'text' | 'json' | 'arrayBuffer' | 'stream';
 export interface CFWorkerKVGetOptions<T extends CFWorkerKVGetType> {
     cacheTtl: number;
     type: T;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@swell/apps-sdk",
   "type": "module",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Swell SDK for building isomorphic apps.",
   "author": "Swell",
   "license": "MIT",
@@ -32,17 +32,21 @@
     "prebuild": "rimraf dist",
     "build": "node scripts/build.mjs",
     "postbuild": "tsc --project tsconfig.build.json",
-    "watch": "node scripts/build.mjs watch"
+    "watch": "node scripts/build.mjs watch",
+    "test": "jest --config=./jest.config.js"
   },
   "devDependencies": {
     "@kruining/waterlogged": "^1.1.45",
     "@types/color": "^3.0.6",
+    "@types/jest": "29.5.14",
     "@types/lodash-es": "^4.17.12",
     "@types/qs": "^6.9.15",
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
     "@types/strftime": "^0.9.8",
     "esbuild": "0.20.2",
+    "esbuild-jest": "0.5.0",
+    "jest": "29.7.0",
     "rimraf": "^6.0.1",
     "typescript": "^5.3.3"
   },