Adapt and fix one playground

Author: flevi29

package.json

@@ -40,7 +40,9 @@
     "prettier": "^3.4.2",
     "vite": "^6.0.9",
     "@vitest/coverage-v8": "^3.0.2",
+    "concurrently": "^9.1.2",
     "vitest": "^3.0.2",
+    "cypress": "^8.6.0",
     "turbo": "^2.3.3",
     "algoliasearch-helper": "^3.23.0",
     "@changesets/cli": "^2.26.1",

packages/autocomplete-client/package.json

@@ -47,7 +47,6 @@
   },
   "devDependencies": {
     "@algolia/autocomplete-js": "^1.7.4",
-    "concurrently": "^7.1.0",
     "cssnano": "^4.1.10",
     "eslint-config-meilisearch": "*",
     "instantsearch.js": "^4.56.2",

playgrounds/autocomplete/cypress.env.json

@@ -1,5 +1,5 @@
 {
   "local": {
-    "host": "http://localhost:7777"
+    "host": "http://localhost:5173"
   }
 }

playgrounds/autocomplete/package.json

@@ -4,10 +4,10 @@
   "private": true,
   "description": "Javascript playground for autocomplete",
   "scripts": {
-    "predev": "node setup.cjs",
-    "dev": "parcel serve index.html --open --port 7777",
-    "build": "parcel build index.html",
-    "setup": "node setup.cjs",
+    "predev": "node setup.mjs",
+    "dev": "vite",
+    "build": "vite build",
+    "setup": "node setup.mjs",
     "lint": "eslint --ext .jsx,.js .",
     "lint:fix": "eslint --ext .jsx,.js --fix .",
     "test:e2e": "concurrently --kill-others -s first \"yarn dev\" \"cypress run --env playground=local\"",
@@ -22,15 +22,13 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@algolia/autocomplete-core": "1.7.4",
-    "@algolia/autocomplete-plugin-query-suggestions": "^1.9.3",
-    "@algolia/autocomplete-plugin-tags": "^1.10.0",
-    "@algolia/autocomplete-theme-classic": "^1.10.0",
+    "@algolia/autocomplete-core": "1.17.9",
+    "@algolia/autocomplete-plugin-query-suggestions": "^1.17.9",
+    "@algolia/autocomplete-plugin-tags": "^1.17.9",
+    "@algolia/autocomplete-theme-classic": "^1.17.9",
     "@meilisearch/autocomplete-client": "*"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.1",
-    "eslint-config-meilisearch": "*",
-    "parcel": "^2.12.0"
+    "eslint-config-meilisearch": "*"
   }
 }

playgrounds/autocomplete/setup.cjs

@@ -0,0 +1,10 @@
+import { MeiliSearch } from "meilisearch";
+import games from "./assets/games.json" with { type: "json" };
+
+const client = new MeiliSearch({
+  host: "http://localhost:7700",
+  apiKey: "masterKey",
+});
+await client.index("steam-video-games").delete();
+const task = await client.index("steam-video-games").addDocuments(games);
+await client.waitForTask(task.taskUid);

playgrounds/autocomplete/setup.mjs

@@ -35,7 +35,6 @@
     "@babel/plugin-syntax-jsx": "^7.22.5",
     "@babel/plugin-transform-runtime": "^7.22.5",
     "@babel/preset-react": "^7.22.5",
-    "cypress": "^8.6.0",
     "eslint-config-meilisearch": "*"
   }
 }

playgrounds/local-react/package.json

@@ -11,15 +11,12 @@
     "lint:fix": "eslint --ext .ts,.vue,.js,.cjs --fix .",
     "test:types": "yarn tsc"
   },
-  "dependencies": {
-    "@meilisearch/instant-meilisearch": "0.23.0",
-    "vue": "^3.2.45",
-    "vue-instantsearch": "^4.10.8"
-  },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "vite": "^4.5.5",
-    "vue-tsc": "^1.0.11",
+    "vue-instantsearch": "^4.10.8",
+    "@meilisearch/instant-meilisearch": "*",
+    "vue": "^3.5.13",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "vue-tsc": "^2.2.0",
     "eslint-config-meilisearch": "*"
   }
-}
+}