lot-games

Repository: github.com/Techie-Ademola/lot-extention-game

Nokia-style snake inside VS Code / Cursor: eat JS, React, Vue, TS, and more instead of apples. Good for a quick break while tools or AI finish.

After you install (from the Extensions view)

1. Command Palette (Ctrl+Shift+P / Cmd+Shift+P) → Start lot-games
2. Or click the lot-games icon in the activity bar (left) → Play → Start lot-games
3. Or use the play button in the editor title bar when a file is open

Controls: arrow keys or WASD.

Why “lot-games” doesn’t show in Extensions search

The marketplace search bar only lists published extensions (Open VSX, VS Marketplace, etc.). This project is not published there by default, so searching “lot-games” may show unrelated hits until you publish.

To use it on your machine you must install the .vsix file (see below). After that, open the Installed tab in Extensions and look for lot-games under publisher LOT-game, or run Start lot-games from the Command Palette.

To appear in search for everyone, you need to publish the extension (see the Marketplace section at the bottom of this README).

Build a .vsix (upload / drag-and-drop install)

From the project folder:

npm install
npm run vsix

This runs compile and writes lot-games-<version>.vsix in the project root (e.g. lot-games-0.1.3.vsix; version is package.json → version).

Install in VS Code / Cursor

Cursor often does not show “Install from VSIX…” under the Extensions ⋯ menu. Use one of these instead:

A — Command Palette (works in Cursor)

1. Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows/Linux).
2. Type Install from VSIX (full command name: Extensions: Install from VSIX…).
3. Choose your file, e.g.
   /Users/admin/Desktop/lot-code-game/lot-games-0.1.3.vsix

B — Terminal (Cursor CLI)

cursor --install-extension "/Users/admin/Desktop/lot-code-game/lot-games-0.1.3.vsix"

(Use your real path and .vsix filename if the version changed.)

C — Drag and drop

Open the Extensions sidebar, then drag the .vsix file from Finder onto that sidebar (or the editor window).

D — VS Code only

In classic VS Code, the same command is also under Extensions → header ⋯ → Install from VSIX… (Cursor’s UI may omit it).

Reload if prompted, then Command Palette → Start lot-games.

The packaged file name includes the version (e.g. lot-games-0.1.3.vsix; bump version in package.json when you release).

For marketplace upload pages that ask you to drag and drop a package, use that same .vsix file.

Extension “does nothing” or won’t open

1. Command Palette → lot-games: Show Output Log — confirms the extension activated and shows any load error.
2. Run Start lot-games again with a normal file open (not only the empty welcome page).
3. Rebuild and reinstall: npm run vsix, then Install from VSIX… again (replace the old version).

Angular Language Service crashes (“Pending response rejected…”) in this repo

This project is a VS Code extension (it has a package.json, but not Angular). The Angular Language Service extension still picks lot-code-game as a workspace root, then tries to load @angular/language-service from node_modules. That package is not installed here, so the server exits with code 1 and you see follow-up errors like Pending response rejected since connection got disposed.

Fix: Extensions → Angular Language Service → Disable (Workspace) for this folder, then Developer: Reload Window.

Do not add Angular packages to this repo just to silence the error.

For developers (this repo)

npm install
npm run compile

Run as an extension (editor tab — this is the real extension)

npm run play does not load the extension; it only opens the game in a browser.

To run lot-games as an extension:

1. Open this folder as the workspace in VS Code or Cursor (File → Open Folder… → lot-code-game).
2. Run → Start Debugging or press F5 and pick Run Extension (.vscode/launch.json runs compile first, then opens an Extension Development Host window).
3. In that new window (title often says [Extension Development Host]), open the Command Palette → Start lot-games.

The game opens as a new tab in the same editor area as your current file (next to README.md, etc.), not in the sidebar. If nothing happens, check View → Output → Log (Extension Host) for errors.

Optional: same game in the browser (not the extension)

npm run play

Publish to the Marketplace (so others get the Install button)

The Extensions sidebar search and Install button use the Visual Studio Code Marketplace (VS Code) or your editor’s equivalent (e.g. Open VSX for some forks).

1. Create a publisher at Visual Studio Studio Marketplace — Manage Publishers (Microsoft account).

2. Personal Access Token with Marketplace (Manage) scope: Azure DevOps → User settings → Personal access tokens.

3. In package.json, set "publisher" to your publisher ID (must match the marketplace exactly, e.g. LOT-game), and add a real repository URL if the marketplace requires it.

4. Install dependencies and publish (publisher in package.json must match your marketplace ID, e.g. LOT-game):

   npm install
   npx @vscode/vsce login LOT-game
   npm run vsix          # optional: build lot-games-<version>.vsix for a dry run
   npm run publish
   

   (That runs vsce publish --no-dependencies --allow-missing-repository. Add a repository field to package.json if the marketplace rejects a missing repo.)

   Or upload the .vsix manually from the publisher manage page.

   Publish with a token in CI (no interactive login):

   npx @vscode/vsce publish --no-dependencies --allow-missing-repository -p <YOUR_PERSONAL_ACCESS_TOKEN>
   

5. The listing icon is media/icon.png (128×128 PNG generated from the lot-games artwork).

After approval, users can search lot-games (or your listing name) in Extensions: Marketplace and click Install like any other extension.

Note: The extension id is LOT-game.lot-games (publisher.name). If you previously installed LOT-game.lot-game, uninstall it to avoid duplicates. Older installs LOT-game.tech-snake (or local.tech-snake) are different extension ids as well.

Open VSX (Cursor search — Eclipse login & Publisher Agreement)

Cursor (and VSCodium, Eclipse Theia, etc.) often use open-vsx.org, not Microsoft’s marketplace. That site is run under the Eclipse Foundation, so you will see:

You must log in with an Eclipse Foundation account and sign a Publisher Agreement before publishing.

That is normal for Open VSX. It is not the same as publishing with vsce to Microsoft.

Steps:

1. Create a free account at accounts.eclipse.org (or log in if you already have one).

2. Go to open-vsx.org → sign in with Eclipse → accept the Publisher Agreement when asked.

3. In your Open VSX profile, create a personal access token for publishing.

4. Install the Open VSX CLI and publish (from this repo, after npm run vsix or with a built package):

   npm install -g @openvsx/cli
   ovsx publish lot-games-0.1.3.vsix -p <YOUR_OPEN_VSX_TOKEN>
   

   Or publish from the project (uses package.json):

   npx @openvsx/cli publish -p <YOUR_OPEN_VSX_TOKEN>
   

Publisher name: Open VSX uses its own publisher namespace. You may need to claim the LOT-game (or similar) namespace on Open VSX after signing the agreement — follow their UI for “create publisher” / namespace.

Summary: Microsoft Marketplace = Azure DevOps PAT + vsce. Open VSX = Eclipse account + Publisher Agreement + ovsx token. Use both if you want VS Code and Cursor search to find the extension.

License

MIT