@vinicunca/unocss-preset 1.0.0 → 1.1.0

package/dist/chunks/index3.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const utils = require('@unocss/preset-mini/utils');
-const index = require('../shared/unocss-preset.BBu6rF-8.cjs');
+const index = require('../shared/unocss-preset.6ezA0EE_.cjs');
 require('@unocss/core');
 require('@vinicunca/perkakas');
 

package/dist/chunks/index3.mjs

@@ -1,5 +1,5 @@
 import { h } from '@unocss/preset-mini/utils';
-import { l as layerMeta } from '../shared/unocss-preset.kBN4Axkk.mjs';
+import { l as layerMeta } from '../shared/unocss-preset.DZKZMqtg.mjs';
 import '@unocss/core';
 import '@vinicunca/perkakas';
 

package/dist/chunks/transformer-alias.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+const core = require('@unocss/core');
+const perkakas = require('@vinicunca/perkakas');
+
+function transformerAlias(options) {
+  return {
+    name: "unocss-transformer-alias",
+    enforce: "pre",
+    async transform(code, _, { uno }) {
+      await transformAlias({ code, uno, options });
+    }
+  };
+}
+async function transformAlias({
+  code,
+  uno,
+  options = {}
+}) {
+  let {
+    prefix = "*",
+    keep = "+"
+  } = options;
+  if (perkakas.isString(keep)) {
+    keep = { prefix: keep, block: true };
+  }
+  const extraRE = new RegExp(`(${escapeRegExp(prefix)}|${escapeRegExp(keep.prefix)})([\\w-:]+)`, "g");
+  const map = /* @__PURE__ */ new Map();
+  for (const item of Array.from(code.original.matchAll(extraRE))) {
+    let result = map.get(item[0]);
+    if (result === false) {
+      continue;
+    } else if (!result) {
+      const res = await expandShortcut({ input: item[2], uno });
+      if (res) {
+        result = res[0].join(" ");
+        map.set(item[0], result);
+      } else {
+        map.set(item[0], false);
+        continue;
+      }
+    }
+    if (item[1] === keep.prefix) {
+      result = `${item[2]} ${result}`;
+      if (keep.block) {
+        uno.config.blocklist = [.../* @__PURE__ */ new Set([...uno.config.blocklist, item[2]])];
+      }
+    }
+    code.overwrite(item.index, item.index + item[0].length, result);
+  }
+}
+async function expandShortcut({ input, uno, depth = 5 }) {
+  if (depth <= 0) {
+    return;
+  }
+  let result;
+  for (const shortcut of uno.config.shortcuts) {
+    if (core.isStaticShortcut(shortcut)) {
+      if (shortcut[0] === input) {
+        result = shortcut[1];
+      }
+    } else {
+      const match = input.match(shortcut[0]);
+      if (match != null) {
+        result = shortcut[1](match, {});
+      }
+    }
+  }
+  if (perkakas.isString(result)) {
+    result = core.expandVariantGroup(result.trim()).split(/\s+/g);
+  }
+  if (!result) {
+    return;
+  }
+  return [
+    (await Promise.all(
+      result.filter((s) => s !== input).map(
+        async (res) => (perkakas.isString(res) ? (await expandShortcut({ input: res, uno, depth: depth - 1 }))?.[0] : void 0) || [res]
+      )
+    )).flat(1).filter(Boolean)
+  ];
+}
+function escapeRegExp(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+exports.expandShortcut = expandShortcut;
+exports.transformAlias = transformAlias;
+exports.transformerAlias = transformerAlias;

package/dist/chunks/transformer-alias.mjs

@@ -0,0 +1,85 @@
+import { isStaticShortcut, expandVariantGroup } from '@unocss/core';
+import { isString } from '@vinicunca/perkakas';
+
+function transformerAlias(options) {
+  return {
+    name: "unocss-transformer-alias",
+    enforce: "pre",
+    async transform(code, _, { uno }) {
+      await transformAlias({ code, uno, options });
+    }
+  };
+}
+async function transformAlias({
+  code,
+  uno,
+  options = {}
+}) {
+  let {
+    prefix = "*",
+    keep = "+"
+  } = options;
+  if (isString(keep)) {
+    keep = { prefix: keep, block: true };
+  }
+  const extraRE = new RegExp(`(${escapeRegExp(prefix)}|${escapeRegExp(keep.prefix)})([\\w-:]+)`, "g");
+  const map = /* @__PURE__ */ new Map();
+  for (const item of Array.from(code.original.matchAll(extraRE))) {
+    let result = map.get(item[0]);
+    if (result === false) {
+      continue;
+    } else if (!result) {
+      const res = await expandShortcut({ input: item[2], uno });
+      if (res) {
+        result = res[0].join(" ");
+        map.set(item[0], result);
+      } else {
+        map.set(item[0], false);
+        continue;
+      }
+    }
+    if (item[1] === keep.prefix) {
+      result = `${item[2]} ${result}`;
+      if (keep.block) {
+        uno.config.blocklist = [.../* @__PURE__ */ new Set([...uno.config.blocklist, item[2]])];
+      }
+    }
+    code.overwrite(item.index, item.index + item[0].length, result);
+  }
+}
+async function expandShortcut({ input, uno, depth = 5 }) {
+  if (depth <= 0) {
+    return;
+  }
+  let result;
+  for (const shortcut of uno.config.shortcuts) {
+    if (isStaticShortcut(shortcut)) {
+      if (shortcut[0] === input) {
+        result = shortcut[1];
+      }
+    } else {
+      const match = input.match(shortcut[0]);
+      if (match != null) {
+        result = shortcut[1](match, {});
+      }
+    }
+  }
+  if (isString(result)) {
+    result = expandVariantGroup(result.trim()).split(/\s+/g);
+  }
+  if (!result) {
+    return;
+  }
+  return [
+    (await Promise.all(
+      result.filter((s) => s !== input).map(
+        async (res) => (isString(res) ? (await expandShortcut({ input: res, uno, depth: depth - 1 }))?.[0] : void 0) || [res]
+      )
+    )).flat(1).filter(Boolean)
+  ];
+}
+function escapeRegExp(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+export { expandShortcut, transformAlias, transformerAlias };

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 require('@unocss/core');
-const index = require('./shared/unocss-preset.BBu6rF-8.cjs');
+const index = require('./shared/unocss-preset.6ezA0EE_.cjs');
 require('@vinicunca/perkakas');
 
 

package/dist/index.d.cts

@@ -69,6 +69,35 @@ interface UnoPresetScrollbarOption {
     noCompatible?: boolean;
 }
 
+interface KeepOption {
+    /**
+     * keep prefix for your alias.
+     *
+     * @default '+'
+     */
+    prefix: string;
+    /**
+     * Decedide whether to put it in `blocklist`.
+     *
+     * @default true
+     */
+    block: boolean;
+}
+interface TransformerAliasOptions {
+    /**
+     * Prefix for your alias.
+     *
+     * @default "*"
+     */
+    prefix?: string;
+    /**
+     * Prefix for your alias and keep the original class.
+     *
+     * @default '+'
+     */
+    keep?: string | KeepOption;
+}
+
 interface AnimationOptions {
     /**
      * The unit of time options
@@ -234,7 +263,7 @@ interface PresetVinicuncaOptions {
     /**
      * Enable magicss preset
      *
-     * @about [unocss-preset-magicss](https://github.com/unpreset/unocss-preset-magicss)
+     * @about [Magic Animate](https://github.com/miniMAC/magic)
      * @default false
      */
     magicCss?: boolean;
@@ -265,6 +294,10 @@ interface PresetVinicuncaOptions {
      * @default true
      */
     variantGroup?: boolean | TransformerVariantGroupOptions;
+    /**
+     * Enable transform alias transformer and the options of it
+     */
+    alias?: boolean | TransformerAliasOptions;
 }
 interface FluidOptions {
     /**

package/dist/index.d.mts

@@ -69,6 +69,35 @@ interface UnoPresetScrollbarOption {
     noCompatible?: boolean;
 }
 
+interface KeepOption {
+    /**
+     * keep prefix for your alias.
+     *
+     * @default '+'
+     */
+    prefix: string;
+    /**
+     * Decedide whether to put it in `blocklist`.
+     *
+     * @default true
+     */
+    block: boolean;
+}
+interface TransformerAliasOptions {
+    /**
+     * Prefix for your alias.
+     *
+     * @default "*"
+     */
+    prefix?: string;
+    /**
+     * Prefix for your alias and keep the original class.
+     *
+     * @default '+'
+     */
+    keep?: string | KeepOption;
+}
+
 interface AnimationOptions {
     /**
      * The unit of time options
@@ -234,7 +263,7 @@ interface PresetVinicuncaOptions {
     /**
      * Enable magicss preset
      *
-     * @about [unocss-preset-magicss](https://github.com/unpreset/unocss-preset-magicss)
+     * @about [Magic Animate](https://github.com/miniMAC/magic)
      * @default false
      */
     magicCss?: boolean;
@@ -265,6 +294,10 @@ interface PresetVinicuncaOptions {
      * @default true
      */
     variantGroup?: boolean | TransformerVariantGroupOptions;
+    /**
+     * Enable transform alias transformer and the options of it
+     */
+    alias?: boolean | TransformerAliasOptions;
 }
 interface FluidOptions {
     /**

package/dist/index.d.ts

@@ -69,6 +69,35 @@ interface UnoPresetScrollbarOption {
     noCompatible?: boolean;
 }
 
+interface KeepOption {
+    /**
+     * keep prefix for your alias.
+     *
+     * @default '+'
+     */
+    prefix: string;
+    /**
+     * Decedide whether to put it in `blocklist`.
+     *
+     * @default true
+     */
+    block: boolean;
+}
+interface TransformerAliasOptions {
+    /**
+     * Prefix for your alias.
+     *
+     * @default "*"
+     */
+    prefix?: string;
+    /**
+     * Prefix for your alias and keep the original class.
+     *
+     * @default '+'
+     */
+    keep?: string | KeepOption;
+}
+
 interface AnimationOptions {
     /**
      * The unit of time options
@@ -234,7 +263,7 @@ interface PresetVinicuncaOptions {
     /**
      * Enable magicss preset
      *
-     * @about [unocss-preset-magicss](https://github.com/unpreset/unocss-preset-magicss)
+     * @about [Magic Animate](https://github.com/miniMAC/magic)
      * @default false
      */
     magicCss?: boolean;
@@ -265,6 +294,10 @@ interface PresetVinicuncaOptions {
      * @default true
      */
     variantGroup?: boolean | TransformerVariantGroupOptions;
+    /**
+     * Enable transform alias transformer and the options of it
+     */
+    alias?: boolean | TransformerAliasOptions;
 }
 interface FluidOptions {
     /**

package/dist/index.mjs

@@ -1,3 +1,3 @@
 import '@unocss/core';
-export { a as defineConfig, d as defineVinicuncaConfig, p as presetVinicunca } from './shared/unocss-preset.kBN4Axkk.mjs';
+export { a as defineConfig, d as defineVinicuncaConfig, p as presetVinicunca } from './shared/unocss-preset.DZKZMqtg.mjs';
 import '@vinicunca/perkakas';

package/dist/shared/{unocss-preset.BBu6rF-8.cjs → unocss-preset.6ezA0EE_.cjs}

@@ -431,16 +431,11 @@ function getPreflights(options) {
   ].filter(Boolean);
 }
 
-const PRESET_NAME = "vinicunca";
-const layerMeta = {
-  layer: PRESET_NAME
-};
-
 const customShortcuts = [
   ["flex-center", "flex justify-center items-center"],
   ["flex-x-center", "flex justify-center"],
   ["flex-y-center", "flex items-center"],
-  ["flex-col", "flex flex-col"],
+  ["flex-vertical", "flex flex-col"],
   ["flex-col-center", "flex-center flex-col"]
 ];
 const defaultShortcuts = normalizeShortcut(customShortcuts);
@@ -457,10 +452,17 @@ function normalizeShortcut(shortcut) {
 for (const short of defaultShortcuts) {
   short[2] = Object.assign(
     short[2] || {},
-    layerMeta
+    {
+      layer: "shortcuts"
+    }
   );
 }
 
+const PRESET_NAME = "vinicunca";
+const layerMeta = {
+  layer: PRESET_NAME
+};
+
 const RE_ANIMATION = /^([a-z-]+)\s+([0-9.]+m?s?|[*+])?\s?([a-z-]+(?:\([^)]+\))?|[*+])?\s*([a-z0-9-]+|[*+])?$/i;
 function resolveAnimation(extendAnimation) {
   const animation = {};
@@ -572,7 +574,8 @@ async function resolveOptions(options) {
   };
   const transformerMap = {
     directives: import('unocss').then((mod) => mod.transformerDirectives),
-    variantGroup: import('unocss').then((mod) => mod.transformerVariantGroup)
+    variantGroup: import('unocss').then((mod) => mod.transformerVariantGroup),
+    alias: import('../chunks/transformer-alias.cjs').then((mod) => mod.transformerAlias)
   };
   for (const [key, preset] of Object.entries(presetMap)) {
     const option = optionsWithDefault[key];
@@ -641,7 +644,7 @@ const presetVinicunca = core.definePreset(
     return {
       name: `unocss-preset-${PRESET_NAME}`,
       layers: {
-        [PRESET_NAME]: 2
+        [PRESET_NAME]: 10
       },
       theme,
       shortcuts: [

package/dist/shared/{unocss-preset.kBN4Axkk.mjs → unocss-preset.DZKZMqtg.mjs}

@@ -429,16 +429,11 @@ function getPreflights(options) {
   ].filter(Boolean);
 }
 
-const PRESET_NAME = "vinicunca";
-const layerMeta = {
-  layer: PRESET_NAME
-};
-
 const customShortcuts = [
   ["flex-center", "flex justify-center items-center"],
   ["flex-x-center", "flex justify-center"],
   ["flex-y-center", "flex items-center"],
-  ["flex-col", "flex flex-col"],
+  ["flex-vertical", "flex flex-col"],
   ["flex-col-center", "flex-center flex-col"]
 ];
 const defaultShortcuts = normalizeShortcut(customShortcuts);
@@ -455,10 +450,17 @@ function normalizeShortcut(shortcut) {
 for (const short of defaultShortcuts) {
   short[2] = Object.assign(
     short[2] || {},
-    layerMeta
+    {
+      layer: "shortcuts"
+    }
   );
 }
 
+const PRESET_NAME = "vinicunca";
+const layerMeta = {
+  layer: PRESET_NAME
+};
+
 const RE_ANIMATION = /^([a-z-]+)\s+([0-9.]+m?s?|[*+])?\s?([a-z-]+(?:\([^)]+\))?|[*+])?\s*([a-z0-9-]+|[*+])?$/i;
 function resolveAnimation(extendAnimation) {
   const animation = {};
@@ -570,7 +572,8 @@ async function resolveOptions(options) {
   };
   const transformerMap = {
     directives: import('unocss').then((mod) => mod.transformerDirectives),
-    variantGroup: import('unocss').then((mod) => mod.transformerVariantGroup)
+    variantGroup: import('unocss').then((mod) => mod.transformerVariantGroup),
+    alias: import('../chunks/transformer-alias.mjs').then((mod) => mod.transformerAlias)
   };
   for (const [key, preset] of Object.entries(presetMap)) {
     const option = optionsWithDefault[key];
@@ -639,7 +642,7 @@ const presetVinicunca = definePreset(
     return {
       name: `unocss-preset-${PRESET_NAME}`,
       layers: {
-        [PRESET_NAME]: 2
+        [PRESET_NAME]: 10
       },
       theme,
       shortcuts: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vinicunca/unocss-preset",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Opinionated UnoCSS preset",
   "author": "praburangki<https://github.com/praburangki>",
   "license": "MIT",
@@ -42,21 +42,21 @@
     "dist"
   ],
   "peerDependencies": {
-    "@vinicunca/perkakas": "^1.1.0",
-    "unocss": "^0.65.1"
+    "@vinicunca/perkakas": "^1.2.0",
+    "unocss": "^0.65.2"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@unocss/core": "^0.65.1",
-    "@unocss/preset-icons": "^0.65.1",
-    "@unocss/preset-mini": "^0.65.1",
-    "@unocss/preset-typography": "^0.65.1",
-    "@unocss/preset-uno": "^0.65.1",
-    "@unocss/preset-web-fonts": "^0.65.1",
-    "@unocss/transformer-directives": "^0.65.1",
-    "@unocss/transformer-variant-group": "^0.65.1",
+    "@unocss/core": "^0.65.2",
+    "@unocss/preset-icons": "^0.65.2",
+    "@unocss/preset-mini": "^0.65.2",
+    "@unocss/preset-typography": "^0.65.2",
+    "@unocss/preset-uno": "^0.65.2",
+    "@unocss/preset-web-fonts": "^0.65.2",
+    "@unocss/transformer-directives": "^0.65.2",
+    "@unocss/transformer-variant-group": "^0.65.2",
     "postcss": "^8.4.49",
     "postcss-js": "^4.0.1"
   },