Test SDC conversion script and guide with starshot_demo/components/02-molecules/starshot-card

Executed the script using command:

python3 twig-sdc-yaml-generator/twig_sdc_yaml_generator.py starshot_demo/components/02-molecules/starshot-card

Result:

1. New Files starshot-card.component.yml, README.md is generated inside folder starshot_demo/components/02-molecules/starshot-card

Output Generated

starshot-card.component.yml

name: Starshot card

status: experimental

group: Molecules

props:

  type: object
  required:
    - summary
    - link
    - image

  properties:
    theme:
      type: string
      title: Theme
      description: 'Theme: light, dark.'
      default: light
      enum:
        - light
        - dark

    display:
      type: string
      title: Display
      description: 'Card display: vertical, horizontal, centered, overlay.'
      default: vertical
      enum:
        - vertical
        - horizontal
        - centered
        - overlay

    title:
      type: string
      title: Title
      description: Card title.

    summary:
      type: string
      title: Summary
      description: Card summary.

    link:
      type: object
      title: Link
      description: 'Link object:'
      properties: {}


    background:
      type: string
      title: Background
      description: URL for the background image.
      default: none

    tags:
      type: array
      title: Tags
      description: 'Tags array:'
      items:
        type: object

        properties:
          type:
            type: string
            title: Type
            description: 'Type: primary, secondary, tertiary'
            default: primary
            enum:
              - primary
              - secondary
              - tertiary

          content:
            type: string
            title: Content
            description: Content.

          icon:
            type: string
            title: Icon
            description: Icon name.

          icon_placement:
            type: string
            title: Icon placement
            description: 'Icon position: before, after.'
            default: before
            enum:
              - before
              - after

          url:
            type: string
            title: Url
            description: Optional URL to convert to a link.

          is_new_window:
            type: boolean
            title: Open in a new window. Only if url is provided.

          is_external:
            type: boolean
            title: Link is external.

    image:
      type: object
      title: Image
      description: 'Image object:'
      properties: {}


    attributes:
      type: string
      title: Attributes
      description: Additional attributes.

    modifier_class:
      type: string
      title: Modifier class
      description: Additional classes.

Thanks! The link and image issues should be fixed once Anand updates his script or we can manually tweak like above.

Good catch on the 'drupal' issue. Do you want to create an MR for that one?

Added a commit for adding drupal in tag.twig. This would fix issue 3 listed in comment #3. Kindly review

Thanks. Merged in the latest from 1.0.x. Note that these components are getting renamed to "old-x" because of the design changes so holding off on this one until that code is merged in (should be very soon).

kristen pol → closed merge request !28

Updated, thanks!

Automatically closed - issue fixed for 2 weeks with no activity.