@athoscommerce/snap-preact 1.1.5 → 1.2.0

package/dist/esm/components/src/utilities/mergeProps.js

@@ -1,3 +1,5 @@
+// Symbol to track prop-value pairs that originated from theme configuration
+const THEME_PROPS_MAP_SYMBOL = Symbol.for('__themePropsMap__');
 export function mergeProps(componentType, globalTheme, defaultProps, props) {
     /*
 
@@ -55,14 +57,72 @@ export function mergeProps(componentType, globalTheme, defaultProps, props) {
         // add globalTheme props for components with selector matches if they exist
         const filteredGlobalApplicableSelectors = filterSelectors(globalTheme?.components || {}, treePath);
         const globalApplicableSelectors = filteredGlobalApplicableSelectors.sort(sortSelectors);
-        globalApplicableSelectors.forEach((selector) => {
+        // Split selectors into base theme (with *) and user overrides (without *)
+        const baseThemeSelectors = globalApplicableSelectors.filter((s) => s.includes('*'));
+        const userOverrideSelectors = globalApplicableSelectors.filter((s) => !s.includes('*'));
+        // 1. Apply base theme props first, tracking which props are set by SPECIFIC selectors
+        // Specific selectors are those with multiple path segments (like 'facet icon.collapse')
+        // Props set by specific selectors should NOT be overridden by parent's passed values
+        const propsSetBySpecificSelectors = new Set();
+        baseThemeSelectors.forEach((selector) => {
             const componentProps = globalTheme.components?.[selector];
             if (componentProps) {
+                // Check if this is a "specific" selector (has parent component in path)
+                // Remove the * prefix and responsive suffixes for checking
+                const cleanSelector = selector
+                    .replace(/^\*/, '')
+                    .replace(/\([MDT]\)$/, '')
+                    .trim();
+                const isSpecificSelector = cleanSelector.split(' ').length > 1;
+                if (isSpecificSelector) {
+                    // Track which props are set by specific selectors
+                    Object.keys(componentProps).forEach((key) => propsSetBySpecificSelectors.add(key));
+                }
                 mergedProps = mergeThemeProps(componentProps, mergedProps);
             }
         });
-        // og theme prop in default components
-        // add theme props for components with selector matches if they exist
+        // 2. Respread props whose VALUES originated from a parent's theme.
+        // This ensures theme-derived props from parent beat child's base theme,
+        // BUT skip props that were set by SPECIFIC selectors (like 'facet icon.collapse')
+        // User overrides (applied next) will still have the final say.
+        const parentThemePropsMap = props.theme?.[THEME_PROPS_MAP_SYMBOL];
+        if (parentThemePropsMap instanceof Map && parentThemePropsMap.size > 0) {
+            const propsToRespread = {};
+            const parentThemeValuesArray = Array.from(parentThemePropsMap.values());
+            for (const key of Object.keys(props)) {
+                // Skip meta props
+                if (key === 'treePath' || key === 'theme' || key === 'name')
+                    continue;
+                // Skip props that were set by a specific selector in child's theme
+                if (propsSetBySpecificSelectors.has(key))
+                    continue;
+                const propValue = props[key];
+                // Only respread if the VALUE came from a parent's theme (check all parent theme values)
+                if (propValue !== undefined && parentThemeValuesArray.indexOf(propValue) !== -1) {
+                    propsToRespread[key] = propValue;
+                }
+            }
+            if (Object.keys(propsToRespread).length > 0) {
+                mergedProps = {
+                    ...mergedProps,
+                    ...propsToRespread,
+                };
+            }
+        }
+        // 3. Apply user overrides.
+        // Pass preserveExistingMapKeys=true so that props already tracked in the theme map
+        // (e.g. from baseThemeSelectors) keep their theme-derived value in the map.
+        // New props introduced only by user overrides are still added to the map.
+        userOverrideSelectors.forEach((selector) => {
+            const componentProps = globalTheme.components?.[selector];
+            if (componentProps) {
+                mergedProps = mergeThemeProps(componentProps, mergedProps, true);
+            }
+        });
+        // 4. Apply props.theme component overrides last.
+        // These come from parent-injected theme data (e.g. layout option overrides set by useLayoutOptions)
+        // and must win over global user overrides because they represent a more specific context.
+        // e.g. `searchCollapsible results: { columns: 6 }` beats a global `results: { columns: 5 }` override.
         const themeApplicableSelectors = filterSelectors(theme?.components || {}, treePath).sort(sortSelectors);
         themeApplicableSelectors.forEach((selector) => {
             const componentProps = theme?.components?.[selector];
@@ -85,8 +145,21 @@ export function mergeProps(componentType, globalTheme, defaultProps, props) {
         if (globalTheme.variables && mergedProps.theme) {
             mergedProps.theme.variables = globalTheme.variables;
         }
-        // if custom component, re-spread props again
-        if (treePath && (treePath.indexOf('customComponent') > -1 || treePath.startsWith('storybook'))) {
+        // Store current theme prop-value pairs on props.theme so they travel to children
+        const currentThemePropsMap = mergedProps[THEME_PROPS_MAP_SYMBOL] || new Map();
+        if (currentThemePropsMap.size > 0 && mergedProps.theme) {
+            // Merge with any existing parent theme values
+            const combinedThemePropsMap = new Map(currentThemePropsMap);
+            if (parentThemePropsMap instanceof Map) {
+                parentThemePropsMap.forEach((val, key) => {
+                    if (!combinedThemePropsMap.has(key)) {
+                        combinedThemePropsMap.set(key, val);
+                    }
+                });
+            }
+            mergedProps.theme[THEME_PROPS_MAP_SYMBOL] = combinedThemePropsMap;
+        }
+        if (treePath && (treePath.indexOf('customComponent') > -1 || (treePath.startsWith('storybook') && treePath.split(' ').length == 2))) {
             mergedProps = {
                 ...mergedProps,
                 ...props,
@@ -96,13 +169,27 @@ export function mergeProps(componentType, globalTheme, defaultProps, props) {
     }
     return mergedProps;
 }
-function mergeThemeProps(componentThemeProps, mergedProps) {
+function mergeThemeProps(componentThemeProps, mergedProps, preserveExistingMapKeys = false) {
     // add theme props if they exist
     if (componentThemeProps) {
+        // Track prop-value pairs that came from theme (for detecting theme-derived props in children).
+        // When preserveExistingMapKeys is true (used for user overrides), existing map entries are not
+        // overwritten — only new keys are added. This preserves original theme-derived values in the
+        // map so child components can correctly identify which props came from the theme.
+        const existingThemePropsMap = mergedProps[THEME_PROPS_MAP_SYMBOL] || new Map();
+        for (const [key, value] of Object.entries(componentThemeProps)) {
+            // Only track primitive values and non-null objects (skip functions, undefined, etc.)
+            if (value !== undefined && value !== null && typeof value !== 'function') {
+                if (!preserveExistingMapKeys || !existingThemePropsMap.has(key)) {
+                    existingThemePropsMap.set(key, value);
+                }
+            }
+        }
         mergedProps = {
             ...mergedProps,
             ...componentThemeProps,
         };
+        mergedProps[THEME_PROPS_MAP_SYMBOL] = existingThemePropsMap;
     }
     return mergedProps;
 }

package/dist/esm/src/Snap.d.ts

@@ -60,7 +60,7 @@ export type SnapConfig = {
         recommendation?: SnapConfigControllerDefinition<RecommendationControllerConfig>[];
     };
 };
-type SnapServices = {
+export type SnapServices = {
     client?: Client;
     tracker?: Tracker;
     logger?: Logger;
@@ -91,5 +91,4 @@ export declare class Snap {
     };
     constructor(config: SnapConfig, services?: SnapServices);
 }
-export {};
 //# sourceMappingURL=Snap.d.ts.map

package/dist/esm/src/Snap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/Snap.js

@@ -209,7 +209,20 @@ export class Snap {
         let globalContext = {};
         try {
             // get global context
-            globalContext = getContext(['shopper', 'config', 'custom', 'merchandising', 'siteId', 'currency', 'page']);
+            globalContext = getContext([
+                'shopper',
+                'config',
+                'custom',
+                'merchandising',
+                'siteId',
+                'currency',
+                'page',
+                'backgroundFilters',
+                'collection',
+                'tags',
+                'category',
+                'brand',
+            ]);
         }
         catch (err) {
             console.error('Snap failed to find global context');
@@ -280,16 +293,28 @@ export class Snap {
                     this.mode = AppMode.development;
                 }
             }
+            const initiatorPrefix = window?.athos?.managed ? `managed/` : '';
             // client mode uses client config over snap config
             if (this.config.client) {
                 this.config.client.config = this.config.client.config || {};
-                this.config.client.config.initiator = `snap/preact/${version}`;
+                if (!this.config.client.config.initiator) {
+                    this.config.client.config.initiator = `athos/${initiatorPrefix}snap/preact/${version}`;
+                }
                 this.config.client.config.mode = this.config.client.config.mode || this.mode;
             }
             // feature check block
             configureSnapFeatures(this.config);
             this.client = services?.client || new Client(this.config.client.globals, this.config.client.config);
-            this.logger = services?.logger || new Logger({ prefix: 'Snap Preact ', mode: this.mode });
+            this.logger =
+                services?.logger ||
+                    new Logger({
+                        prefix: `${this.config.tracker?.config?.framework == 'snap/templates'
+                            ? 'Snap Preact Templates '
+                            : this.config.tracker?.config?.framework == 'snap/hybrid'
+                                ? 'Snap Preact Hybrid '
+                                : 'Snap Preact '}`,
+                        mode: this.mode,
+                    });
             // create tracker
             let trackerGlobals = this.config.tracker?.globals || this.config.client.globals;
             if (this.context.currency?.code) {
@@ -302,8 +327,10 @@ export class Snap {
                     cart: this.context.shopper.cart,
                 });
             }
-            const initiatorPrefix = window?.athos?.managed ? `managed/` : '';
-            const trackerConfig = deepmerge(this.config.tracker?.config || {}, { framework: `${initiatorPrefix}snap/preact`, mode: this.mode });
+            const trackerConfig = deepmerge(this.config.tracker?.config || {}, {
+                framework: `${initiatorPrefix}${this.config.tracker?.config?.framework || 'snap'}/preact`,
+                mode: this.mode,
+            });
             this.tracker = services?.tracker || new Tracker(trackerGlobals, trackerConfig);
             // log version
             this.logger.imageText({

package/dist/esm/src/SnapHybrid.d.ts

@@ -0,0 +1,12 @@
+import { Snap, SnapConfig, SnapServices } from './Snap';
+import { SnapTemplatesConfigLocked, SnapTemplatesConfigUnlocked } from './Templates/SnapTemplates';
+type HybridIntegrationConfig = {
+    templatesConfig: SnapTemplatesConfigLocked | SnapTemplatesConfigUnlocked;
+    snapConfig: SnapConfig;
+    services?: SnapServices;
+};
+export declare class SnapHybrid extends Snap {
+    constructor(config: HybridIntegrationConfig);
+}
+export {};
+//# sourceMappingURL=SnapHybrid.d.ts.map

package/dist/esm/src/SnapHybrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapHybrid.d.ts","sourceRoot":"","sources":["../../../src/SnapHybrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,2BAA2B,EAAoB,MAAM,2BAA2B,CAAC;AAKrH,KAAK,uBAAuB,GAAG;IAC9B,eAAe,EAAE,yBAAyB,GAAG,2BAA2B,CAAC;IACzE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,qBAAa,UAAW,SAAQ,IAAI;gBACvB,MAAM,EAAE,uBAAuB;CAqB3C"}

package/dist/esm/src/SnapHybrid.js

@@ -0,0 +1,27 @@
+import { Snap } from './Snap';
+import { createSnapConfig } from './Templates/SnapTemplates';
+import { TemplatesStore } from './Templates/Stores/TemplateStore';
+import deepmerge from 'deepmerge';
+import { isPlainObject } from 'is-plain-object';
+import { version } from '@athoscommerce/snap-toolbox';
+export class SnapHybrid extends Snap {
+    constructor(config) {
+        const templatesStore = new TemplatesStore({ config: config.templatesConfig });
+        const convertedTemplatesConfig = createSnapConfig(config.templatesConfig, templatesStore);
+        const mergedConfig = deepmerge(convertedTemplatesConfig, config.snapConfig, {
+            isMergeableObject: (value) => isPlainObject(value) || Array.isArray(value),
+            arrayMerge: (target, source) => [...target, ...source],
+        });
+        const initiatorPrefix = window?.athos?.managed ? `managed/` : '';
+        mergedConfig.client.config = {
+            ...mergedConfig.client.config,
+            initiator: `athos/${initiatorPrefix}snap/preact/hybrid/${version}`,
+        };
+        mergedConfig.tracker.config = {
+            ...mergedConfig.tracker.config,
+            initiator: `athos/${initiatorPrefix}snap/preact/hybrid/${version}`,
+            framework: 'snap/hybrid',
+        };
+        super(mergedConfig, { ...config.services, templatesStore });
+    }
+}

package/dist/esm/src/Templates/SnapTemplates.d.ts

@@ -2,36 +2,35 @@ import { Snap } from '../Snap';
 import { TemplatesStore } from './Stores/TemplateStore';
 import { type SearchStoreConfigSettings, type AutocompleteStoreConfigSettings } from '@athoscommerce/snap-store-mobx';
 import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import type { PluginGrouping } from '@athoscommerce/snap-controller';
 import type { RecommendationInstantiatorConfigSettings, RecommendationComponentObject } from '../Instantiators/RecommendationInstantiator';
 import type { SnapFeatures } from '../types';
 import type { SnapConfig, ExtendedTarget } from '../Snap';
-import type { PluginsConfigs, TemplateStoreConfigConfig } from './Stores/TemplateStore';
+import type { PluginsConfigs, PluginsConfigsUnlocked, TemplateStoreConfigConfig, TemplateStoreConfigConfigUnlocked } from './Stores/TemplateStore';
 import { LibraryImports } from './Stores/LibraryStore';
 export declare const TEMPLATE_EDIT_COOKIE = "athosEditor";
+export declare const TEMPLATE_EDITOR_PARAM = "athos-editor";
 export type SearchTargetConfig = {
     selector: string;
     component: keyof LibraryImports['component']['search'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type AutocompleteTargetConfig = {
     selector: string;
     inputSelector?: string;
     component: keyof LibraryImports['component']['autocomplete'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type RecommendationDefaultTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['default'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type RecommendationEmailTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['email'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
 export type RecommendationBundleTargetConfig = {
     component: keyof LibraryImports['component']['recommendation']['bundle'];
-    resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
 };
-export type SnapTemplatesConfig = TemplateStoreConfigConfig & {
+export type SnapTemplatesConfig = SnapTemplatesConfigUnlocked | SnapTemplatesConfigLocked;
+export type SnapTemplatesConfigLocked = TemplateStoreConfigConfig & {
+    unlocked: false;
     url?: UrlTranslatorConfig;
     features?: SnapFeatures;
     search?: {
@@ -58,6 +57,18 @@ export type SnapTemplatesConfig = TemplateStoreConfigConfig & {
         plugins?: PluginsConfigs;
     };
 };
+export type SnapTemplatesConfigUnlocked = Omit<SnapTemplatesConfigLocked, 'unlocked' | 'plugins' | 'search' | 'autocomplete' | 'recommendation'> & TemplateStoreConfigConfigUnlocked & {
+    unlocked: true;
+    search?: Omit<NonNullable<SnapTemplatesConfigLocked['search']>, 'plugins'> & {
+        plugins?: PluginsConfigsUnlocked;
+    };
+    autocomplete?: Omit<NonNullable<SnapTemplatesConfigLocked['autocomplete']>, 'plugins'> & {
+        plugins?: PluginsConfigsUnlocked;
+    };
+    recommendation?: Omit<NonNullable<SnapTemplatesConfigLocked['recommendation']>, 'plugins'> & {
+        plugins?: PluginsConfigsUnlocked;
+    };
+};
 export declare const DEFAULT_FEATURES: SnapFeatures;
 export declare const DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS: AutocompleteStoreConfigSettings;
 export declare class SnapTemplates extends Snap {
@@ -73,4 +84,5 @@ export declare function createRecommendationComponentMapping(templateConfig: Sna
     [name: string]: RecommendationComponentObject;
 };
 export declare function createSnapConfig(templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore): SnapConfig;
+export declare function createPlugins(templateConfig: SnapTemplatesConfig, templatesStore: TemplatesStore, controllerType?: 'autocomplete' | 'search' | 'recommendation'): PluginGrouping[];
 //# sourceMappingURL=SnapTemplates.d.ts.map

package/dist/esm/src/Templates/SnapTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SnapTemplates.d.ts","sourceRoot":"","sources":["../../../../src/Templates/SnapTemplates.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/Templates/SnapTemplates.js

@@ -3,10 +3,10 @@ import { render } from 'preact';
 import deepmerge from 'deepmerge';
 import { Snap } from '../Snap';
 import { TemplateSelect } from '../../components/src/components/Atoms/TemplateSelect';
-import { DomTargeter, url, cookies, getContext, version } from '@athoscommerce/snap-toolbox';
+import { DomTargeter, url, cookies, version } from '@athoscommerce/snap-toolbox';
 import { TemplatesStore } from './Stores/TemplateStore';
 export const TEMPLATE_EDIT_COOKIE = 'athosEditor';
-const TEMPLATE_EDITOR_PARAM = 'athos-editor';
+export const TEMPLATE_EDITOR_PARAM = 'athos-editor';
 export const DEFAULT_FEATURES = {};
 export const DEFAULT_AUTOCOMPLETE_CONTROLLER_SETTINGS = {
     trending: {
@@ -19,22 +19,6 @@ export class SnapTemplates extends Snap {
         const editMode = Boolean((urlParams?.params?.query && TEMPLATE_EDITOR_PARAM in urlParams.params.query) || cookies.get(TEMPLATE_EDIT_COOKIE));
         const templatesStore = new TemplatesStore({ config, settings: { editMode } });
         const snapConfig = createSnapConfig(config, templatesStore);
-        // get more context (all the things needed for the platform of choice as well as generic backgroundFilters)
-        let contextParams = ['backgroundFilters'];
-        switch (templatesStore.platform) {
-            case 'shopify':
-                contextParams = contextParams.concat(['collection', 'tags']);
-                break;
-            case 'bigCommerce':
-                contextParams = contextParams.concat(['category', 'brand']);
-                break;
-            case 'magento2':
-                contextParams = contextParams.concat(['category']);
-                break;
-            default:
-                break;
-        }
-        snapConfig.context = getContext(contextParams);
         super(snapConfig, { templatesStore });
         this.templates = templatesStore;
         if (editMode) {
@@ -97,10 +81,6 @@ export function mapBreakpoints(breakpointsKeys, breakpointSettings) {
 export const createSearchTargeters = (templateConfig, templatesStore) => {
     const targets = templateConfig.search?.targets || [];
     return targets.map((target) => {
-        // use theme provided resultComponent if specified
-        if (!target.resultComponent && templateConfig.theme.resultComponent) {
-            target.resultComponent = templateConfig.theme.resultComponent;
-        }
         const targetId = templatesStore.addTarget('search', target);
         const targeter = {
             selector: target.selector,
@@ -108,9 +88,6 @@ export const createSearchTargeters = (templateConfig, templatesStore) => {
             component: async () => {
                 const componentImportPromises = [];
                 componentImportPromises.push(templatesStore.library.import.component.search[target.component]());
-                if (target.resultComponent && templatesStore.library.import.component.result[target.resultComponent]) {
-                    componentImportPromises.push(templatesStore.library.import.component.result[target.resultComponent]());
-                }
                 await Promise.all(componentImportPromises);
                 return TemplateSelect;
             },
@@ -122,19 +99,12 @@ export const createSearchTargeters = (templateConfig, templatesStore) => {
 export function createAutocompleteTargeters(templateConfig, templatesStore) {
     const targets = templateConfig.autocomplete?.targets || [];
     return targets.map((target) => {
-        // use theme provided resultComponent if specified
-        if (!target.resultComponent && templateConfig.theme.resultComponent) {
-            target.resultComponent = templateConfig.theme.resultComponent;
-        }
         const targetId = templatesStore.addTarget('autocomplete', target);
         const targeter = {
             selector: target.selector,
             component: async () => {
                 const componentImportPromises = [];
                 componentImportPromises.push(templatesStore.library.import.component.autocomplete[target.component]());
-                if (target.resultComponent && templatesStore.library.import.component.result[target.resultComponent]) {
-                    componentImportPromises.push(templatesStore.library.import.component.result[target.resultComponent]());
-                }
                 await Promise.all(componentImportPromises);
                 return TemplateSelect;
             },
@@ -155,10 +125,6 @@ export function createRecommendationComponentMapping(templateConfig, templatesSt
         Object.keys(templateConfig.recommendation[recsType] || {}).forEach((targetName) => {
             const type = `recommendation/${recsType}`;
             const target = templateConfig.recommendation[recsType][targetName];
-            // use theme provided resultComponent if specified
-            if (!target.resultComponent && templateConfig.theme.resultComponent) {
-                target.resultComponent = templateConfig.theme.resultComponent;
-            }
             const mappedConfig = {
                 component: async () => {
                     const componentImportPromises = [];
@@ -179,9 +145,6 @@ export function createRecommendationComponentMapping(templateConfig, templatesSt
                             break;
                         }
                     }
-                    if (target.resultComponent && templatesStore.library.import.component.result[target.resultComponent]) {
-                        componentImportPromises.push(templatesStore.library.import.component.result[target.resultComponent]());
-                    }
                     await Promise.all(componentImportPromises);
                     return TemplateSelect;
                 },
@@ -199,6 +162,7 @@ export function createRecommendationComponentMapping(templateConfig, templatesSt
     }, {});
 }
 export function createSnapConfig(templateConfig, templatesStore) {
+    const initiatorPrefix = window?.athos?.managed ? `managed/` : '';
     const snapConfig = {
         features: templateConfig.features || DEFAULT_FEATURES,
         client: {
@@ -207,11 +171,12 @@ export function createSnapConfig(templateConfig, templatesStore) {
             },
             config: {
                 ...(templateConfig.config?.client || {}),
-                initiator: `snap/templates/${version}`,
+                initiator: `athos/${initiatorPrefix}snap/preact/templates/${version}`,
             },
         },
         tracker: {
             config: {
+                initiator: `athos/${initiatorPrefix}snap/preact/templates/${version}`,
                 framework: 'snap/templates',
             },
         },
@@ -318,8 +283,7 @@ export function createSnapConfig(templateConfig, templatesStore) {
     }
     return snapConfig;
 }
-// TODO: DRY up and support dynamic imports
-function createPlugins(templateConfig, templatesStore, controllerType) {
+export function createPlugins(templateConfig, templatesStore, controllerType) {
     const plugins = [];
     let controllerConfig;
     if (controllerType) {
@@ -384,5 +348,13 @@ function createPlugins(templateConfig, templatesStore, controllerType) {
         default:
             break;
     }
+    // Handle custom plugins (only available when unlocked: true)
+    const customPlugins = deepmerge(templateConfig.plugins?.custom || {}, controllerConfig?.plugins?.custom || {});
+    Object.keys(customPlugins).forEach((pluginName) => {
+        const customPlugin = customPlugins[pluginName];
+        if (customPlugin?.function) {
+            plugins.push([customPlugin.function, ...(customPlugin.args || [])]);
+        }
+    });
     return plugins;
 }