1
0
Fork 0
mirror of synced 2024-06-29 03:20:34 +12:00

use regex for search

This commit is contained in:
Martin McKeaveney 2021-02-01 14:46:44 +00:00
parent 988b926436
commit f6b357c66b
2 changed files with 10 additions and 10 deletions

View file

@ -29,6 +29,7 @@
$: categories = Object.entries(groupBy("category", bindings))
$: value && checkValid()
$: searchRgx = new RegExp(search, "ig")
function onClickBinding(binding) {
const position = getCaretPosition()
@ -61,7 +62,7 @@
<Heading extraSmall>{categoryName}</Heading>
<Spacer extraSmall />
{#each bindings.filter(binding =>
binding.label.startsWith(search)
binding.label.match(searchRgx)
) as binding}
<div class="binding" on:click={() => onClickBinding(binding)}>
<span class="binding__label">{binding.label}</span>
@ -75,9 +76,7 @@
{/each}
<Heading extraSmall>Helpers</Heading>
<Spacer extraSmall />
{#each helpers.filter(binding =>
binding.label.startsWith(search)
) as helper}
{#each helpers.filter(helper => helper.label.match(searchRgx) || helper.description.match(searchRgx)) as helper}
<div class="binding" on:click={() => onClickBinding(helper)}>
<span class="binding__label">{helper.label}</span>
<br />

View file

@ -29,6 +29,7 @@
)
$: dispatch("update", value)
$: ({ instance, context } = groupBy("type", bindableProperties))
$: searchRgx = new RegExp(search, "ig")
function checkValid() {
// TODO: need to convert the value to the runtime binding
@ -69,7 +70,7 @@
<Spacer small />
<ul>
{#each context.filter(context =>
context.readableBinding.startsWith(search)
context.readableBinding.match(searchRgx)
) as { readableBinding }}
<li on:click={() => addToText(readableBinding)}>
{readableBinding}
@ -83,7 +84,7 @@
<Spacer small />
<ul>
{#each instance.filter(instance =>
instance.readableBinding.startsWith(search)
instance.readableBinding.match(searchRgx)
) as { readableBinding }}
<li on:click={() => addToText(readableBinding)}>
{readableBinding}
@ -95,13 +96,13 @@
<Heading extraSmall>Helpers</Heading>
<Spacer small />
<ul>
{#each helpers.filter(helper =>
helper.label.startsWith(search)
) as helper}
{#each helpers.filter(helper => helper.label.match(searchRgx) || helper.description.match(searchRgx)) as helper}
<li on:click={() => addToText(helper.text)}>
<div>
<Label extraSmall>{helper.displayText}</Label>
<div class="description">{@html helper.description}</div>
<div class="description">
{@html helper.description}
</div>
</div>
</li>
{/each}