unocss

formkit.config.fkLibrary.ts

@@ -1,6 +1,25 @@
-import { checkbox, form, group, list, number, range, submit, text, textarea } from '@formkit/inputs'
+import {
+  checkbox,
+  form,
+  group,
+  list,
+  number,
+  range,
+  submit,
+  text,
+  textarea,
+} from "@formkit/inputs";
 
 // https://unocss.dev/presets/wind#differences-from-tailwind-css
 
-export const fkLibrary = { text, form, submit, group, checkbox, range, list, number, textarea, }
+export const fkLibrary = {
-console.debug(`range :>> `, range);
+  text,
+  form,
+  submit,
+  group,
+  checkbox,
+  range,
+  list,
+  number,
+  textarea,
+};

unocss.config.ts

@@ -1,59 +1,63 @@
-import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants'
+import { extractorArbitraryVariants } from "@unocss/extractor-arbitrary-variants";
-import { defineConfig, presetUno, presetWind, transformerVariantGroup } from 'unocss';
+import {
-import { classes, globals } from './formkit.config.theme';
+  defineConfig,
-import { fkLibrary } from './formkit.config.fkLibrary';
+  presetUno,
+  transformerVariantGroup
+} from "unocss";
+import { fkLibrary } from "./formkit.config.fkLibrary";
+import { classes, globals } from "./formkit.config.theme";
 
-const familyList = [...new Set(Object.values(fkLibrary).map(lib => lib.family))].filter(f => f) as string[]
+const familyList = [
-const typeList = [...new Set(Object.values(fkLibrary).map(lib => lib.type))].filter(f => f) as string[]
+  ...new Set(Object.values(fkLibrary).map((lib) => lib.family)),
+].filter((f) => f) as string[];
+const typeList = [
+  ...new Set(Object.values(fkLibrary).map((lib) => lib.type)),
+].filter((f) => f) as string[];
 
 console.debug(`familyList :>> `, familyList);
 console.debug(`typeList :>> `, typeList);
 
-const globalsR = [...new Set(
+const globalsR = [
-  Object.values(globals).flatMap(v => Object.keys(v))
+  ...new Set(Object.values(globals).flatMap((v) => Object.keys(v))),
-)];
+];
-const classesR = [...new Set(
+const classesR = [
-  // Object.values(classes).flatMap(v => Object.keys(v))
+  ...new Set(
-  Object.keys(classes)
+    Object.keys(classes)
-    .filter(k =>
+      .filter(
-      familyList.some(f => k.includes(f)) ||
+        (k) =>
-      typeList.some(t => k.includes(t))
+          familyList.some((f) => k.includes(f)) ||
-    )
+          typeList.some((t) => k.includes(t))
-    .map(k => classes[k])
+      )
-    .flatMap(v => Object.keys(v))
+      .map((k) => classes[k])
-    .filter(className => !className.includes('[]'))
+      .flatMap((v) => Object.keys(v))
-)]
+      .filter((className) => !className.includes("[]"))
+      .filter((className) => !className.includes("&::"))
+  ),
+];
 // console.debug(`classesR :>> `, classesR);
 
-
 export default defineConfig({
   content: {
-    filesystem: [
+    filesystem: ["xx.ts"],
-      'xx.ts',
-    ],
     inline: [
-      '!border-none', // for: "range__inner"
+      "!border-none", // for: "range__inner"
-      classesR.join(' '),
+      classesR.join(" "),
-      globalsR.join(' '),
+      globalsR.join(" "),
       async () => {
-        return '';
+        return "";
       },
     ],
     pipeline: {
       // include: [
       //   /xx.ts($|\?)/,
       // ],
-    }
+    },
   },
   presets: [
     presetUno({
-      dark: 'media',
+      dark: "media",
     }),
   ],
-  transformers: [
+  transformers: [transformerVariantGroup()],
-    transformerVariantGroup(),
+  extractors: [extractorArbitraryVariants()],
-  ],
+});
-  extractors: [
-    extractorArbitraryVariants(),
-  ],
-})