🐛 fix prettier conf in vscode

VSCode's Prettier extension doesn't resolve esm imports correctly, so we have to help it out.

Author: dudeofawesome

packages/code-style/src/prettierrc.mts

@@ -2,11 +2,14 @@
 
 import { execSync } from 'child_process';
 import deepmerge from 'deepmerge';
-import type { Config } from 'prettier';
+import type { Config, Plugin } from 'prettier';
 import type { RubyConfig } from '@prettier/plugin-ruby';
-import * as plugin_ruby from '@prettier/plugin-ruby';
+import plugin_ruby from '@prettier/plugin-ruby';
 import * as plugin_packagejson from 'prettier-plugin-packagejson';
 
+// eslint-disable-next-line n/no-process-env -- this is the only config we need.
+const in_vscode_ext = process.env.VSCODE_PID != null;
+
 const is_prettier_gem_installed: boolean = (() => {
   try {
     return (
@@ -20,6 +23,34 @@ const is_prettier_gem_installed: boolean = (() => {
   }
 })();
 
+function resolve_plugin(
+  plugin: 'prettier-plugin-packagejson' | '@prettier/plugin-ruby',
+): string | Plugin {
+  if (!in_vscode_ext) {
+    switch (plugin) {
+      case 'prettier-plugin-packagejson':
+        return plugin_packagejson;
+      case '@prettier/plugin-ruby':
+        return plugin_ruby;
+    }
+  } else {
+    /**
+     * vscode's prettier extension fails to load esm plugins when they include
+     * an esm import (https://github.com/prettier/prettier-vscode/issues/3066)
+     * so we resolve the package's path here instead.
+     */
+    return (
+      import.meta
+        .resolve(plugin)
+        /**
+         * vscode's prettier ext can't understand URIs, so we must convert
+         * the URI to an absolute path instead.
+         */
+        .replace(/^file:\/\//u, '')
+    );
+  }
+}
+
 const option_sets: Record<string, Config | RubyConfig> = {
   general: {
     singleQuote: true,
@@ -52,12 +83,12 @@ const option_sets: Record<string, Config | RubyConfig> = {
 
   package_json: {
     // TODO(0): consider switching to `prettier-plugin-pkg`
-    plugins: [plugin_packagejson],
+    plugins: [resolve_plugin('prettier-plugin-packagejson')],
   },
 
   ruby: is_prettier_gem_installed
     ? {
-        plugins: [plugin_ruby],
+        plugins: [resolve_plugin('@prettier/plugin-ruby')],
 
         rubySingleQuote: true,
         // rubyPlugins: ['plugin/single_quotes'],