minimap | Adding minimap functionality to CodeMirror | Editor library

Add this setting in your settings.json file in vs code.

background doesn't have a per pixel alpha format. Set the SRCALPHA flag to create a surface with an image format that includes a per-pixel alpha. Don't fill the background with an opaque black color:

background = pygame.Surface((minimap.get_width(), minimap.get_height()))
background.fill((0, 0, 0))
background.set_alpha(0)

MDN says (I'm paraphrasing) that layerX is position of the mouse cursor relative to the clicked element or one of it's parents that is absolutely positioned element

Your ghosty-box is position: absolute, which means that is it's clicked, the layerX is relative to it. If you could position it relatively or using margins, that would solve the issue.

Other option is using pageX or screenX and computing the offset yourself, or positioning an overlay element over the minimap and catching the click on that.

next/dynamic is used to dynamically import React components. To dynamically import regular JavaScript libraries you can simply use ES2020 dynamic import().

You also need to rename your publishableToken option to publishableAccessToken, as that's the expected syntax.

You're using dev.onyxstudios.cca, whatever that might be, and it is using reflection to get at a field named type of some unspecified class.

It is either trying to get at the field named type of one of JDK's own classes, in which case the fix is to uninstall whatever JDK you installed and install AdoptOpenJDK11: You're on a too-new version of java and these most recent versions have been breaking apps left and right by disabling aspects of the reflective API.

Or, it is trying to get to a field named type in one of the classes of the FABRIC project, perhaps, whatever that might be, based on the content of this error message. In which case, the problem is a version incompatibility between these two plugins. Look up the project pages of these 2 plugins and install 2 versions whose release dates are close together. This usually involves downgrading the more recently updated one.

I did make a simple test, I did choose one of the most popular extensions package for that and did make the settings indicated.

I'm using RedHat Java Extension, but installed with Microsoft Java Extension Pack: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack, that install RedHat Extension.

In my computer, I had only JDK 8. I'm using linux, I did install JDK simply put in some place, like /usr/lib/jvm, and using update-alternatives to manager the versions, in case I need more than one version.

The documentation of RedHat Extension states that is needed JDK 11 or newer: https://github.com/redhat-developer/vscode-java/wiki/JDK-Requirements#java.configuration.runtimes.

So, I need to download JDK, I choose Oracle Version, but could be OpenJDK, and I nether needed to configue another version, I just put in some place, /usr/lib/jvm, just for organization, and I did define what was needed at VS Code User Settings: Ctrl + Shift + P, to open Pallete, and enter with Preferences: Open Settings (JSON).

Try adding the following setting to your config:

I was missing the Leaflet's CSS. Just need to import it into the react component:

import 'leaflet/dist/leaflet.css';

Found the issue, I've broke .prettierrc with a non-existing rule.