@sakura-ui/sakura-ui 0.5.0 → 0.5.2

package/packages/markdown/src/plugins/faq.ts

@@ -1,40 +0,0 @@
-import type { Root } from 'mdast'
-import { h } from 'hastscript'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import { isContainerDirective, isDirective } from './helper'
-
-// This plugin is to turn `::linkButton` into divs, passing arbitrary
-// attributes.
-export const faqPlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isContainerDirective, (node: Directives) => {
-      if (node.name !== 'faq') {
-        return
-      }
-
-      node.data = node.data ?? {}
-      const tagName = 'dl'
-
-      node.data.hName = tagName
-
-      node.data.hProperties = h(tagName, node.attributes || {}).properties
-
-      node.children.forEach((child) => {
-        if (!isDirective(child)) {
-          return
-        }
-        if (child.name !== 'faq-q' && child.name !== 'faq-a') {
-          return
-        }
-
-        child.data = child.data ?? {}
-        const tagName = child.name === 'faq-q' ? 'dt' : 'dd'
-
-        child.data.hName = tagName
-
-        child.data.hProperties = h(tagName, child.attributes || {}).properties
-      })
-    })
-  }
-}

package/packages/markdown/src/plugins/grid.ts

@@ -1,54 +0,0 @@
-import type { Root } from 'mdast'
-import { h } from 'hastscript'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import { isContainerDirective } from './helper'
-
-// This plugin is to turn `::linkButton` into divs, passing arbitrary
-// attributes.
-export const gridPlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isContainerDirective, (node: Directives) => {
-      if (!node.name.startsWith('grid-cols-')) {
-        return
-      }
-
-      node.attributes = node.attributes ?? {}
-
-      if (node.attributes.as === 'list') {
-        node.attributes.as = undefined
-        node.attributes['data-behavior'] = 'list'
-      }
-
-      const gridNum: number = Number.parseInt(
-        node.name.split('-').pop() || '1',
-        10
-      )
-
-      // Tailwind doesn't generate CSS for string interpolation
-      const gridClass: { [key: number]: string } = {
-        1: 'md:grid-cols-1',
-        2: 'md:grid-cols-2',
-        3: 'md:grid-cols-3',
-        4: 'md:grid-cols-4',
-        5: 'md:grid-cols-5',
-        6: 'md:grid-cols-6',
-        7: 'md:grid-cols-6',
-        8: 'md:grid-cols-6',
-        9: 'md:grid-cols-6',
-        10: 'md:grid-cols-6',
-        11: 'md:grid-cols-6',
-        12: 'md:grid-cols-12'
-      }
-
-      node.data = node.data ?? {}
-      const tagName = 'div'
-
-      node.data.hName = tagName
-
-      node.attributes.class = `flex flex-col md:grid ${gridClass[gridNum]} gap-8`
-
-      node.data.hProperties = h(tagName, node.attributes).properties
-    })
-  }
-}

package/packages/markdown/src/plugins/headings.ts

@@ -1,38 +0,0 @@
-import type { Heading, Root } from 'mdast'
-import Slugger from 'github-slugger'
-import { visit } from 'unist-util-visit'
-import { toString as mdastToString } from 'mdast-util-to-string'
-import { treefy } from '@sakura-ui/helper'
-import { isHeading } from './helper'
-
-export type HeadingItem = {
-  id?: string
-  depth: number
-  value?: string
-  children?: Array<HeadingItem>
-}
-
-export const headingsPlugin = () => {
-  return (tree: Root, vFile: { data: Record<string, unknown> }) => {
-    const headings: Array<HeadingItem> = []
-    const slugger = new Slugger()
-
-    const getFlatHeadingsList = (node: Heading) => {
-      const h: HeadingItem = {
-        id: slugger.slug(mdastToString(node)),
-        depth: node.depth,
-        value: mdastToString(node)
-      }
-
-      headings.push(h)
-    }
-
-    visit(tree, isHeading, getFlatHeadingsList)
-
-    if (!vFile.data.fm) {
-      vFile.data.fm = {}
-    }
-    const fm = vFile.data.fm as { headings?: Array<HeadingItem> }
-    fm.headings = treefy(headings)
-  }
-}

package/packages/markdown/src/plugins/helper.ts

@@ -1,27 +0,0 @@
-import type { Directives } from 'mdast-util-directive'
-import type { Node } from 'unist'
-import type { Heading } from 'mdast'
-
-export const isDirective = (node: Node): node is Directives => {
-  return (
-    node.type === 'containerDirective' ||
-    node.type === 'leafDirective' ||
-    node.type === 'textDirective'
-  )
-}
-
-export const isContainerDirective = (node: Node): node is Directives => {
-  return node.type === 'containerDirective'
-}
-
-export const isLeafDirective = (node: Node): node is Directives => {
-  return node.type === 'leafDirective'
-}
-
-export const isTextDirective = (node: Node): node is Directives => {
-  return node.type === 'textDirective'
-}
-
-export const isHeading = (node: Node): node is Heading => {
-  return node.type === 'heading'
-}

package/packages/markdown/src/plugins/index.ts

@@ -1,8 +0,0 @@
-export { youtubePlugin } from './youtube'
-export { attrPlugin } from './attr'
-export { linkButtonPlugin } from './linkButton'
-export { gridPlugin } from './grid'
-export { cellPlugin } from './cell'
-export { cardPlugin } from './card'
-export { faqPlugin } from './faq'
-export { headingsPlugin, type HeadingItem } from './headings'

package/packages/markdown/src/plugins/linkButton.ts

@@ -1,26 +0,0 @@
-import type { Root } from 'mdast'
-import { h } from 'hastscript'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import { isTextDirective } from './helper'
-
-// This plugin is to turn `::linkButton` into divs, passing arbitrary
-// attributes.
-export const linkButtonPlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isTextDirective, (node: Directives) => {
-      if (node.name !== 'link-button') return
-
-      node.data ??= {}
-      const data = node.data
-      const tagName = 'a'
-
-      data.hName = tagName
-
-      node.attributes = node.attributes ?? {}
-      node.attributes['data-node'] = node.name
-
-      data.hProperties = h(tagName, node.attributes).properties
-    })
-  }
-}

package/packages/markdown/src/plugins/youtube.ts

@@ -1,49 +0,0 @@
-import type { Root } from 'mdast'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import type { Literal } from 'unist'
-import { isDirective } from './helper'
-
-// This plugin is turn `::youtube` into iframes.
-export const youtubePlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isDirective, (node: Directives) => {
-      if (node.type === 'containerDirective' || node.type === 'leafDirective') {
-        if (node.name !== 'youtube') return
-
-        node.data ??= {}
-        const data = node.data
-        const attributes = node.attributes || {}
-        const id = attributes.id
-
-        if (!id) {
-          console.error('Unexpected missing `id` on `youtube` directive')
-        }
-
-        const child = node.children[0] as Literal
-
-        const title = child.value as string
-        const width = attributes.width ?? undefined
-        const height = attributes.height ?? undefined
-        const allow =
-          attributes.allow ||
-          'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
-        const referrerpolicy =
-          attributes.referrerpolicy || 'strict-origin-when-cross-origin'
-
-        data.hName = 'iframe'
-        data.hProperties = {
-          title: title,
-          src: `https://www.youtube-nocookie.com/embed/${id}`,
-          width: width,
-          height: height,
-          frameBorder: '0',
-          allow: allow,
-          referrerpolicy: referrerpolicy,
-          allowFullScreen: true,
-          loading: 'lazy'
-        }
-      }
-    })
-  }
-}