markawesome 0.19.0 → 0.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fcd58ebaea11af858fd0b4e922bdf4447035df09cc91b9acfa9dea047a908cf8
-  data.tar.gz: de54c7cb14e781a63d4bc22a132bb637cc62c1ec0383a0404e46b81efd3a3500
+  metadata.gz: '09defacfcfa437cfd7c5406b0705161597633880fac312488a7fa29c3055754d'
+  data.tar.gz: 369cd9e0d91dc6a423501367f98e2e54391a04aaebc4cf9da9c79d1c3a4267aa
 SHA512:
-  metadata.gz: ebbc8bb6f73131839e94bc1b1d79a875bdd2de65e980832c59fb3305b03324b76c6259b800e16be111bdfd6e3c0df14d6f80820052474d635e2a982c1cd5d987
-  data.tar.gz: 2a768f945ecb99d16b4aa3e60d64dce34e97bf518239344d83a440a9cba0cd0c60caeac5315c8fbfee5545c3212f6d28376dc3dc181b903cfb0a68f1649c640c
+  metadata.gz: fa42c7657b0abac3554309763a38a75a8c6bc08d39b8a28e85b9fa0b57ea931207705efa0ff194c097582996986871a382b09872508dad2cfe325fc957350efa
+  data.tar.gz: 4a509a216fd0ce3aea3238e85dbf8cfea8fc60c7d55e9209e7e9915862b933708afd896a9582cc8c630bbbaf41caf759285f8687a5bff8df45c386d7a058617a

data/CHANGELOG.md

@@ -6,6 +6,19 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 ## [Unreleased]
 
+## [0.20.0] - 2026-10-09
+
+### Added
+
+- **Labeled divider (`<wa-divider>` label, Web Awesome 3.13.0+).** New `DividerTransformer` with a mirrored one-line shorthand, `--- label ---`, and a `:::wa-divider params?` alternative whose body is the label (empty for a bare divider). Leading tokens are consumed from the left: `start`/`center`/`end` → `label-placement`, `horizontal`/`vertical` → `orientation`, `icon:name` → a `<wa-icon>` before the label. The rest is the label, rendered as inline Markdown. Output: `<wa-divider orientation="…" label-placement="…"><wa-icon name="…"></wa-icon> Label</wa-divider>`, attributes only when given. Plain `---` and `--- ---` are untouched and stay `<hr>`, and so is any line made only of `|`, `:`, `-` and whitespace, which keeps pipe-less GFM table separators such as `--- | ---` intact. The plain-Markdown renderer degrades it to `---` followed by the label as its own paragraph (icon dropped), with a leading blank line so the rule can't turn a preceding line into a setext heading. Known limitation, shared with every transformer: only backtick code fences are protected, so a `--- x ---` line inside a `~~~` fence is transformed.
+- **Display-only stepper (`<wa-stepper>` / `<wa-step>`, Web Awesome 3.14.0, experimental).** New `StepperTransformer`: a `>>>>>> params?` fence (or `:::wa-stepper params?`) wrapping a Markdown task list. Each unindented list line is a step: `[x]`/`[X]` → `completed`; leading `active`, `loading`, `disabled`, a variant (`neutral`/`brand`/`success`/`warning`/`danger`), an attention (`none`/`pulse`/`bounce`) and `icon:name` (→ `slot="icon"`) are flags; the rest is the label as inline Markdown. Lines indented two or more spaces under a step are joined into `<span slot="description">`. Steps are named `step-1…N` and the container's `active` is the step flagged `active` (last wins), else the first incomplete step, else the last. Container params: `horizontal`/`vertical`/`auto` → `orientation`, `label:"…"` → `label` (HTML-escaped). Interactivity (`clickable`, `linear`, step invokers) is intentionally omitted — the steps have no content panels to navigate between. The `>>>>>>` fence never collides with the `^>>>$` separator of details/dialog/popover/tooltip/random-content. Plain-Markdown degrade: an ordered task list keeping `[x]`/`[ ]`, the current step in bold, and descriptions as indented continuation lines.
+- Both run **first** in the pipeline (right after code-block protection, before layouts), so a divider or stepper can sit inside layouts, cards, callouts, tabs, accordion and dialog bodies — e.g. `--- vertical vs ---` between two buttons in a `::::cluster`. Same position in `PlainMarkdownRenderer::PIPELINE` (new `:divider` / `:stepper` override keys).
+- Manifest coverage now also guards `wa-divider` `orientation`/`label-placement`, `wa-stepper` `orientation` and `wa-step` `variant`/`attention` (`DIVIDER_ATTRIBUTES`, `STEPPER_ATTRIBUTES`, `STEP_ATTRIBUTES`).
+
+### Internal
+
+- **Refreshed the Web Awesome manifest fixture to 3.14.0** (September 24th, 2026; covers 3.13.0 too). `rake wa:manifest[3.14.0]` regenerated `spec/fixtures/webawesome-enums.json` and `WA_VERSION` moved to `3.14.0`. The diff is **purely additive** — three new tags (`wa-step`, `wa-stepper`, `wa-tag-input`) and a `label-placement` enum on `wa-divider` — with **zero DRIFT and zero GAP** against the enums we accept, so no transformer constant changed. `<wa-accordion>` and `<wa-random-content>` are now **stable** in Web Awesome, so the "experimental" wording was dropped from their transformer comments. Fixture remains byte-identical to `markawesome-js`'s copy. Example-site CDN pins bumped to 3.14.0 in `jekyll-webawesome` and `eleventy-plugin-webawesome`.
+
 ## [0.19.0] - 2026-08-26
 
 ### Fixed

data/README.md

@@ -25,9 +25,11 @@ Used as the transformation engine for the [jekyll-webawesome](https://github.com
 | **Copy Button** | `<<<placement? tooltip:full\|copy\|none?` | `:::wa-copy-button placement? tooltip:full\|copy\|none?` | `<wa-copy-button value="content" tooltip-placement="top" tooltip="copy"></wa-copy-button>` |
 | **Details** | `^^^appearance? icon-placement?` | `:::wa-details appearance? icon-placement?` | `<wa-details>content</wa-details>` |
 | **Dialog** | `???params?` | `:::wa-dialog params?` | `<wa-dialog>` with trigger button and content |
+| **Divider** | `--- label ---` (e.g. `--- start icon:star New ---`) | `:::wa-divider params?` (body is the label) | `<wa-divider label-placement="start"><wa-icon name="star"></wa-icon> New</wa-divider>` |
 | **Icon** | `$$$icon-name` | `:::wa-icon icon-name` | `<wa-icon name="icon-name"></wa-icon>` |
 | **Image Dialog** | `![alt](url)` | — | Wraps images in clickable `<wa-dialog>` overlays |
 | **Popover** | `&&&params?` or inline `&&&trigger >>> content&&&` | `:::wa-popover params?` | `<wa-popover>` with trigger button and content |
+| **Stepper** | `>>>>>> params?` wrapping a task list | `:::wa-stepper params?` | `<wa-stepper active="step-2"><wa-step name="step-1" completed>…</wa-step>…</wa-stepper>` |
 | **Tab Group** | `++++++` | `:::wa-tabs` | `<wa-tab-group><wa-tab>content</wa-tab></wa-tab-group>` |
 | **Tag** | `@@@brand` | `:::wa-tag brand` | `<wa-tag variant="brand">content</wa-tag>` |
 
@@ -38,6 +40,22 @@ Used as the transformation engine for the [jekyll-webawesome](https://github.com
 > listener (e.g. a single global handler that removes `event.target`). The markup
 > we emit is valid either way.
 
+> **Labeled divider:** `--- label ---` needs text between the mirrored dashes,
+> so a plain `---` stays an `<hr>`. Leading `start`/`center`/`end`
+> (label placement), `horizontal`/`vertical` (orientation) and `icon:name`
+> tokens are consumed from the left; the rest is the label, as inline Markdown.
+> A line made only of `|`, `:` and `-` (a pipe-less table separator) is left
+> alone. Use `:::wa-divider` when a label must start with one of those words.
+
+> **Stepper (display-only):** each unindented list line is a step. `[x]` marks
+> it completed; leading `active`, `loading`, `disabled`, a variant, an attention
+> (`pulse`/`bounce`/`none`) and `icon:name` are flags; lines indented under a
+> step become its description. The active step is the one flagged `active`,
+> else the first incomplete step, else the last. Container params are
+> `horizontal`/`vertical`/`auto` and `label:"…"`. `wa-stepper` is experimental
+> in Web Awesome 3.14.0, and its interactive features (`clickable`, `linear`)
+> are deliberately not exposed.
+
 ## Layout Utilities
 
 Layout utilities use `::::` (quadruple colon) syntax to wrap content in CSS layout containers. Inner content is not markdown-converted, so component `:::` syntax inside layouts works normally.

data/lib/markawesome/plain_markdown_renderer.rb

@@ -25,9 +25,9 @@ module Markawesome
       # component without forking the gem.
       #
       # @param component [Symbol] one of :accordion, :callout, :badge, :button,
-      #   :card, :carousel, :comparison, :copy_button, :details, :dialog, :icon,
-      #   :image_dialog, :layout, :popover, :random_content, :tabs, :tag,
-      #   :tooltip.
+      #   :card, :carousel, :comparison, :copy_button, :details, :dialog,
+      #   :divider, :icon, :image_dialog, :layout, :popover, :random_content,
+      #   :stepper, :tabs, :tag, :tooltip, :tree.
       # @yield [content, options] Proc that receives the full source content
       #   and the renderer options; returns the content with that component
       #   syntax replaced.
@@ -44,6 +44,8 @@ module Markawesome
     end
 
     PIPELINE = %i[
+      divider
+      stepper
       layout
       popover
       tooltip
@@ -68,6 +70,8 @@ module Markawesome
     ].freeze
 
     TRANSFORMER_MAP = {
+      divider: DividerTransformer,
+      stepper: StepperTransformer,
       layout: LayoutTransformer,
       popover: PopoverTransformer,
       tooltip: TooltipTransformer,

data/lib/markawesome/transformer.rb

@@ -10,6 +10,13 @@ module Markawesome
     def self.process(content, options = {})
       content, tokens = CodeBlockProtector.protect(content)
 
+      # Divider and stepper run FIRST: their content is inline-only (a label,
+      # a list of one-line steps), so emitting them before any container lets
+      # them sit inside layouts, cards, callouts, tabs, accordion and dialog
+      # bodies — e.g. `--- vertical vs ---` inside a `::::cluster`.
+      content = DividerTransformer.transform(content)
+      content = StepperTransformer.transform(content)
+
       content = LayoutTransformer.transform(content)
       content = PopoverTransformer.transform(content)
       content = TooltipTransformer.transform(content)

data/lib/markawesome/transformers/accordion_transformer.rb

@@ -23,7 +23,7 @@ module Markawesome
   #   - expanded -> expanded; disabled -> disabled
   #   - icon:name -> <wa-icon slot="icon" name="name"></wa-icon> as first child
   #
-  # wa-accordion is experimental in Web Awesome (added 3.7). expanded/disabled
+  # wa-accordion was added in Web Awesome 3.7 (stable since 3.13). expanded/disabled
   # and the mode/appearance/icon-placement attributes are all static-safe.
   class AccordionTransformer < BaseTransformer
     CONTAINER_ATTRIBUTES = {

data/lib/markawesome/transformers/divider_transformer.rb

@@ -0,0 +1,125 @@
+# frozen_string_literal: true
+
+require_relative 'base_transformer'
+require_relative '../attribute_parser'
+require_relative '../icon_slot_parser'
+
+module Markawesome
+  # Transforms labeled-divider syntax into <wa-divider> elements with a label in
+  # the default slot (Web Awesome 3.13.0+).
+  #
+  # Primary syntax (one line, mirrored dashes):
+  #   --- or ---
+  #   --- start Release notes ---
+  #   --- end icon:star New ---
+  #   --- icon:quote-left ---
+  #   --- vertical vs ---
+  # Alternative syntax (the body is the label, and may be empty):
+  #   :::wa-divider start icon:star
+  #   Release **notes**
+  #   :::
+  #
+  # Leading tokens (consumed from the left until the first non-token word):
+  #   - start, center, end      -> label-placement
+  #   - horizontal, vertical    -> orientation
+  #   - icon:name               -> <wa-icon name="name"> before the label
+  # The rest of the line is the label, rendered as inline Markdown. To start a
+  # label with one of those words, use the alternative syntax.
+  #
+  # A plain `---` (and `--- ---`) is left alone and stays an <hr>. So is a line
+  # made only of `|`, `:`, `-` and whitespace (e.g. a pipe-less GFM table
+  # separator such as `--- | ---`).
+  class DividerTransformer < BaseTransformer
+    DIVIDER_ATTRIBUTES = {
+      orientation: %w[horizontal vertical],
+      label_placement: %w[start center end]
+    }.freeze
+
+    # Content slot: emits <wa-icon name="..."> with no slot attribute.
+    ICON_SLOTS = {
+      default: 'content',
+      slots: %w[content],
+      slot_map: { 'content' => 'content' }
+    }.freeze
+
+    PRIMARY_REGEX = /^---[ \t]+(\S[^\n]*?)[ \t]+---[ \t]*$/
+    ALTERNATIVE_REGEX = /^:::wa-divider[ \t]*([^\n]*)\n(?:(.*?)\n)?:::[ \t]*$/m
+    TABLE_SEPARATOR_REGEX = /\A[|:\-\s]*\z/
+
+    def self.transform(content)
+      content = content.gsub(PRIMARY_REGEX) do |match|
+        inner = Regexp.last_match(1)
+        next match if inner.match?(TABLE_SEPARATOR_REGEX)
+
+        lead, label = split_leading_tokens(inner)
+        build_html(lead, label)
+      end
+
+      content.gsub(ALTERNATIVE_REGEX) do
+        params_string = Regexp.last_match(1)
+        body = Regexp.last_match(2).to_s
+        build_html(params_string, body.strip)
+      end
+    end
+
+    # Degrade to a thematic break followed by the label as its own paragraph
+    # (icon dropped). The leading blank line stops `---` from turning a
+    # preceding paragraph line into a setext heading.
+    def self.render_as_markdown(content, _options = {})
+      content = content.gsub(PRIMARY_REGEX) do |match|
+        inner = Regexp.last_match(1)
+        next match if inner.match?(TABLE_SEPARATOR_REGEX)
+
+        _lead, label = split_leading_tokens(inner)
+        markdown_break(label)
+      end
+
+      content.gsub(ALTERNATIVE_REGEX) do
+        markdown_break(Regexp.last_match(2).to_s.strip)
+      end
+    end
+
+    class << self
+      private
+
+      # Consume leading placement/orientation/icon tokens; the rest is the label.
+      def split_leading_tokens(inner)
+        tokens = inner.strip.split(/\s+/)
+        lead = []
+        lead << tokens.shift while tokens.any? && leading_token?(tokens.first)
+        [lead.join(' '), tokens.join(' ')]
+      end
+
+      def leading_token?(token)
+        token.start_with?('icon:') || DIVIDER_ATTRIBUTES.values.any? { |values| values.include?(token) }
+      end
+
+      def build_html(params_string, label)
+        attributes = AttributeParser.parse(params_string, DIVIDER_ATTRIBUTES)
+        icon_result = IconSlotParser.parse(params_string, ICON_SLOTS)
+
+        attr_parts = []
+        attr_parts << "orientation=\"#{attributes[:orientation]}\"" if attributes[:orientation]
+        attr_parts << "label-placement=\"#{attributes[:label_placement]}\"" if attributes[:label_placement]
+        attrs_string = attr_parts.empty? ? '' : " #{attr_parts.join(' ')}"
+
+        icon_html = IconSlotParser.to_html(icon_result[:icons], ICON_SLOTS[:slot_map])
+        label_html = render_inline(label)
+        separator = !icon_html.empty? && !label_html.empty? ? ' ' : ''
+
+        "<wa-divider#{attrs_string}>#{icon_html}#{separator}#{label_html}</wa-divider>"
+      end
+
+      # Inline Markdown: render, then drop the wrapping <p> (the badge idiom).
+      def render_inline(text)
+        return '' if text.empty?
+
+        markdown_to_html(text).strip.sub(%r{\A<p>(.*)</p>\z}m, '\1')
+      end
+
+      def markdown_break(label)
+        label.empty? ? "\n---" : "\n---\n\n#{label}\n"
+      end
+    end
+  end
+end

data/lib/markawesome/transformers/random_content_transformer.rb

@@ -4,7 +4,7 @@ require_relative 'base_transformer'
 require_relative '../attribute_parser'
 
 module Markawesome
-  # Transforms random-content syntax into Web Awesome's experimental
+  # Transforms random-content syntax into Web Awesome's
   # <wa-random-content> element, which shows one or more of its direct element
   # children at random (optionally rotating them) and hides the rest — all in
   # WA's own runtime, so the author writes zero JavaScript. Ideal for a "little

data/lib/markawesome/transformers/stepper_transformer.rb

@@ -0,0 +1,201 @@
+# frozen_string_literal: true
+
+require_relative 'base_transformer'
+require_relative '../attribute_parser'
+require_relative '../icon_slot_parser'
+
+module Markawesome
+  # Transforms stepper syntax into a display-only <wa-stepper> / <wa-step>
+  # progress indicator, written as a Markdown task list.
+  #
+  # Primary syntax:
+  #   >>>>>> vertical label:"Checkout progress"
+  #   - [x] Cart
+  #   - [x] Shipping
+  #     Standard, 3–5 days
+  #   - [ ] pulse icon:credit-card Payment
+  #   - [ ] Review
+  #   >>>>>>
+  # Alternative syntax: :::wa-stepper params? ...same list... :::
+  #
+  # Container params:
+  #   - horizontal, vertical, auto -> orientation
+  #   - label:"text"               -> label (accessible name)
+  # Steps are unindented list lines (`-`, `*` or `+`):
+  #   - [x] / [X] marks the step completed; [ ] or no box means not completed
+  #   - leading flags: active, loading, disabled, a variant (neutral, brand,
+  #     success, warning, danger), an attention (none, pulse, bounce), and
+  #     icon:name (slotted into the step's icon slot)
+  #   - the rest of the line is the label, rendered as inline Markdown
+  #   - lines indented by two or more spaces under a step are joined into its
+  #     description slot, rendered as inline Markdown
+  #
+  # Steps are named step-1..N and the container's `active` points at the step
+  # flagged `active` (last one wins), else the first incomplete step, else the
+  # last step. Interactivity (`clickable`, `linear`, step invokers) is omitted
+  # on purpose: these steps have no content panels, so there is nothing to
+  # navigate between without app JavaScript.
+  class StepperTransformer < BaseTransformer
+    STEPPER_ATTRIBUTES = {
+      orientation: %w[horizontal vertical auto]
+    }.freeze
+
+    STEP_ATTRIBUTES = {
+      variant: %w[neutral brand success warning danger],
+      attention: %w[none pulse bounce]
+    }.freeze
+
+    STEP_FLAGS = %w[active loading disabled].freeze
+
+    ICON_SLOTS = {
+      default: 'icon',
+      slots: %w[icon],
+      slot_map: { 'icon' => 'icon' }
+    }.freeze
+
+    PRIMARY_REGEX = /^>{6}([^\n]*)\n(.*?)\n>{6}[ \t]*$/m
+    ALTERNATIVE_REGEX = /^:::wa-stepper[ \t]*([^\n]*)\n(.*?)\n:::[ \t]*$/m
+    LABEL_REGEX = /label:(?:"([^"]*)"|'([^']*)')/
+    STEP_LINE_REGEX = /\A[-*+][ \t]+(.*)\z/
+    CONTINUATION_REGEX = /\A[ \t]{2,}(\S.*)\z/
+    CHECKBOX_REGEX = /\A\[([ xX])\](?:[ \t]+(.*))?\z/
+
+    def self.transform(content)
+      transform_proc = proc do |params_string, body|
+        label, params_string = extract_label(params_string.to_s)
+        attributes = AttributeParser.parse(params_string, STEPPER_ATTRIBUTES)
+        steps = parse_steps(body)
+        active = active_index(steps)
+
+        attr_parts = []
+        attr_parts << "orientation=\"#{attributes[:orientation]}\"" if attributes[:orientation]
+        attr_parts << "label=\"#{escape_html(label)}\"" unless label.empty?
+        attr_parts << "active=\"step-#{active + 1}\"" if active
+        attrs_string = attr_parts.empty? ? '' : " #{attr_parts.join(' ')}"
+
+        steps_html = steps.each_with_index.map { |step, index| build_step(step, index) }.join
+        "<wa-stepper#{attrs_string}>#{steps_html}</wa-stepper>"
+      end
+
+      patterns = dual_syntax_patterns(PRIMARY_REGEX, ALTERNATIVE_REGEX, transform_proc)
+      apply_multiple_patterns(content, patterns)
+    end
+
+    # Degrade to an ordered task list: completed steps keep [x], the current
+    # step is bold, and a description becomes an indented continuation line.
+    def self.render_as_markdown(content, _options = {})
+      transform_proc = proc do |_params_string, body|
+        steps = parse_steps(body)
+        active = active_index(steps)
+
+        steps.each_with_index.map do |step, index|
+          marker = "#{index + 1}. "
+          label = index == active && !step[:label].empty? ? "**#{step[:label]}**" : step[:label]
+          line = "#{marker}[#{step[:completed] ? 'x' : ' '}]"
+          line += " #{label}" unless label.empty?
+          line += "\n#{' ' * marker.length}#{step[:description]}" unless step[:description].empty?
+          line
+        end.join("\n")
+      end
+
+      patterns = dual_syntax_patterns(PRIMARY_REGEX, ALTERNATIVE_REGEX, transform_proc)
+      apply_multiple_patterns(content, patterns)
+    end
+
+    class << self
+      private
+
+      # Pull out label:"…" (or label:'…') before the bare tokens are parsed, so
+      # words inside the label can't be read as orientation tokens.
+      def extract_label(params_string)
+        match = LABEL_REGEX.match(params_string)
+        return ['', params_string] unless match
+
+        [(match[1] || match[2]).strip, params_string.sub(LABEL_REGEX, ' ')]
+      end
+
+      def parse_steps(body)
+        steps = []
+        body.to_s.each_line do |line|
+          line = line.chomp
+          if (match = STEP_LINE_REGEX.match(line))
+            steps << parse_step(match[1])
+          elsif (match = CONTINUATION_REGEX.match(line)) && steps.any?
+            steps.last[:description_lines] << match[1].strip
+          end
+        end
+        steps.each { |step| step[:description] = step.delete(:description_lines).join(' ') }
+      end
+
+      def parse_step(raw)
+        completed = false
+        if (match = CHECKBOX_REGEX.match(raw.strip))
+          completed = match[1] != ' '
+          raw = match[2].to_s
+        end
+
+        tokens = raw.strip.split(/\s+/)
+        lead = []
+        lead << tokens.shift while tokens.any? && leading_token?(tokens.first)
+        lead_string = lead.join(' ')
+
+        {
+          completed: completed,
+          flags: lead & STEP_FLAGS,
+          attributes: AttributeParser.parse(lead_string, STEP_ATTRIBUTES),
+          icons: IconSlotParser.parse(lead_string, ICON_SLOTS)[:icons],
+          label: tokens.join(' '),
+          description_lines: []
+        }
+      end
+
+      def leading_token?(token)
+        token.start_with?('icon:') ||
+          STEP_FLAGS.include?(token) ||
+          STEP_ATTRIBUTES.values.any? { |values| values.include?(token) }
+      end
+
+      # The explicitly active step (last wins), else the first incomplete one,
+      # else the last step; nil when there are no steps.
+      def active_index(steps)
+        return nil if steps.empty?
+
+        explicit = steps.rindex { |step| step[:flags].include?('active') }
+        return explicit if explicit
+
+        steps.index { |step| !step[:completed] } || (steps.length - 1)
+      end
+
+      def build_step(step, index)
+        attr_parts = ["name=\"step-#{index + 1}\""]
+        attr_parts << 'completed' if step[:completed]
+        attr_parts << 'loading' if step[:flags].include?('loading')
+        attr_parts << 'disabled' if step[:flags].include?('disabled')
+        attr_parts << "variant=\"#{step[:attributes][:variant]}\"" if step[:attributes][:variant]
+        attr_parts << "attention=\"#{step[:attributes][:attention]}\"" if step[:attributes][:attention]
+
+        icon_html = IconSlotParser.to_html(step[:icons], ICON_SLOTS[:slot_map])
+        description = render_inline(step[:description])
+        description_html = description.empty? ? '' : "<span slot=\"description\">#{description}</span>"
+
+        "<wa-step #{attr_parts.join(' ')}>#{icon_html}#{render_inline(step[:label])}#{description_html}</wa-step>"
+      end
+
+      # Inline Markdown: render, then drop the wrapping <p> (the badge idiom).
+      def render_inline(text)
+        return '' if text.empty?
+
+        markdown_to_html(text).strip.sub(%r{\A<p>(.*)</p>\z}m, '\1')
+      end
+
+      def escape_html(text)
+        text.to_s
+            .gsub('&', '&amp;')
+            .gsub('<', '&lt;')
+            .gsub('>', '&gt;')
+            .gsub('"', '&quot;')
+            .gsub("'", '&#39;')
+      end
+    end
+  end
+end

data/lib/markawesome/transformers.rb

@@ -15,11 +15,13 @@ require_relative 'transformers/copy_button_transformer'
 require_relative 'transformers/date_transformer'
 require_relative 'transformers/details_transformer'
 require_relative 'transformers/dialog_transformer'
+require_relative 'transformers/divider_transformer'
 require_relative 'transformers/icon_transformer'
 require_relative 'transformers/image_dialog_transformer'
 require_relative 'transformers/layout_transformer'
 require_relative 'transformers/popover_transformer'
 require_relative 'transformers/random_content_transformer'
+require_relative 'transformers/stepper_transformer'
 require_relative 'transformers/tabs_transformer'
 require_relative 'transformers/tag_transformer'
 require_relative 'transformers/tooltip_transformer'

data/lib/markawesome/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Markawesome
-  VERSION = '0.19.0'
+  VERSION = '0.20.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: markawesome
 version: !ruby/object:Gem::Version
-  version: 0.19.0
+  version: 0.20.0
 platform: ruby
 authors:
 - Janne Waren
@@ -96,11 +96,13 @@ files:
 - lib/markawesome/transformers/date_transformer.rb
 - lib/markawesome/transformers/details_transformer.rb
 - lib/markawesome/transformers/dialog_transformer.rb
+- lib/markawesome/transformers/divider_transformer.rb
 - lib/markawesome/transformers/icon_transformer.rb
 - lib/markawesome/transformers/image_dialog_transformer.rb
 - lib/markawesome/transformers/layout_transformer.rb
 - lib/markawesome/transformers/popover_transformer.rb
 - lib/markawesome/transformers/random_content_transformer.rb
+- lib/markawesome/transformers/stepper_transformer.rb
 - lib/markawesome/transformers/tabs_transformer.rb
 - lib/markawesome/transformers/tag_transformer.rb
 - lib/markawesome/transformers/tooltip_transformer.rb
@@ -130,7 +132,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.10
+rubygems_version: 4.0.20
 specification_version: 4
 summary: Framework-agnostic Markdown to Web Awesome component transformer
 test_files: []