feat(logs): add in-input search with fuzzy highlighting, empty state, and controls #369

HarshMN2345 · 2025-10-08T09:33:28Z

What does this PR do?

(Provide a description of what this PR does.)

Test Plan

Related PRs and Issues

(If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

Have you read the Contributing Guidelines on issues?

(Write your answer here.)

… and controls

changeset-bot · 2025-10-08T09:33:32Z

⚠️ No Changeset found

Latest commit: 293b6a8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

💥 An error occurred when fetching the changed packages and changesets in this PR

Some errors occurred when validating the changesets config:
The package or glob expression "@appwrite.io/pink" specified in the `linked` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/pink-icons" specified in the `linked` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/kitchensink" is specified in the `ignore` option but it is not found in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/fonts" is specified in the `ignore` option but it is not found in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@appwrite.io/pink-design" is specified in the `ignore` option but it is not found in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.

coderabbitai · 2025-10-08T09:33:53Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch feat-SER-364-logs-search-highlighting-empty-state

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

github-actions · 2025-10-08T09:34:16Z

🚀 Previews available on pkg.vc!

📦 `@appwrite.io/pink-svelte`

Install @appwrite.io/pink-svelte with:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@293b6a8

Alternatively, you may specify a branch name or pull request number:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte~feat-SER-364-logs-search-highlighting-empty-state
pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte!369

📦 `@appwrite.io/pink-icons-svelte`

Install @appwrite.io/pink-icons-svelte with:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@293b6a8

Alternatively, you may specify a branch name or pull request number:

pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte~feat-SER-364-logs-search-highlighting-empty-state
pnpm install https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte!369

github-actions · 2025-10-09T08:37:42Z

Uh oh! @HarshMN2345, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

…state

v2/pink-sb/src/lib/Logs.svelte

…state

github-actions · 2025-10-27T05:48:02Z

Uh oh! @HarshMN2345, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

github-actions · 2025-10-27T05:50:02Z

Uh oh! @HarshMN2345, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

TorstenDittmann · 2025-10-28T13:36:53Z

v2/pink-sb/src/lib/Logs.svelte

+                :global(.log-highlight-exact) {
+                    background-color: rgba(254, 124, 67, 0.5);
+                    font-weight: 600;
+                    border-radius: 2px;
+                    padding: 0 2px;
+                    color: inherit;
+                }
+
+                :global(.log-highlight-fuzzy) {
+                    background-color: rgba(254, 124, 67, 0.25);
+                    border-radius: 2px;
+                    padding: 0 2px;
+                    color: inherit;
+                }


can we avoid those global classes?

they tend to cause a lot of bad side effects

feat(logs): add in-input search with fuzzy highlighting, empty state,…

411470c

… and controls

HarshMN2345 changed the base branch from main to next October 8, 2025 09:33

lint issue

0bdb5e2

HarshMN2345 marked this pull request as draft October 8, 2025 12:40

HarshMN2345 added 2 commits October 9, 2025 07:03

fix copy

8a68cf8

fix for sync

4d6bdef

HarshMN2345 added 5 commits October 9, 2025 08:48

cleaned and improved searching

eab33ba

adding calculate similarity fn

a90a620

improve HTML escaping

8c93290

lint issue

d030e8e

enable 1-char search and ignore ANSI/control codes in results

1202c02

HarshMN2345 marked this pull request as ready for review October 14, 2025 07:41

HarshMN2345 requested a review from ItzNotABug October 14, 2025 07:42

HarshMN2345 added 3 commits October 20, 2025 14:08

Update Logs.svelte

0fb04d1

Merge branch 'next' into feat-SER-364-logs-search-highlighting-empty-…

a3c6dfe

…state

Merge branch 'next' into feat-SER-364-logs-search-highlighting-empty-…

d2c20e8

…state

ItzNotABug requested changes Oct 22, 2025

View reviewed changes

v2/pink-sb/src/lib/Logs.svelte Outdated Show resolved Hide resolved

ItzNotABug requested a review from TorstenDittmann October 22, 2025 07:48

HarshMN2345 and others added 4 commits October 23, 2025 18:56

Merge branch 'next' into feat-SER-364-logs-search-highlighting-empty-…

2acd23f

…state

extract inline mapping to reactive variable in Logs.svelte

bd11254

min-height to prevent large shift

d339bb2

Merge branch 'next' into feat-SER-364-logs-search-highlighting-empty-…

293b6a8

…state

HarshMN2345 changed the base branch from next to feat-SER-205-new-expansion-table-component October 27, 2025 05:47

HarshMN2345 changed the base branch from feat-SER-205-new-expansion-table-component to next October 27, 2025 05:49

TorstenDittmann reviewed Oct 28, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

feat(logs): add in-input search with fuzzy highlighting, empty state, and controls #369

feat(logs): add in-input search with fuzzy highlighting, empty state, and controls #369

HarshMN2345 commented Oct 8, 2025 •

edited

Loading

Uh oh!

changeset-bot bot commented Oct 8, 2025 •

edited

Loading

Uh oh!

coderabbitai bot commented Oct 8, 2025 •

edited

Loading

Review skipped

Uh oh!

github-actions bot commented Oct 8, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Oct 9, 2025

Uh oh!

Uh oh!

github-actions bot commented Oct 27, 2025

Uh oh!

github-actions bot commented Oct 27, 2025

Uh oh!

TorstenDittmann Oct 28, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

feat(logs): add in-input search with fuzzy highlighting, empty state, and controls #369

Are you sure you want to change the base?

feat(logs): add in-input search with fuzzy highlighting, empty state, and controls #369

Conversation

HarshMN2345 commented Oct 8, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What does this PR do?

Test Plan

Related PRs and Issues

Have you read the Contributing Guidelines on issues?

Uh oh!

changeset-bot bot commented Oct 8, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

coderabbitai bot commented Oct 8, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

github-actions bot commented Oct 8, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🚀 Previews available on pkg.vc!

📦 @appwrite.io/pink-svelte

📦 @appwrite.io/pink-icons-svelte

Uh oh!

github-actions bot commented Oct 9, 2025

Uh oh!

Uh oh!

github-actions bot commented Oct 27, 2025

Uh oh!

github-actions bot commented Oct 27, 2025

Uh oh!

TorstenDittmann Oct 28, 2025

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

HarshMN2345 commented Oct 8, 2025 •

edited

Loading

changeset-bot bot commented Oct 8, 2025 •

edited

Loading

coderabbitai bot commented Oct 8, 2025 •

edited

Loading

github-actions bot commented Oct 8, 2025 •

edited

Loading

📦 `@appwrite.io/pink-svelte`

📦 `@appwrite.io/pink-icons-svelte`