astro-vscode 2.0.0-next.3 → 2.0.0-next.5

package/README.md

@@ -0,0 +1,51 @@
+# Astro support for Visual Studio Code
+
+> 🧑‍🚀 Not sure what Astro is? See our website at [astro.build](https://astro.build)!
+
+Provides language support for `.astro` files. This extension is powered by the [Astro language server](https://github.com/withastro/language-tools/tree/main/packages/language-server).
+
+## Features
+
+- Syntax & [semantic](https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide) highlighting
+- [Diagnostic messages](https://code.visualstudio.com/docs/editor/editingevolved#_errors-warnings)
+- [IntelliSense](https://code.visualstudio.com/docs/editor/intellisense) completions ([w/ auto-imports](https://code.visualstudio.com/Docs/languages/typescript#_auto-imports))
+- [Emmet completions](https://code.visualstudio.com/docs/editor/emmet) in HTML & CSS
+- Props completions for JSX/TSX, Vue (Composition API only) and Svelte components
+- [Code actions](https://code.visualstudio.com/docs/editor/editingevolved#_code-action) (quick fixes, sort imports etc)
+- [Formatting](https://code.visualstudio.com/docs/editor/codebasics#_formatting) (powered by [Prettier](https://prettier.io/) and [prettier-plugin-astro](https://github.com/withastro/prettier-plugin-astro))
+- [Symbols](https://code.visualstudio.com/docs/editor/editingevolved#_go-to-symbol) ([outline view](https://code.visualstudio.com/docs/getstarted/userinterface#_outline-view), [breadcrumb navigation](https://code.visualstudio.com/docs/editor/editingevolved#_breadcrumbs) etc)
+- [Hover information](https://code.visualstudio.com/Docs/languages/typescript#_hover-information)
+- [Go to Definition](https://code.visualstudio.com/docs/editor/editingevolved#_go-to-definition)
+- [Inlay hints](https://code.visualstudio.com/docs/editor/editingevolved#_inlay-hints)
+- [Code folding](https://code.visualstudio.com/docs/editor/codebasics#_folding)
+- and more!
+
+A TypeScript plugin adding support for importing Astro components inside JavaScript and TypeScript files is also included.
+
+## Configuration
+
+You can disable most features in the extension by going to your workspace settings page. Under **Extension** find Astro configuration and uncheck the feature(s) you do not want. For example to disable error messages unselect **TypeScript > Diagnostics: Enable** (or in JSON, set `astro.typescript.diagnostics.enabled` to `false`).
+
+Formatting can be configured through [Prettier's different configuration methods](https://prettier.io/docs/en/configuration.html). TypeScript settings can be configured using VS Code's TypeScript settings (`typescript.xxx`).
+
+## Troubleshooting
+
+### Unable to update to latest version
+
+Starting from 0.19.0, the minimum VS Code version supported by this extension is 1.67.0 (April 2022). If using an older version of VS Code, 0.18.1 will be installed instead.
+
+Before submitting an issue, please make sure you're using the latest version of both VS Code and the extension!
+
+### Inlay Hints don't work
+
+Currently, only inlay hints provided by TypeScript are supported. TypeScript inlay hints are disabled by default and needs to be enabled using the settings under the `typescript.inlayHints` namespace, for example, to enable inlay hints for parameter names, you would do the following:
+
+```json
+{
+  "typescript.inlayHints.parameterNames.enabled": "all"
+}
+```
+
+Alternatively, in the GUI this would be in **TypeScript > Inlay Hints > Parameter Names**. Make sure to update the TypeScript settings and not the JavaScript ones, as Astro is TypeScript-only
+
+See [this page](https://code.visualstudio.com/Docs/languages/typescript#_inlay-hints) for more information on the different settings available for inlay hints

package/assets/lang-icon-dark.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+  <path fill="url(#a)" d="M8.36 16.22c-.38 1.25-.11 2.99.79 3.81V20l.03-.08c.11-.53.54-.86 1.09-.84.51.01.8.28.87.87.03.22.03.44.04.67v.07c0 .5.14.98.42 1.4.25.4.6.71 1.07.92l-.02-.04-.02-.08c-.35-1.05-.1-1.78.82-2.4l.28-.19.62-.41a3.04 3.04 0 0 0 1.28-2.17c.05-.38 0-.75-.11-1.11l-.15.1c-1.39.74-2.98 1-4.52.7-.93-.14-1.83-.4-2.5-1.18Z"/>
+  <path fill="#fff" d="M4 16s2.67-1.3 5.35-1.3l2.03-6.26c.07-.3.29-.5.54-.5.25 0 .46.2.54.51l2.02 6.25c3.18 0 5.35 1.3 5.35 1.3L15.28 3.6c-.12-.37-.35-.6-.64-.6H9.2c-.29 0-.5.23-.64.6L4 16Z"/>
+  <defs>
+    <linearGradient id="a" x1="8.19" x2="16.91" y1="23" y2="18.89" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+</svg>

package/assets/lang-icon-light.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+  <path fill="url(#a)" d="M8.36 16.22c-.38 1.25-.11 2.99.79 3.81V20l.03-.08c.11-.53.54-.86 1.09-.84.51.01.8.28.87.87.03.22.03.44.04.67v.07c0 .5.14.98.42 1.4.25.4.6.71 1.07.92l-.02-.04-.02-.08c-.35-1.05-.1-1.78.82-2.4l.28-.19.62-.41a3.04 3.04 0 0 0 1.28-2.17c.05-.38 0-.75-.11-1.11l-.15.1c-1.39.74-2.98 1-4.52.7-.93-.14-1.83-.4-2.5-1.18Z"/>
+  <path fill="#17191E" d="M4 16s2.67-1.3 5.35-1.3l2.03-6.26c.07-.3.29-.5.54-.5.25 0 .46.2.54.51l2.02 6.25c3.18 0 5.35 1.3 5.35 1.3L15.28 3.6c-.12-.37-.35-.6-.64-.6H9.2c-.29 0-.5.23-.64.6L4 16Z"/>
+  <defs>
+    <linearGradient id="a" x1="8.19" x2="16.91" y1="23" y2="18.89" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+</svg>