From a22d5af7e3bec58d053fe64f46f60238679bb5f9 Mon Sep 17 00:00:00 2001
From: ntnyq <ntnyq13@gmail.com>
Date: Wed, 1 Jan 2025 01:24:34 +0800
Subject: [PATCH] feat: export all `constants` and `types`

---
 README.md                                     |  8 ++++++-
 .../components/Playground/index.vue           |  2 +-
 .../components/Playground/style.css           | 18 +++++++---------
 docs/.vitepress/theme/app.css                 | 21 ++++++++++---------
 docs/uno.config.ts                            |  4 +++-
 src/index.ts                                  |  5 +++++
 6 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index fa0427b..edf62b6 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@
 > [!IMPORTANT]
 > Status: Work In Progress, not ready for production.
 >
-> Api may change every release, Use at your own risk.
+> API is not stale now, Use at your own risk.
 
 ## Install
 
@@ -27,6 +27,12 @@ yarn add svg-eslint-parser -D
 pnpm add svg-eslint-parser -D
 ```
 
+## Playground
+
+You can try the parser in [playground](https://svg-eslint-parser.ntnyq.com/play).
+
+Feel free to open an issue if you have any suggestions or find any bugs.
+
 ## Links
 
 - [Scalable Vector Graphics (SVG) 2](https://www.w3.org/TR/SVG2/)
diff --git a/docs/.vitepress/components/Playground/index.vue b/docs/.vitepress/components/Playground/index.vue
index 95972ee..8e4f85a 100644
--- a/docs/.vitepress/components/Playground/index.vue
+++ b/docs/.vitepress/components/Playground/index.vue
@@ -5,7 +5,7 @@ import { Panel, PanelGroup, PanelResizeHandle } from 'vue-resizable-panels'
 </script>
 
 <template>
-  <div class="page-playground-core relative p-4">
+  <div class="page-playground-core relative px-4">
     <ClientOnly>
       <PanelGroup
         direction="horizontal"
diff --git a/docs/.vitepress/components/Playground/style.css b/docs/.vitepress/components/Playground/style.css
index f81f44f..bf33fb4 100644
--- a/docs/.vitepress/components/Playground/style.css
+++ b/docs/.vitepress/components/Playground/style.css
@@ -3,34 +3,28 @@
 }
 
 .panel {
-  display: flex;
-  flex-direction: row;
-  font-size: 2rem;
+  --at-apply: "flex flex-row text-2rem";
 }
 
 .panel-row,
 .panel-column {
-  display: flex;
+  --at-apply: "flex";
 }
 
 .panel-row {
-  flex-direction: row;
+  --at-apply: "flex-row";
 }
 
 .panel-column {
-  flex-direction: column;
+  --at-apply: "flex-col";
 }
 
 .panel-resize-handle {
-  --resize-border-color: #fff;
+  --resize-border-color: var(--vp-c-bg);
   --resize-background-color: var(--vp-c-divider);
 
   flex: 0 0 11px;
   background-clip: padding-box;
-  display: flex;
-  justify-content: stretch;
-  align-items: stretch;
-  outline: none;
   transition:
     border-color 0.2s linear,
     background-color 0.2s linear;
@@ -38,6 +32,8 @@
   border-color: var(--resize-border-color);
   border-style: solid;
   border-width: 0 5px;
+
+  --at-apply: "flex outline-none justify-stretch items-stretch";
 }
 
 .panel-resize-handle[data-panel-group-direction="vertical"] {
diff --git a/docs/.vitepress/theme/app.css b/docs/.vitepress/theme/app.css
index 3030309..7fb35a7 100644
--- a/docs/.vitepress/theme/app.css
+++ b/docs/.vitepress/theme/app.css
@@ -1,24 +1,25 @@
 #package_status {
-  position: relative;
+  --at-apply: "relative";
 }
 
 #package_status p {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-bottom: 0;
+  --at-apply: "mb-0 flex relative flex-wrap gap-2";
 }
 
+/* reset max-width in playground page */
 .page-playground .VPNavBar.top .container {
-  max-width: unset;
+  --at-apply: "max-w-unset";
 }
 
+/* hide search in playground page */
+.page-playground .VPNavBarSearch {
+  --at-apply: "hidden";
+}
+
+/* set height for playground core */
 @media screen and (min-width: 960px) {
   .page-playground .page-playground-core {
-    height: calc(100vh - var(--vp-nav-height));
-    /* max-width: calc(var(--vp-layout-max-width) - 64px);
-    margin: 0 auto; */
+    --at-apply: "h-[calc(100vh-var(--vp-nav-height))]";
   }
 }
 
diff --git a/docs/uno.config.ts b/docs/uno.config.ts
index 045129f..f0e4292 100644
--- a/docs/uno.config.ts
+++ b/docs/uno.config.ts
@@ -1,6 +1,8 @@
-import { defineConfig, presetIcons, presetUno } from 'unocss'
+import { defineConfig, presetIcons, presetUno, transformerDirectives } from 'unocss'
 
 export default defineConfig({
+  transformers: [transformerDirectives()],
+
   presets: [
     presetUno(),
     presetIcons({
diff --git a/src/index.ts b/src/index.ts
index 6fe7777..d52e923 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,8 +11,13 @@ export function parseSVG(code: string, options: Options = {}) {
 export const name = meta.name
 export const VisitorKeys = visitorKeys
 
+export const parse = parseSVG
+
 export { meta }
 export { ParseError }
 export { parseForESLint }
 
 export type { AST }
+
+export * from './types'
+export * from './constants'