Improve playgrounds

[flevi29]

Pull Request

What does this PR do?

• refactor playgrounds, so that it uses the base package.json Vite dependency, modernize it according to https://vite.new/vanilla

PR checklist

Please check if your PR fulfills the following requirements:

• Does this PR fix an existing issue, or have you listed the changes applied in the PR description (and why they are needed)?
• Have you read the contributing guidelines?
• Have you made sure that the title is accurate and descriptive of the changes?

Thank you so much for contributing to Meilisearch!

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.84%. Comparing base (7b6698f) to head (4b36fec).
Report is 9 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1839   +/-   ##
=======================================
  Coverage   98.84%   98.84%           
=======================================
  Files          17       17           
  Lines        1565     1565           
  Branches      338      338           
=======================================
  Hits         1547     1547           
  Misses         18       18           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[Strift]

Hey @flevi29, thanks for the PR.

Can you add the following files, please?

package.json with the following scripts:

    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"

README.md with the initial Vite instructions

[flevi29]

Whoops, forgot to add the script.

I'm keeping the playground:javascript script name instead of dev for now.
As for build and preview, there's really no point in them, because this playground isn't meant to be built for anything, it's just a local demonstration.

[Strift]

It's best for the playgrounds to be as beginner-friendly as possible. In that regard, we want them to be pretty much copy-pastable, as is.

So we want the playground/javascript to look like a real Vite project. This needs to include:

• a minimal README.md (to explain how to install deps & run dev server)
• a minimal package.json so they can install deps & npm run dev

The rest is good for me. 👌

[Strift]

bors merge

[meili-bors]

Build succeeded:

• types-check
• style-check
• integration-tests (Node.js 22)
• integration-tests (Node.js 18)
• integration-tests (Node.js 20)