feature-toggle-api 4.1.1 → 5.0.0

package/dist/feature-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-toggle.js","names":[],"sources":["../src/plugins/urlplugin/plugin-url.ts","../src/plugins/htmlplugin/plugin-html.ts","../src/featureToggle.ts"],"sourcesContent":["interface URLPluginConfig{\n    useMockedWindow?: boolean,\n    url?: string,\n    prefix?: string\n\n}\n\nfunction useWindowMock(){\n    return {\n        isMocked: true,\n        decodeURIComponent:function(param1){\n            return param1;\n        }\n    }\n}\n\ndeclare global {\n    interface Window {\n      isMocked: boolean\n    }\n  }\n\n  declare var window: Window;\n\nfunction parseValue(value){\n    if(value === 'true')\n        return true;\n    return false;\n}\n\nfunction getParams(url,window) {\n    var params = {};\n    if (!url) \n        return [];\n    \n    var urlparts = url.split(\"?\");\n\n    //no params available for url\n    if(urlparts.length < 2)\n        return [];\n\n    const parts = urlparts[1].split('&');\n\n    parts.forEach(function (part) {\n    var pair = part.split('=');\n    pair[0] = window.decodeURIComponent(pair[0]);\n    pair[1] = parseValue(window.decodeURIComponent(pair[1]));\n    params[pair[0]] = (pair[1] !== 'undefined') ?\n        pair[1] : true;\n    });\n\n    return params;\n  }\n\n function urlPlugin(config: URLPluginConfig={}) {\n    let _window;\n\n    if(config.useMockedWindow)\n        _window = useWindowMock();\n    else\n        _window = window;\n    \n    config = Object.assign({},{\n        url: _window.isMocked ? \"\" : _window.location.href,\n        prefix: \"\"\n    },config);\n\n    \n\n    return function(api){\n        api.url = config.url;\n        const urlparams = getParams(config.url,_window);\n        const prefix = config.prefix;\n\n        Object.keys(urlparams).forEach(key => {\n            if(!key.startsWith(prefix))\n                return;\n                \n            const keyWithoutPrefix = key.replace(prefix,\"\");\n            api.visibility(keyWithoutPrefix,urlparams[key]);\n        });\n\n        return {name: 'urlplugin'};\n    }\n\n}\n\nexport {\n    urlPlugin\n}","type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid';\n\ninterface HtmlPluginConfig {\n    renderedTag?: string,\n    featureTagName?: string,\n    tagAttributeName?: string,\n    nameAttributeName?:string,\n    variantAttributeName?: string,\n    dataAttributeName?: string,\n    displayAttributeName?: string,\n    defaultDisplay?: Display,\n}\n\n/*\n    creates a tag that is shown / hidden, depending on the visibility rules.\n    if not configured dynamically, it looks like this:\n    <feature name=\"featurename\" variant=\"variantname\" data=\"data\">content </feature>\n\n    Parameter: (config)\n    - config.featureTagName: name of the tag. Default: \"feature\"\n    - nameAttributeName: Name of the Name-Attribute: default: \"name\"\n    - variantAttributeName: Name of the Variant-Attribute: default: \"variant\"\n*/\nconst defaultparams :HtmlPluginConfig = {\n    renderedTag: 'div',\n    featureTagName: 'feature',\n    tagAttributeName: 'tag',\n    nameAttributeName:'name',\n    variantAttributeName: 'variant',\n    dataAttributeName: 'data',\n    displayAttributeName: 'display',\n    defaultDisplay: 'block',\n}\nfunction parseDataAttribute(attrAsString){\n    try{\n        return JSON.parse(attrAsString);\n    }\n    catch(e)\n    {\n        if(!isNaN(parseFloat(attrAsString)))\n            return parseFloat(attrAsString);\n        \n        return attrAsString;\n    }\n}\n\nfunction htmlPlugin(config :HtmlPluginConfig = {}) {\n    config = Object.assign({},defaultparams,config);\n\n    function renderFeatureTag(elem:HTMLElement,isVisible){\n        const tagname = elem.getAttribute(config.tagAttributeName) || config.renderedTag;\n        const attributes = Array.from(elem.attributes);\n        let attributesAsString = \"\";\n        attributes.forEach(attr => {\n            attributesAsString += ` ${attr.nodeName}=\"${attr.nodeValue.replace(/\"/g,\"&quot;\")}\"`;\n        });\n        const display = isVisible ? (elem.getAttribute(config.displayAttributeName) || config.defaultDisplay) : 'none';\n        elem.outerHTML = `<${tagname}  style=\"display:${display}\" _feature=\"true\" ${attributesAsString}>${elem.innerHTML}</${tagname}>`;\n    } \n    return function (api) {\n        var renderedTags :NodeListOf<HTMLElement> = window.document.querySelectorAll(config.featureTagName);\n        renderedTags.forEach(tag => { renderFeatureTag(tag,false) });\n\n        api.on('visibilityrule', function (event) {\n            var selector = `[_feature][${config.nameAttributeName}=\"${event.name}\"]`;\n            if (event.variant) selector += `[${config.variantAttributeName}=\"${event.variant}\"]`;\n            var elements :NodeListOf<HTMLElement> = document.querySelectorAll(selector);\n            elements.forEach(elem => { \n                const dataAsString = elem.getAttribute(config.dataAttributeName);\n                const data = parseDataAttribute(dataAsString);\n                \n                const isVisible = api.isVisible(event.name,event.variant,data);\n                renderFeatureTag(elem, isVisible);\n            });\n        })\n\n        return { name: 'htmlplugin' };\n    }\n}\n\nexport {\n    htmlPlugin\n}","import { EventType, FeatureToggleApi, FeatureToggleConfig, OnEvent, OnConfiguration, Plugin, Rule, FeatureFlag } from \"./types\";\n\nfunction parseToFn(fnOrBool: boolean | ((param?: any) => boolean)): (param?: any) => boolean {\n    if (typeof fnOrBool === 'boolean') {\n        return function () {\n            return fnOrBool;\n        };\n    }\n\n    return fnOrBool;\n}\n\nfunction getKey(name: string, variant?: string): string {\n    let key = name.toLowerCase();\n    if (variant && typeof variant === 'string') {\n        key += `#${variant.toLowerCase()}`;\n    }\n\n    return key;\n}\n\nfunction initVisibilities(visibilities: FeatureToggleConfig = {}): Record<string, (param?: any) => boolean> {\n    const returnVisibilities: Record<string, (param?: any) => boolean> = {};\n    Object.entries(visibilities).forEach(([key, value]) => {\n        if (key.startsWith('_') || key.startsWith('$')) {\n            return;\n        }\n\n        returnVisibilities[getKey(key)] = parseToFn(value as FeatureFlag);\n    });\n    return returnVisibilities;\n}\n\nfunction useFeatureToggle(config: FeatureToggleConfig = {}): FeatureToggleApi {\n\n    const globals: {\n        datas: Record<string, any>;\n        listeners: Partial<Record<EventType, Array<(param?: any) => void>>>;\n        visibilities: Record<string, (param?: any) => boolean>;\n        showLogs: boolean;\n        usedPlugins: Plugin[];\n    } = {\n        datas: {},\n        listeners: {},\n        visibilities: initVisibilities(config),\n        showLogs: false,\n        usedPlugins: [],\n    };\n\n    function init(api: FeatureToggleApi) {\n        if(config.$default){\n            api.setDefaultFlag(config.$default);\n        }\n\n        if(config.$required){\n            api.setRequiredFlag(config.$required);\n        }\n\n        const legacyPlugins = ((config as any)._plugins as Plugin[]) || [];\n        const allPlugins = [...(config.$plugins || []), ...legacyPlugins];\n\n        if (legacyPlugins.length) {\n            console.log('useFeatureToggle({_plugins:[]}): Key _plugins is deprecated. Use $plugins instead. This attribute will be removed in one of the next major versions.');\n        }\n\n\n        if (allPlugins.length) {\n            allPlugins.forEach(plugin => {\n                if (typeof plugin !== 'function')\n                    throw new Error('featuretoggleapi()-constructor: config.plugins needs functions as entries, not ' + typeof plugin + '.');\n\n                api.addPlugin(plugin);\n            });\n        }\n\n        triggerEvent('init');\n    }\n\n    function triggerEvent(eventtype: EventType, param?: any): void {\n        (globals.listeners[eventtype] || []).forEach((listener: (param?: any) => void) => {\n            listener(param);\n        });\n    }\n\n    const log = function (message: string): void {\n        if (!globals.showLogs) {\n            return;\n        }\n\n        // Nur Browser können Syntaxhighlighting, die anderen geben die Nachricht einfach aus und schneiden die Styletags raus\n        if (globalThis.window === undefined) {\n            const loggedMessage = message.replaceAll('<b>', '');\n            console.log(loggedMessage);\n            return;\n        }\n\n        const hasBoldTag = message.includes('<b>');\n        const hasVisibleKeyword = message.includes('visible');\n        const hasHiddenKeyword = message.includes('hidden');\n\n        let formattedMessage = message.replaceAll('visible', '%cvisible');\n        formattedMessage = formattedMessage.replaceAll('hidden', '%chidden');\n\n        if (hasVisibleKeyword) {\n            console.log(formattedMessage, 'color:green;font-weight:bold;');\n        } else if (hasHiddenKeyword) {\n            console.log(formattedMessage, 'color:red;font-weight:bold;');\n        } else if (hasBoldTag) {\n            formattedMessage = formattedMessage.replace('<b>', '%c');\n            const parts = [formattedMessage, 'font-weight:bold;'];\n            console.log(...parts);\n        } else {\n            console.log(message);\n        }\n    };\n\n    const logAndReturn = function (returnValue: boolean, message: string): boolean {\n        log(message);\n        log('');\n        return returnValue;\n    };\n\n    const getVisibility = function (\n        visibilityFn: ((rule: Rule) => boolean) | undefined,\n        functionName: string,\n        name: string,\n        variant?: string,\n        data?: any\n    ): boolean | undefined {\n        if (visibilityFn == null) {\n            return undefined;\n        }\n\n        const calculatedVisibility = visibilityFn({ name, variant: variant ?? undefined, data });\n\n        if (typeof calculatedVisibility === 'boolean') {\n            return calculatedVisibility;\n        }\n\n        return logAndReturn(false, `The ${functionName} returns ${calculatedVisibility}. => Please return true or false. This result (and all non-boolean results) will return false.`);\n    };\n\n    function parseKey(key: string): OnEvent {\n        const parts = key.split('#');\n        return {\n            name: parts[0],\n            variant: parts.length > 1 ? parts[1] : undefined,\n            data: globals.datas[key],\n        };\n    }\n\n    /*\n        the following calls are possible:\n        visibility(name,result);\n        visibility(name,variant,result);\n        visibility(name,variant,data,result);\n    \n        =>\n        param1: name\n        param2: result || variant\n        param3: result || data\n        param4: result\n    */\n    const visibilityFnParams = function (\n        param1: any,\n        param2?: any,\n        param3?: any,\n        param4?: any\n    ): { name: string; variant?: string | null; data?: any; result?: boolean | ((rule: Rule) => boolean) } {\n        // name must always be set\n        if (param1 === undefined) {\n            throw new Error('feature.visibility(): 1st parameter name must be defined');\n        }\n\n        if (arguments.length === 1) {\n            throw new Error('feature.visibility(): 2nd parameter name must be a boolean or function, but is empty');\n        }\n\n        const name = param1;\n        let variant: string | null | undefined = null;\n        let data: any = null;\n        let result: boolean | ((rule: Rule) => boolean) | undefined = undefined;\n\n        if (param3 === undefined && param4 === undefined) {\n            result = param2;\n        } else if (param4 === undefined) {\n            variant = param2;\n            result = param3;\n        } else {\n            variant = param2;\n            data = param3;\n            result = param4;\n        }\n\n        return {\n            name,\n            variant,\n            data,\n            result,\n        };\n    };\n\n    const getEvent = (\n        name: string,\n        variant?: string | null,\n        data?: any,\n        result?: boolean | ((rule: Rule) => boolean)\n    ): OnEvent & { key: string; visibilityFunction?: (param?: any) => boolean } => {\n        const event: OnEvent & { key?: string; visibilityFunction?: (param?: any) => boolean } = {\n            name,\n            variant: variant ?? undefined,\n            data,\n        };\n\n        event.key = getKey(event.name, event.variant);\n\n        if (result == null) {\n            return event as OnEvent & { key: string };\n        }\n\n        event.visibilityFunction = parseToFn(result);\n        event.result = event.visibilityFunction({\n            name: event.name,\n            variant: event.variant,\n            data: event.data || {},\n            _internalCall: true,\n            description: 'When attaching a function, the result must be calculated internally. You can filter this out with the _internalCall:true -Flag.',\n        });\n\n        return event as OnEvent & { key: string; visibilityFunction: (param?: any) => boolean };\n    };\n\n\n\n    function isActive(name: string, variant?: string, data?: any): boolean {\n        const visibilities = globals.visibilities;\n        const dataInfo = data ? ` with data ${JSON.stringify(data)}` : '';\n\n        log(`\\nCheck Visibility of <b>Feature \"${name}\", variant \"${variant ?? ''}\"${dataInfo}.`);\n        if (name === undefined) {\n            throw new Error('The attribute \"name\" is required for tag <feature></feature>. Example: <feature name=\"aname\"></feature>');\n        }\n\n        const requiredFn = visibilities['_required'];\n        const requiredFnExists = requiredFn != null;\n        const requiredFnResult = getVisibility(requiredFn, 'requiredVisibility', name, variant, data);\n\n        if (!requiredFnExists) {\n            log('No requiredVisibility rule specified for this feature.');\n        } else if (requiredFnResult === true) {\n            log('The requiredVisibility rule returns true. This feature will be shown when no other rule rejects it.');\n        } else {\n            return logAndReturn(false, 'The requiredVisibility rule returns false. This feature will be hidden.');\n        }\n\n        const visibilityFnKey = getKey(name, variant);\n        const visibilityFn = visibilities[visibilityFnKey];\n        const visibilityFnExists = visibilityFn != null;\n        const visibilityFnResult = getVisibility(visibilityFn, 'visibility function', name, variant, data);\n\n        if (visibilityFnExists) {\n            return logAndReturn(visibilityFnResult ?? false, `The visibility rule returns ${visibilityFnResult}. This feature will be ${visibilityFnResult ? 'visible' : 'hidden'}.`);\n        }\n\n        log('No visibility rule found matching name and variant.');\n\n        const variantExists = variant != null;\n        const visibilityOnlyNameFnKey = getKey(name);\n        const visibilityOnlyNameFn = visibilities[visibilityOnlyNameFnKey];\n        const visibilityOnlyNameFnResult = getVisibility(visibilityOnlyNameFn, 'visibility function (only name)', name, variant, data);\n\n        if (variantExists && typeof visibilityOnlyNameFnResult === 'boolean') {\n            return logAndReturn(visibilityOnlyNameFnResult, `Found a visibility rule for name ${name} without variants. The rule returns ${visibilityOnlyNameFnResult}. => This feature will be ${visibilityOnlyNameFnResult ? 'visible' : 'hidden'}.`);\n        }\n\n        if (variantExists) {\n            log(`No rules found for name ${name} without variants.`);\n        }\n\n        const defaultFn = visibilities['_default'];\n        const defaultFnExists = defaultFn != null;\n        const defaultFnResult = getVisibility(defaultFn, 'defaultVisibility', name, variant, data);\n\n        return evaluateFallbackRules(requiredFnExists, variantExists, visibilityOnlyNameFnResult, defaultFnExists, defaultFnResult, name);\n    }\n\n    function evaluateFallbackRules(\n        requiredFnExists: boolean,\n        variantExists: boolean,\n        visibilityOnlyNameFnResult: boolean | undefined,\n        defaultFnExists: boolean,\n        defaultFnResult: boolean | undefined,\n        name: string\n    ): boolean {\n        if (variantExists && typeof visibilityOnlyNameFnResult === 'boolean') {\n            return logAndReturn(visibilityOnlyNameFnResult, `Found a visibility rule for name ${name} without variants. The rule returns ${visibilityOnlyNameFnResult}. => This feature will be ${visibilityOnlyNameFnResult ? 'visible' : 'hidden'}.`);\n        }\n\n        if (variantExists) {\n            log(`No rules found for name ${name} without variants.`);\n        }\n\n        if (defaultFnExists) {\n            return logAndReturn(defaultFnResult ?? false, `Found a defaultVisibility rule. The rule returns ${defaultFnResult}. => This feature will be ${defaultFnResult ? 'visible' : 'hidden'}.`);\n        }\n\n        log('No default rule found.');\n\n        if (requiredFnExists) {\n            return logAndReturn(true, 'Only the requiredVisibility rule was found. This returned true. => This feature will be visible.');\n        }\n\n        return logAndReturn(false, 'No rules were found. This feature will be hidden.');\n    }\n\n    const api: FeatureToggleApi = {\n        name: 'feature-toggle-api',\n        setData: function (nameParam: string, variantOrDataParam?: string | Record<string, any>, dataParam?: any): void {\n            if (nameParam === undefined) {\n                throw new Error('setData(): The name of the feature must be defined, but is undefined');\n            }\n\n            const variant = dataParam === undefined ? undefined : (variantOrDataParam as string);\n            const data = dataParam === undefined ? variantOrDataParam : dataParam;\n\n            const event = getEvent(nameParam, variant, data);\n\n            globals.datas[event.key] = event.data;\n            triggerEvent('visibilityrule', event);\n        },\n        on(eventtype: EventType, fn: (event: OnEvent) => void, config?: OnConfiguration): void {\n            globals.listeners[eventtype] = globals.listeners[eventtype] || [];\n            globals.listeners[eventtype].push(fn);\n\n            triggerEvent('registerEvent', {\n                type: eventtype,\n            });\n\n            if (config?.ignorePreviousRules) {\n                return;\n            }\n\n            Object.keys(globals.visibilities).forEach(key => {\n                const event = parseKey(key);\n                const rule = globals.visibilities[key];\n                event.result = rule(event);\n                fn(event);\n            });\n        },\n        trigger: triggerEvent,\n        showLogs: function (showLogs?: boolean): void {\n            globals.showLogs = showLogs ?? true;\n        },\n        isVisible(name,variant,data){\n            console.log('featureToggle.isVisible is deprecated. use featureToggle.isActive instead. This function will be removed in one of the next major versions.');\n            return isActive(name,variant,data);\n        },\n        isActive,\n        /**\n            the following function calls are possible:\n            visibility(name,result);\n            visibility(name,variant,result);\n            visibility(name,variant,data,result);\n         */\n        setFlag(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | ((rule: Rule) => boolean)) {\n            const params = visibilityFnParams(name, resultOrVariant, resultOrData, result);\n            const event = getEvent(params.name, params.variant, params.data, params.result);\n\n            globals.visibilities[event.key] = event.visibilityFunction!;\n            globals.datas[event.key] = event.data;\n            triggerEvent('visibilityrule', event);\n        },\n        visibility: function (name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | ((rule: Rule) => boolean)) {\n            console.log('featureToggle.visibility is deprecated. use featureToggle.setVisibility instead. This function will be removed in one of the next major versions.');\n\n            api.setFlag(name, resultOrVariant, resultOrData, result);\n        },\n        requiredVisibility: function (fn) {\n            console.log('featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions.');\n\n            api.setRequiredFlag(fn);\n        },\n        defaultVisibility: function (fn) {\n            console.log('featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions.');\n\n            api.setDefaultFlag(fn);\n        },\n        setRequiredFlag(fn) {\n            if (typeof fn != \"function\")\n                throw new Error('feature.setRequiredFlag(): 1st parameter must be a function, but is ' + typeof fn);\n\n            globals.visibilities['_required'] = parseToFn(fn);\n        },\n        setDefaultFlag(fn) {\n            if (typeof fn != \"function\")\n                throw new Error('feature.defaultVisibility(): 1st parameter must be a function, but is ' + typeof fn);\n\n            globals.visibilities['_default'] = parseToFn(fn);\n        },\n        addPlugin: function (plugin: Plugin): void {\n            if (globals.usedPlugins.includes(plugin)) {\n                return;\n            }\n\n            const newPlugin = plugin(api) as Partial<FeatureToggleApi>;\n\n            for(let _key of Object.keys(newPlugin)){\n                api[_key] = newPlugin[_key];\n            }\n\n            globals.usedPlugins.push(plugin);\n        },\n    };\n    init(api);\n\n    return api;\n}\n\nexport default useFeatureToggle;"],"mappings":"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"}

package/dist/featureToggle.d.ts

@@ -0,0 +1,3 @@
+import { FeatureToggleApi, FeatureToggleConfig } from './types';
+declare function useFeatureToggle(config?: FeatureToggleConfig): FeatureToggleApi;
+export default useFeatureToggle;

package/dist/html-plugin.js

@@ -0,0 +1,42 @@
+//#region src/plugins/htmlplugin/plugin-html.ts
+var e = {
+	renderedTag: "div",
+	featureTagName: "feature",
+	tagAttributeName: "tag",
+	nameAttributeName: "name",
+	variantAttributeName: "variant",
+	dataAttributeName: "data",
+	displayAttributeName: "display",
+	defaultDisplay: "block"
+};
+function t(e) {
+	try {
+		return JSON.parse(e);
+	} catch {
+		return isNaN(parseFloat(e)) ? e : parseFloat(e);
+	}
+}
+function n(n = {}) {
+	n = Object.assign({}, e, n);
+	function r(e, t) {
+		let r = e.getAttribute(n.tagAttributeName) || n.renderedTag, i = Array.from(e.attributes), a = "";
+		i.forEach((e) => {
+			a += ` ${e.nodeName}="${e.nodeValue.replace(/"/g, """)}"`;
+		}), e.outerHTML = `<${r}  style="display:${t ? e.getAttribute(n.displayAttributeName) || n.defaultDisplay : "none"}" _feature="true" ${a}>${e.innerHTML}</${r}>`;
+	}
+	return function(e) {
+		return window.document.querySelectorAll(n.featureTagName).forEach((e) => {
+			r(e, !1);
+		}), e.on("visibilityrule", function(i) {
+			var a = `[_feature][${n.nameAttributeName}="${i.name}"]`;
+			i.variant && (a += `[${n.variantAttributeName}="${i.variant}"]`), document.querySelectorAll(a).forEach((a) => {
+				let o = t(a.getAttribute(n.dataAttributeName));
+				r(a, e.isVisible(i.name, i.variant, o));
+			});
+		}), { name: "htmlplugin" };
+	};
+}
+//#endregion
+export { n as htmlPlugin };
+
+//# sourceMappingURL=html-plugin.js.map

package/dist/html-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-plugin.js","names":[],"sources":["../src/plugins/htmlplugin/plugin-html.ts"],"sourcesContent":["type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid';\n\ninterface HtmlPluginConfig {\n    renderedTag?: string,\n    featureTagName?: string,\n    tagAttributeName?: string,\n    nameAttributeName?:string,\n    variantAttributeName?: string,\n    dataAttributeName?: string,\n    displayAttributeName?: string,\n    defaultDisplay?: Display,\n}\n\n/*\n    creates a tag that is shown / hidden, depending on the visibility rules.\n    if not configured dynamically, it looks like this:\n    <feature name=\"featurename\" variant=\"variantname\" data=\"data\">content </feature>\n\n    Parameter: (config)\n    - config.featureTagName: name of the tag. Default: \"feature\"\n    - nameAttributeName: Name of the Name-Attribute: default: \"name\"\n    - variantAttributeName: Name of the Variant-Attribute: default: \"variant\"\n*/\nconst defaultparams :HtmlPluginConfig = {\n    renderedTag: 'div',\n    featureTagName: 'feature',\n    tagAttributeName: 'tag',\n    nameAttributeName:'name',\n    variantAttributeName: 'variant',\n    dataAttributeName: 'data',\n    displayAttributeName: 'display',\n    defaultDisplay: 'block',\n}\nfunction parseDataAttribute(attrAsString){\n    try{\n        return JSON.parse(attrAsString);\n    }\n    catch(e)\n    {\n        if(!isNaN(parseFloat(attrAsString)))\n            return parseFloat(attrAsString);\n        \n        return attrAsString;\n    }\n}\n\nfunction htmlPlugin(config :HtmlPluginConfig = {}) {\n    config = Object.assign({},defaultparams,config);\n\n    function renderFeatureTag(elem:HTMLElement,isVisible){\n        const tagname = elem.getAttribute(config.tagAttributeName) || config.renderedTag;\n        const attributes = Array.from(elem.attributes);\n        let attributesAsString = \"\";\n        attributes.forEach(attr => {\n            attributesAsString += ` ${attr.nodeName}=\"${attr.nodeValue.replace(/\"/g,\"&quot;\")}\"`;\n        });\n        const display = isVisible ? (elem.getAttribute(config.displayAttributeName) || config.defaultDisplay) : 'none';\n        elem.outerHTML = `<${tagname}  style=\"display:${display}\" _feature=\"true\" ${attributesAsString}>${elem.innerHTML}</${tagname}>`;\n    } \n    return function (api) {\n        var renderedTags :NodeListOf<HTMLElement> = window.document.querySelectorAll(config.featureTagName);\n        renderedTags.forEach(tag => { renderFeatureTag(tag,false) });\n\n        api.on('visibilityrule', function (event) {\n            var selector = `[_feature][${config.nameAttributeName}=\"${event.name}\"]`;\n            if (event.variant) selector += `[${config.variantAttributeName}=\"${event.variant}\"]`;\n            var elements :NodeListOf<HTMLElement> = document.querySelectorAll(selector);\n            elements.forEach(elem => { \n                const dataAsString = elem.getAttribute(config.dataAttributeName);\n                const data = parseDataAttribute(dataAsString);\n                \n                const isVisible = api.isVisible(event.name,event.variant,data);\n                renderFeatureTag(elem, isVisible);\n            });\n        })\n\n        return { name: 'htmlplugin' };\n    }\n}\n\nexport {\n    htmlPlugin\n}"],"mappings":";AAuBA,IAAM,IAAkC;CACpC,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAkB;CAClB,sBAAsB;CACtB,mBAAmB;CACnB,sBAAsB;CACtB,gBAAgB;AACpB;AACA,SAAS,EAAmB,GAAa;CACrC,IAAG;EACC,OAAO,KAAK,MAAM,CAAY;CAClC,QAEA;EAII,OAHI,MAAM,WAAW,CAAY,CAAC,IAG3B,IAFI,WAAW,CAAY;CAGtC;AACJ;AAEA,SAAS,EAAW,IAA2B,CAAC,GAAG;CAC/C,IAAS,OAAO,OAAO,CAAC,GAAE,GAAc,CAAM;CAE9C,SAAS,EAAiB,GAAiB,GAAU;EACjD,IAAM,IAAU,EAAK,aAAa,EAAO,gBAAgB,KAAK,EAAO,aAC/D,IAAa,MAAM,KAAK,EAAK,UAAU,GACzC,IAAqB;EAKzB,AAJA,EAAW,SAAQ,MAAQ;GACvB,KAAsB,IAAI,EAAK,SAAS,IAAI,EAAK,UAAU,QAAQ,MAAK,QAAQ,EAAE;EACtF,CAAC,GAED,EAAK,YAAY,IAAI,EAAQ,mBADb,IAAa,EAAK,aAAa,EAAO,oBAAoB,KAAK,EAAO,iBAAkB,OAChD,oBAAoB,EAAmB,GAAG,EAAK,UAAU,IAAI,EAAQ;CACjI;CACA,OAAO,SAAU,GAAK;EAiBlB,OAfA,OADmD,SAAS,iBAAiB,EAAO,cACpF,CAAA,CAAa,SAAQ,MAAO;GAAE,EAAiB,GAAI,EAAK;EAAE,CAAC,GAE3D,EAAI,GAAG,kBAAkB,SAAU,GAAO;GACtC,IAAI,IAAW,cAAc,EAAO,kBAAkB,IAAI,EAAM,KAAK;GAGrE,AAFI,EAAM,YAAS,KAAY,IAAI,EAAO,qBAAqB,IAAI,EAAM,QAAQ,MAEjF,SADiD,iBAAiB,CAClE,CAAA,CAAS,SAAQ,MAAQ;IAErB,IAAM,IAAO,EADQ,EAAK,aAAa,EAAO,iBACd,CAAY;IAG5C,EAAiB,GADC,EAAI,UAAU,EAAM,MAAK,EAAM,SAAQ,CAClC,CAAS;GACpC,CAAC;EACL,CAAC,GAEM,EAAE,MAAM,aAAa;CAChC;AACJ"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { urlPlugin } from './plugins/urlplugin/plugin-url';
+import { htmlPlugin } from './plugins/htmlplugin/plugin-html';
+import { default as useFeatureToggle } from './featureToggle';
+import { FeatureFlag, FeatureFlagKey, FeatureToggleApi, FeatureToggleApiBase, FeatureToggleConfig, FirstCharOfFeatureFlagKey, OnConfiguration, EventType, OnEvent } from './types';
+export { useFeatureToggle, urlPlugin, htmlPlugin, FeatureFlag, FeatureFlagKey, FeatureToggleApi, FeatureToggleApiBase, FeatureToggleConfig, FirstCharOfFeatureFlagKey, OnConfiguration, EventType, OnEvent };

package/dist/plugins/htmlplugin/plugin-html.d.ts

@@ -0,0 +1,15 @@
+type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid';
+interface HtmlPluginConfig {
+    renderedTag?: string;
+    featureTagName?: string;
+    tagAttributeName?: string;
+    nameAttributeName?: string;
+    variantAttributeName?: string;
+    dataAttributeName?: string;
+    displayAttributeName?: string;
+    defaultDisplay?: Display;
+}
+declare function htmlPlugin(config?: HtmlPluginConfig): (api: any) => {
+    name: string;
+};
+export { htmlPlugin };

package/dist/plugins/urlplugin/plugin-url.d.ts

@@ -0,0 +1,14 @@
+interface URLPluginConfig {
+    useMockedWindow?: boolean;
+    url?: string;
+    prefix?: string;
+}
+declare global {
+    interface Window {
+        isMocked: boolean;
+    }
+}
+declare function urlPlugin(config?: URLPluginConfig): (api: any) => {
+    name: string;
+};
+export { urlPlugin };

package/{src/types.ts → dist/types.d.ts}

@@ -1,117 +1,97 @@
 export interface OnConfiguration {
-    ignorePreviousRules: boolean
+    ignorePreviousRules: boolean;
 }
-export type Plugin = (api) => Partial<FeatureToggleApi>;
-
-export type EventType = 'visibilityrule' | 'init' | 'registerEvent' | string;
+export type Plugin = (api: FeatureToggleApi) => Partial<FeatureToggleApi>;
+export type EventType = 'visibilityrule' | 'init' | 'registerEvent' | (string & {});
 export interface OnEvent {
-    name: string,
-    variant: string,
-    data: any,
-    result?: boolean
+    name: string;
+    variant?: string;
+    data: any;
+    result?: boolean;
 }
-
-export type FirstCharOfFeatureFlagKey = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' |
-    'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
-    
+export type FirstCharOfFeatureFlagKey = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
 export type FeatureFlagKey = `${FirstCharOfFeatureFlagKey}${string}`;
-export type FeatureFlag = boolean | ((rule:Rule) => boolean);
+export type FeatureFlag = boolean | ((rule: Rule) => boolean);
 export interface FeatureToggleConfig {
-    [key: FeatureFlagKey]: FeatureFlag,
-    $plugins?: Plugin[]
+    [key: FeatureFlagKey]: FeatureFlag;
+    $plugins?: Plugin[];
     /**
      * @deprecated Use key`$plugins` instead.
      */
-    _plugins?: Plugin[]
-
+    _plugins?: Plugin[];
     /**
-     * This rule will always run before the main rule. 
+     * This rule will always run before the main rule.
      * If it returns false, the main rules will be skipped and false is returned
      */
-    $required?: FeatureFlag
-
+    $required?: FeatureFlag;
     /**
-     * This rule will always run after the main rule. 
+     * This rule will always run after the main rule.
      * If the main rule returns false, the result of the default rule will be taken.s
      */
-    $default?: FeatureFlag
+    $default?: FeatureFlag;
 }
-
 export interface Rule {
-    name: string,
-    variant: string,
-    data: any,
-    _internalCall?: true,
-    description?: string
+    name: string;
+    variant?: string;
+    data: any;
+    _internalCall?: true;
+    description?: string;
 }
-
 export interface FeatureToggleApiBase {
-    name: string,
+    name: string;
     setData(name: string, dataParam?: any): void;
-    setData(name: string, variant: string, dataParam?: any): void,
-    setData(nameParam: string, variantOrDataParam: string | { [key: string]: any },
-        dataParam?: any): void;
-
+    setData(name: string, variant: string, dataParam?: any): void;
+    setData(nameParam: string, variantOrDataParam: string | {
+        [key: string]: any;
+    }, dataParam?: any): void;
     on(eventType: EventType, fn: (event: OnEvent) => void, config?: OnConfiguration): void;
-    trigger(eventtype: EventType, param?: any);
-    showLogs(showLogs?: boolean): void
-
+    trigger(eventtype: EventType, param?: any): void;
+    showLogs(showLogs?: boolean): void;
     /**
      * @deprecated Use `featureToggle.isActive` instead.
      */
-    isVisible(name: string, variant?: string, data?: any): boolean
-
-    isActive(name: string, variant?: string, data?: any): boolean
-
+    isVisible(name: string, variant?: string, data?: any): boolean;
+    isActive(name: string, variant?: string, data?: any): boolean;
     /**
      * @deprecated Use `featureToggle.setFlag` instead.
      */
-    visibility(name: string, result: boolean | ((rule: Rule) => boolean)): void,
+    visibility(name: string, result: boolean | ((rule: Rule) => boolean)): void;
     /**
      * @deprecated Use `featureToggle.setFlag` instead.
      */
-    visibility(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void
+    visibility(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void;
     /**
      * @deprecated Use `featureToggle.setFlag` instead.
      */
-    visibility(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void,
+    visibility(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void;
     /**
      * @deprecated Use `featureToggle.setFlag` instead.
      */
-    visibility(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void
-
-    setFlag(name: string, result: boolean | ((rule: Rule) => boolean)): void,
-    setFlag(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void,
-    setFlag(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void,
-    setFlag(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void
-
+    visibility(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | ((rule: Rule) => boolean)): void;
+    setFlag(name: string, result: boolean | ((rule: Rule) => boolean)): void;
+    setFlag(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void;
+    setFlag(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void;
+    setFlag(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | ((rule: Rule) => boolean)): void;
     /**
      * @deprecated Use `featureToggle.setRequiredFlag` instead.
      */
-    requiredVisibility(fn: boolean | ((result: Rule) => boolean)): void
-
+    requiredVisibility(fn: boolean | ((result: Rule) => boolean)): void;
     /**
      * @deprecated Use `featureToggle.setDefaultFlag` instead.
      */
-    defaultVisibility(fn: boolean | ((result: Rule) => boolean)): void
-
+    defaultVisibility(fn: boolean | ((result: Rule) => boolean)): void;
     /**
      * This rule will run first and only if it is true, the feature.setFlag() - rules apply.
      * In other words: if the required-rule returns false, all feature.setFlag-rules return false - regardless of its normal result.
-     * @param fn 
+     * @param fn
      */
-    setRequiredFlag(fn: boolean | ((result: Rule) => boolean)): void
-
+    setRequiredFlag(fn: boolean | ((result: Rule) => boolean)): void;
     /**
      * This is the default-rule and will be overwritten by feature.setFlag() - rules.
      * In other words: If feature.setFlag == false, the result of the defaultRule applies.
      * @param fn DefaultRule
      */
-    setDefaultFlag(fn: boolean | ((result: Rule) => boolean)): void
-
-    addPlugin(plugin: Plugin)
+    setDefaultFlag(fn: boolean | ((result: Rule) => boolean)): void;
+    addPlugin(plugin: Plugin): void;
 }
-
 export type FeatureToggleApi = FeatureToggleApiBase & Record<string, any>;
-
-export function abc(){}

package/dist/url-plugin.js

@@ -0,0 +1,40 @@
+//#region src/plugins/urlplugin/plugin-url.ts
+function e() {
+	return {
+		isMocked: !0,
+		decodeURIComponent: function(e) {
+			return e;
+		}
+	};
+}
+function t(e) {
+	return e === "true";
+}
+function n(e, n) {
+	var r = {};
+	if (!e) return [];
+	var i = e.split("?");
+	return i.length < 2 ? [] : (i[1].split("&").forEach(function(e) {
+		var i = e.split("=");
+		i[0] = n.decodeURIComponent(i[0]), i[1] = t(n.decodeURIComponent(i[1])), r[i[0]] = i[1] === "undefined" || i[1];
+	}), r);
+}
+function r(t = {}) {
+	let r;
+	return r = t.useMockedWindow ? e() : window, t = Object.assign({}, {
+		url: r.isMocked ? "" : r.location.href,
+		prefix: ""
+	}, t), function(e) {
+		e.url = t.url;
+		let i = n(t.url, r), a = t.prefix;
+		return Object.keys(i).forEach((t) => {
+			if (!t.startsWith(a)) return;
+			let n = t.replace(a, "");
+			e.visibility(n, i[t]);
+		}), { name: "urlplugin" };
+	};
+}
+//#endregion
+export { r as urlPlugin };
+
+//# sourceMappingURL=url-plugin.js.map

package/dist/url-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-plugin.js","names":[],"sources":["../src/plugins/urlplugin/plugin-url.ts"],"sourcesContent":["interface URLPluginConfig{\n    useMockedWindow?: boolean,\n    url?: string,\n    prefix?: string\n\n}\n\nfunction useWindowMock(){\n    return {\n        isMocked: true,\n        decodeURIComponent:function(param1){\n            return param1;\n        }\n    }\n}\n\ndeclare global {\n    interface Window {\n      isMocked: boolean\n    }\n  }\n\n  declare var window: Window;\n\nfunction parseValue(value){\n    if(value === 'true')\n        return true;\n    return false;\n}\n\nfunction getParams(url,window) {\n    var params = {};\n    if (!url) \n        return [];\n    \n    var urlparts = url.split(\"?\");\n\n    //no params available for url\n    if(urlparts.length < 2)\n        return [];\n\n    const parts = urlparts[1].split('&');\n\n    parts.forEach(function (part) {\n    var pair = part.split('=');\n    pair[0] = window.decodeURIComponent(pair[0]);\n    pair[1] = parseValue(window.decodeURIComponent(pair[1]));\n    params[pair[0]] = (pair[1] !== 'undefined') ?\n        pair[1] : true;\n    });\n\n    return params;\n  }\n\n function urlPlugin(config: URLPluginConfig={}) {\n    let _window;\n\n    if(config.useMockedWindow)\n        _window = useWindowMock();\n    else\n        _window = window;\n    \n    config = Object.assign({},{\n        url: _window.isMocked ? \"\" : _window.location.href,\n        prefix: \"\"\n    },config);\n\n    \n\n    return function(api){\n        api.url = config.url;\n        const urlparams = getParams(config.url,_window);\n        const prefix = config.prefix;\n\n        Object.keys(urlparams).forEach(key => {\n            if(!key.startsWith(prefix))\n                return;\n                \n            const keyWithoutPrefix = key.replace(prefix,\"\");\n            api.visibility(keyWithoutPrefix,urlparams[key]);\n        });\n\n        return {name: 'urlplugin'};\n    }\n\n}\n\nexport {\n    urlPlugin\n}"],"mappings":";AAOA,SAAS,IAAe;CACpB,OAAO;EACH,UAAU;EACV,oBAAmB,SAAS,GAAO;GAC/B,OAAO;EACX;CACJ;AACJ;AAUA,SAAS,EAAW,GAAM;CAGtB,OAFG,MAAU;AAGjB;AAEA,SAAS,EAAU,GAAI,GAAQ;CAC3B,IAAI,IAAS,CAAC;CACd,IAAI,CAAC,GACD,OAAO,CAAC;CAEZ,IAAI,IAAW,EAAI,MAAM,GAAG;CAgB5B,OAbG,EAAS,SAAS,IACV,CAAC,KAIZ,EAFuB,EAAE,CAAC,MAAM,GAEhC,CAAA,CAAM,QAAQ,SAAU,GAAM;EAC9B,IAAI,IAAO,EAAK,MAAM,GAAG;EAGzB,AAFA,EAAK,KAAK,EAAO,mBAAmB,EAAK,EAAE,GAC3C,EAAK,KAAK,EAAW,EAAO,mBAAmB,EAAK,EAAE,CAAC,GACvD,EAAO,EAAK,MAAO,EAAK,OAAO,eAC3B,EAAK;CACT,CAAC,GAEM;AACT;AAED,SAAS,EAAU,IAAwB,CAAC,GAAG;CAC5C,IAAI;CAcJ,OAZA,AAGI,IAHD,EAAO,kBACI,EAAc,IAEd,QAEd,IAAS,OAAO,OAAO,CAAC,GAAE;EACtB,KAAK,EAAQ,WAAW,KAAK,EAAQ,SAAS;EAC9C,QAAQ;CACZ,GAAE,CAAM,GAID,SAAS,GAAI;EAChB,EAAI,MAAM,EAAO;EACjB,IAAM,IAAY,EAAU,EAAO,KAAI,CAAO,GACxC,IAAS,EAAO;EAUtB,OARA,OAAO,KAAK,CAAS,CAAC,CAAC,SAAQ,MAAO;GAClC,IAAG,CAAC,EAAI,WAAW,CAAM,GACrB;GAEJ,IAAM,IAAmB,EAAI,QAAQ,GAAO,EAAE;GAC9C,EAAI,WAAW,GAAiB,EAAU,EAAI;EAClD,CAAC,GAEM,EAAC,MAAM,YAAW;CAC7B;AAEJ"}

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfigFnObject;
+export default _default;

package/package.json

@@ -1,9 +1,24 @@
 {
   "name": "feature-toggle-api",
-  "version": "4.1.1",
+  "version": "5.0.0",
   "description": "Gives you advanced feature-toggle for any Framework",
-  "main": "dist/feature-toggle.js",
-  "types": "dist/feature-toggle.d.ts",
+  "module": "./dist/feature-toggle.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/feature-toggle.js"
+    },
+    "./html-plugin": {
+      "types": "./dist/plugins/htmlplugin/plugin-html.d.ts",
+      "import": "./dist/html-plugin.js"
+    },
+    "./url-plugin": {
+      "types": "./dist/plugins/urlplugin/plugin-url.d.ts",
+      "import": "./dist/url-plugin.js"
+    },
+    "./package.json": "./package.json"
+  },
   "license": "MIT",
   "author": "Manuel Gelsen",
   "type": "module",
@@ -12,7 +27,7 @@
     "test": "tsx --test tests/**/*.test.ts",
     "testonly": "tsx --test tests/**/*.test.ts",
     "prebuild": "rm -rf dist",
-    "build": "rollup -c rollup.config.js"
+    "build": "vite build --mode esm && vite build --mode html-esm && vite build --mode url-esm"
   },
   "repository": {
     "type": "git",
@@ -21,13 +36,13 @@
   "bugs": {
     "url": "https://github.com/bassdman/feature-toggle-api.git/issues"
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@types/node": "^22.10.7",
-    "rollup": "^4.31.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "tslib": "^2.8.1",
-    "tsx": "^4.19.2",
-    "@rollup/plugin-terser": "^0.4.4"
+    "@types/node": "^22.20.2",
+    "tsx": "^4.23.13",
+    "vite": "^8.3.0",
+    "vite-plugin-dts": "^5.1.0"
   }
 }

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,35 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,17 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

package/dist/feature-toggle.d.ts

@@ -1,130 +0,0 @@
-interface URLPluginConfig {
-    useMockedWindow?: boolean;
-    url?: string;
-    prefix?: string;
-}
-declare global {
-    interface Window {
-        isMocked: boolean;
-    }
-}
-declare function urlPlugin(config?: URLPluginConfig): (api: any) => {
-    name: string;
-};
-
-type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid';
-interface HtmlPluginConfig {
-    renderedTag?: string;
-    featureTagName?: string;
-    tagAttributeName?: string;
-    nameAttributeName?: string;
-    variantAttributeName?: string;
-    dataAttributeName?: string;
-    displayAttributeName?: string;
-    defaultDisplay?: Display;
-}
-declare function htmlPlugin(config?: HtmlPluginConfig): (api: any) => {
-    name: string;
-};
-
-interface OnConfiguration {
-    ignorePreviousRules: boolean;
-}
-type Plugin = (api: any) => Partial<FeatureToggleApi>;
-type EventType = 'visibilityrule' | 'init' | 'registerEvent' | string;
-interface OnEvent {
-    name: string;
-    variant: string;
-    data: any;
-    result?: boolean;
-}
-type FirstCharOfFeatureFlagKey = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
-type FeatureFlagKey = `${FirstCharOfFeatureFlagKey}${string}`;
-type FeatureFlag = boolean | ((rule: Rule) => boolean);
-interface FeatureToggleConfig {
-    [key: FeatureFlagKey]: FeatureFlag;
-    $plugins?: Plugin[];
-    /**
-     * @deprecated Use key`$plugins` instead.
-     */
-    _plugins?: Plugin[];
-    /**
-     * This rule will always run before the main rule.
-     * If it returns false, the main rules will be skipped and false is returned
-     */
-    $required?: FeatureFlag;
-    /**
-     * This rule will always run after the main rule.
-     * If the main rule returns false, the result of the default rule will be taken.s
-     */
-    $default?: FeatureFlag;
-}
-interface Rule {
-    name: string;
-    variant: string;
-    data: any;
-    _internalCall?: true;
-    description?: string;
-}
-interface FeatureToggleApiBase {
-    name: string;
-    setData(name: string, dataParam?: any): void;
-    setData(name: string, variant: string, dataParam?: any): void;
-    setData(nameParam: string, variantOrDataParam: string | {
-        [key: string]: any;
-    }, dataParam?: any): void;
-    on(eventType: EventType, fn: (event: OnEvent) => void, config?: OnConfiguration): void;
-    trigger(eventtype: EventType, param?: any): any;
-    showLogs(showLogs?: boolean): void;
-    /**
-     * @deprecated Use `featureToggle.isActive` instead.
-     */
-    isVisible(name: string, variant?: string, data?: any): boolean;
-    isActive(name: string, variant?: string, data?: any): boolean;
-    /**
-     * @deprecated Use `featureToggle.setFlag` instead.
-     */
-    visibility(name: string, result: boolean | ((rule: Rule) => boolean)): void;
-    /**
-     * @deprecated Use `featureToggle.setFlag` instead.
-     */
-    visibility(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void;
-    /**
-     * @deprecated Use `featureToggle.setFlag` instead.
-     */
-    visibility(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void;
-    /**
-     * @deprecated Use `featureToggle.setFlag` instead.
-     */
-    visibility(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void;
-    setFlag(name: string, result: boolean | ((rule: Rule) => boolean)): void;
-    setFlag(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void;
-    setFlag(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void;
-    setFlag(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void;
-    /**
-     * @deprecated Use `featureToggle.setRequiredFlag` instead.
-     */
-    requiredVisibility(fn: boolean | ((result: Rule) => boolean)): void;
-    /**
-     * @deprecated Use `featureToggle.setDefaultFlag` instead.
-     */
-    defaultVisibility(fn: boolean | ((result: Rule) => boolean)): void;
-    /**
-     * This rule will run first and only if it is true, the feature.setFlag() - rules apply.
-     * In other words: if the required-rule returns false, all feature.setFlag-rules return false - regardless of its normal result.
-     * @param fn
-     */
-    setRequiredFlag(fn: boolean | ((result: Rule) => boolean)): void;
-    /**
-     * This is the default-rule and will be overwritten by feature.setFlag() - rules.
-     * In other words: If feature.setFlag == false, the result of the defaultRule applies.
-     * @param fn DefaultRule
-     */
-    setDefaultFlag(fn: boolean | ((result: Rule) => boolean)): void;
-    addPlugin(plugin: Plugin): any;
-}
-type FeatureToggleApi = FeatureToggleApiBase & Record<string, any>;
-
-declare function useFeatureToggle(config?: FeatureToggleConfig): FeatureToggleApi;
-
-export { type EventType, type FeatureFlag, type FeatureFlagKey, type FeatureToggleApi, type FeatureToggleApiBase, type FeatureToggleConfig, type FirstCharOfFeatureFlagKey, type OnConfiguration, type OnEvent, htmlPlugin, urlPlugin, useFeatureToggle };