@unocss/autocomplete 0.32.0 → 0.32.8

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Anthony Fu <https://github.com/antfu>
+Copyright (c) 2021-PRESENT Anthony Fu <https://github.com/antfu>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -70,4 +70,4 @@ For multiple templates
 
 ## License
 
-MIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)
+MIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)

package/dist/index.cjs

@@ -163,6 +163,7 @@ function createAutocomplete(uno) {
       ...a2zd.map((j) => `${i}${j}`)
     ]);
     await Promise.all(keys.map((key) => suggest(key).then((i) => i.forEach((j) => matched.add(j)))));
+    await Promise.all([...matched].filter((i) => i.match(/^\w+$/) && i.length > 3).map((i) => suggest(`${i}-`).then((i2) => i2.forEach((j) => matched.add(j)))));
     return matched;
   }
   function getParsed(template) {
@@ -176,7 +177,7 @@ function createAutocomplete(uno) {
     if (cache.has(input))
       return cache.get(input);
     const [, processed, , variants] = uno.matchVariants(input);
-    const idx = processed ? input.search(processed) : input.length;
+    const idx = processed ? input.search(core.escapeRegExp(processed)) : input.length;
     if (idx === -1)
       return [];
     const variantPrefix = input.slice(0, idx);

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { toArray, uniq } from '@unocss/core';
+import { escapeRegExp, toArray, uniq } from '@unocss/core';
 import LRU from 'lru-cache';
 
 const shorthands = {
@@ -155,6 +155,7 @@ function createAutocomplete(uno) {
       ...a2zd.map((j) => `${i}${j}`)
     ]);
     await Promise.all(keys.map((key) => suggest(key).then((i) => i.forEach((j) => matched.add(j)))));
+    await Promise.all([...matched].filter((i) => i.match(/^\w+$/) && i.length > 3).map((i) => suggest(`${i}-`).then((i2) => i2.forEach((j) => matched.add(j)))));
     return matched;
   }
   function getParsed(template) {
@@ -168,7 +169,7 @@ function createAutocomplete(uno) {
     if (cache.has(input))
       return cache.get(input);
     const [, processed, , variants] = uno.matchVariants(input);
-    const idx = processed ? input.search(processed) : input.length;
+    const idx = processed ? input.search(escapeRegExp(processed)) : input.length;
     if (idx === -1)
       return [];
     const variantPrefix = input.slice(0, idx);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/autocomplete",
-  "version": "0.32.0",
+  "version": "0.32.8",
   "description": "Autocomplete utils for UnoCSS",
   "keywords": [
     "unocss",
@@ -32,15 +32,14 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "lru-cache": "^7.8.1"
+    "lru-cache": "^7.9.0"
   },
   "devDependencies": {
     "@types/lru-cache": "^7.6.1",
-    "@unocss/core": "0.32.0"
+    "@unocss/core": "0.32.8"
   },
   "scripts": {
     "build": "unbuild",
     "stub": "unbuild --stub"
-  },
-  "readme": "# @unocss/autocomplete\n\nAutocomplete utils for UnoCSS. This is embedded in [the playground](https://unocss.antfu.me/) and [the VS Code extension](https://github.com/unocss/unocss/tree/main/packages/vscode).\n\n## Syntax\n\nTo add autocomplete support to your custom rules:\n\n### Static Rules\n\nStatic rules like this will just works without any configuration.\n\n```ts\nrules: [\n  ['flex', { display: 'flex' }]\n]\n```\n\n### Dynamic Rules\n\nFor dynamic rules, you can provide an extra `meta` object to the rule and specify the autocomplete template.\n\n```ts\nrules: [\n  [\n    /^m-(\\d)$/,\n    ([, d]) => ({ margin: `${d / 4}rem` }),\n    { autocomplete: 'm-<num>' }, // <-- this\n  ],\n]\n```\n\nThe template uses a simle DSL to specify the autocomplete suggestions. The syntax is:\n\n- `(...|...)`: logic OR groups. `|` as the separator. Will be used as suggestions when the some of the groups match.\n- `<...>`: built-in short hands. currently supports `<num>`, `<percent>` and `<directions>`\n- `$...`: theme infering. for example, `$colors` will list all the properties of the `colors` object of the theme.\n\nFor examples:\n\n###### Example 1\n\n- **Template**: `(border|b)-(solid|dashed|dotted|double|hidden|none)`\n- **Input**: `b-do`\n- **Suggestions**: `b-dashed`, `b-double`\n\n###### Example 2\n\n- **Template**: `m-<num>`\n- **Input**: `m-`\n- **Suggestions**: `m-1`, `m-2`, `m-3` ...\n\n###### Example 3\n\n- **Template**: `text-$colors`\n- **Input**: `text-r`\n- **Suggestions**: `text-red`, `text-rose` ...\n\n###### Example 4\n\nFor multiple templates\n\n- **Template**: `['(border|b)-<num>', '(border|b)-<directions>-<num>']`\n\n- **Input**: `b-`\n- **Suggestions**: `b-x`, `b-y`, `b-1`, `b-2` ...\n\n- **Input**: `b-x-`\n- **Suggestions**: `b-x-1`, `b-x-2` ...\n\n## License\n\nMIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)\n"
+  }
 }