feat: support render flags

src/common.ts

@@ -35,6 +35,8 @@ export enum TabsVariants {
     Accordion = 'accordion',
 }
 
+export type EnabledVariants = Partial<Record<TabsVariants, boolean>>;
+
 export interface Tab {
     group?: string;
     key: string;

src/plugin/find.ts

@@ -46,7 +46,7 @@ export function props(content: string): TabsProps {
     const props = clean.split(' ');
     const result: TabsProps = {
         content: clean,
-        orientation: TabsVariants.Regular,
+        variant: TabsVariants.Regular,
         group: `${DEFAULT_TABS_GROUP_PREFIX}${generateID()}`,
     };
 
@@ -58,7 +58,7 @@ export function props(content: string): TabsProps {
             case 'radio':
             case 'dropdown':
             case 'accordion':
-                result.orientation = key as TabsVariants;
+                result.variant = key as TabsVariants;
                 break;
             case 'group':
                 result.group = unquote(value);

src/plugin/generate.ts

@@ -9,7 +9,7 @@ export function generateTabsTokens(
     state: StateCore,
     props: TabsGenerationProps,
 ) {
-    const tokens = generateTokensByType(props.orientation)(tabs, state, props);
+    const tokens = generateTokensByType(props.variant)(tabs, state, props);
 
     return tokens;
 }

src/plugin/transform.ts

@@ -1,6 +1,8 @@
 import type StateCore from 'markdown-it/lib/rules_core/state_core';
 import type MarkdownIt from 'markdown-it';
 
+import {EnabledVariants, TabsVariants} from '../common';
+
 import {addHiddenProperty, copyRuntimeFiles} from './utils';
 import {generateTabsTokens} from './generate';
 import {findTabs, props, tryToFindTabs} from './find';
@@ -10,8 +12,17 @@ export type PluginOptions = {
     runtimeCssPath: string;
     containerClasses: string;
     bundle: boolean;
+    features: {
+        enabledVariants: EnabledVariants;
+    };
 };
 
+const defaultFeatures = {
+    enabledVariants: {
+        regular: true,
+    },
+} satisfies PluginOptions['features'];
+
 let runsCounter = 0;
 
 type TransformOptions = {
@@ -23,6 +34,7 @@ export function transform({
     runtimeCssPath = '_assets/tabs-extension.css',
     containerClasses = '',
     bundle = true,
+    features = defaultFeatures,
 }: Partial<PluginOptions> = {}) {
     return function tabs(md: MarkdownIt, options?: TransformOptions) {
         const {output = '.'} = options || {};
@@ -46,15 +58,19 @@ export function transform({
 
                 const {content, closeTokenIndex} = result;
 
-                const {group, orientation} = props(content);
+                const parsedProps = props(content);
+
+                if (!features.enabledVariants[parsedProps.variant]) {
+                    parsedProps.variant = TabsVariants.Regular;
+                }
 
                 const tabs = findTabs(state.tokens, i + 3, closeTokenIndex);
 
                 if (tabs.length > 0) {
                     const tabsTokens = generateTabsTokens(tabs, state, {
                         containerClasses,
-                        tabsGroup: group,
-                        orientation,
+                        tabsGroup: parsedProps.group,
+                        variant: parsedProps.variant,
                         runId,
                     });
 

src/plugin/types.ts

@@ -9,6 +9,6 @@ export type RuntimeTab = {
 
 export type TabsProps = {
     content: string;
-    orientation: TabsVariants;
+    variant: TabsVariants;
     group: string;
 };

src/plugin/variants/regular.ts

@@ -20,7 +20,7 @@ import {TabsTokensGenerator} from './types';
 export const regular: TabsTokensGenerator = (
     tabs,
     state,
-    {containerClasses, tabsGroup, runId, orientation},
+    {containerClasses, tabsGroup, runId, variant: orientation},
 ) => {
     const tabsTokens = [];
     const tabListTokens = [];

src/plugin/variants/types.ts

@@ -13,7 +13,7 @@ export type TabsGenerationProps = {
     containerClasses: string;
     tabsGroup: string;
     runId: string;
-    orientation: TabsVariants;
+    variant: TabsVariants;
 };
 
 export type TabsTokensGenerator = (

tests/src/plugin.test.ts

@@ -64,15 +64,25 @@ function makeTransform(params?: {
     content?: string[];
 }) {
     return callPlugin(
-        tabsExtension.transform({bundle: false, ...params?.transformOptions}),
+        tabsExtension.transform({
+            bundle: false,
+            features: {enabledVariants: {radio: true, regular: true}},
+            ...params?.transformOptions,
+        }),
         tokenize(params?.content || defaultContent),
     );
 }
 
 function html(text: string, opts?: tabsExtension.PluginOptions) {
     const {result} = transform(text, {
         needToSanitizeHtml: false,
-        plugins: [tabsExtension.transform({bundle: false, ...opts})],
+        plugins: [
+            tabsExtension.transform({
+                bundle: false,
+                features: {enabledVariants: {radio: true, regular: true}},
+                ...opts,
+            }),
+        ],
     });
 
     return result.html;