feat: improved match accuracy (#3)

* feat: 对颜色采用严格模式匹配

* refactor: use internal Color

* chore: add debug page

* chore: move demo

* chore: fix test error

* chore: update

* chore: revert fix error

* chore: update

* chore: revert demo

Co-authored-by: binyellow <binyellow@users.noreply.github.com>

.prettierignore

@@ -16,3 +16,4 @@ LICENSE
 .eslintcache
 *.lock
 yarn-error.log
+_*.md

package.json

@@ -68,7 +68,8 @@
     ]
   },
   "dependencies": {
-    "@ctrl/tinycolor": "^4"
+    "@ctrl/tinycolor": "^4",
+    "@rc-component/color-picker": "^1.4.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17",

playground/.dumirc.ts

@@ -9,7 +9,7 @@ const isProdSite = process.env.PREVIEW !== '1' && isProd;
 const githubRepoName = 'dumi-plugin-color-chunk';
 
 export default defineConfig({
-  plugins: [githubRepoName],
+  plugins: [githubRepoName, 'dumi-plugin-code-snippets'],
   themeConfig: {
     name: 'color-chunk',
     socialLinks: {

playground/docs/example/_example.md

@@ -0,0 +1,36 @@
+`red`
+`yellow`
+`violet`
+`deepskyblue`
+
+`#123`
+`#1677ff`
+`#2333`
+`#12345678`
+
+`rgb(123,3,2)`
+`rgba(12,3,2,.2)`
+`rgba(12,3,2,12%)`
+
+`hsv(12,3,12)`
+`hsva(12,3,22,.8)`
+`hsva(12,3,22,22%)`
+
+`hsb(12,99,2)`
+`hsba(124,233,2,.24)`
+
+`hsl(12,3,198)`
+`hsl(0, 100%, 75%)`
+`hsla(12,3,52,.2)`
+`hsla(9, 100%, 64%, 0.2)`
+
+<!-- invalid -->
+---
+
+`[12,32,144]`
+
+[`12`,`32`,`144`]
+
+`123`
+
+`#123456789`

playground/docs/example/index.md

@@ -0,0 +1,11 @@
+---
+title: Examples
+---
+
+## input
+
+<<< ./\_example.md
+
+## output
+
+<embed src="./_example.md"></embed>

playground/package.json

@@ -9,6 +9,7 @@
   },
   "devDependencies": {
     "dumi": "^2",
+    "dumi-plugin-code-snippets": "^1",
     "dumi-plugin-color-chunk": "workspace:*"
   }
 }