diff --git a/monster/README.md b/monster/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..754badd769227a7306d97998db281edaf4d4d4d0
--- /dev/null
+++ b/monster/README.md
@@ -0,0 +1,50 @@
+# monster README
+
+Introducing our Visual Studio Code extension, which seamlessly integrates the Monster Framework and Monster Components into your
+VSCode environment. The Monster Framework is a collection of JavaScript classes and functions designed to streamline your
+development process, while Monster Components consist of typical web UI controls to enhance user interfaces.
+
+This extension simplifies the integration of these powerful tools, making it easier for you to create exceptional web applications.
+Check out this README for a comprehensive guide on getting started with this versatile VSCode extension.
+
+## Features
+
+* Tag extension: Simplify the creation and manipulation of HTML tags within your project.
+* Attribute management: Easily add, modify, and remove HTML attributes to enhance your web components.
+* CSS classes: Streamline the integration and customization of CSS classes for improved styling and design.
+
+## Requirements
+
+To utilize this extension, ensure that you have a JavaScript project, Node.js installed, and the Monster package saved as a dependency in your project.
+
+## Extension Settings
+
+Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
+
+This extension contributes the following settings:
+
+* `monster-js.enable`: Enable/disable this extension.
+
+## Known Issues
+
+Please note that this extension is currently in development, and we are actively working on improving its functionality and addressing any issues that may arise.
+
+## Release Notes
+
+See [CHANGELOG](https://gitlab.schukai.com/oss/libraries/javascript/vs-code-extension/-/blob/master/CHANGELOG.md)
+
+
+---
+
+## Working with Markdown
+
+You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:
+
+
+## For more information
+
+* [Repository](https://gitlab.schukai.com/oss/libraries/javascript/vs-code-extension)
+* [Monster Website](http://monsterjs.org)
+* [schukai GmbH](https://www.schukai.com/)
+
+**Enjoy!**
diff --git a/monster/README.md-2 b/monster/README.md-2
deleted file mode 100644
index 4d125efa0552a541feef6b4f5ea1a3be73ab242e..0000000000000000000000000000000000000000
--- a/monster/README.md-2
+++ /dev/null
@@ -1,65 +0,0 @@
-# monster README
-
-This is the README for your extension "monster". After writing up a brief description, we recommend including the following sections.
-
-## Features
-
-Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.
-
-For example if there is an image subfolder under your extension project workspace:
-
-\!\[feature X\]\(images/feature-x.png\)
-
-> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
-
-## Requirements
-
-If you have any requirements or dependencies, add a section describing those and how to install and configure them.
-
-## Extension Settings
-
-Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
-
-For example:
-
-This extension contributes the following settings:
-
-* `myExtension.enable`: Enable/disable this extension.
-* `myExtension.thing`: Set to `blah` to do something.
-
-## Known Issues
-
-Calling out known issues can help limit users opening duplicate issues against your extension.
-
-## Release Notes
-
-Users appreciate release notes as you update your extension.
-
-### 1.0.0
-
-Initial release of ...
-
-### 1.0.1
-
-Fixed issue #.
-
-### 1.1.0
-
-Added features X, Y, and Z.
-
----
-
-## Working with Markdown
-
-You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:
-
-* Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux)
-* Toggle preview (`Shift+Cmd+V` on macOS or `Shift+Ctrl+V` on Windows and Linux)
-* Press `Ctrl+Space` (Windows, Linux, macOS) to see a list of Markdown snippets
-
-## For more information
-
-* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
-* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
-
-**Enjoy!**
diff --git a/monster/package.json b/monster/package.json
index 1cf77f4171a48219f96a8f36ea0c4eb7cbbcea4a..2088c08f99f49214c93385a4f363e03f85fb5738 100644
--- a/monster/package.json
+++ b/monster/package.json
@@ -1,24 +1,35 @@
{
+ "_doc_link": "https://code.visualstudio.com/api/references/extension-manifest",
"name": "monster-js",
"displayName": "Monster JS",
"description": "The Monster Extension for Visual Studio Code is a powerful tool designed to streamline the development process when working with the Monster JavaScript library and Web Components.",
"repository": {
"type": "git",
- "url": "https://gitlab.schukai.com/oss/libraries/javascript/vs-code-extension"
+ "url": "https://gitlab.schukai.com/oss/libraries/javascript/vs-code-extension.git"
},
- "version": "0.0.1",
+ "icon": "icon.png",
+ "galleryBanner": {
+ "color": "#ffffff",
+ "theme": "dark"
+ },
+ "pricing": "Free",
+ "version": "0.0.2",
"engines": {
"vscode": "^1.77.0"
},
"categories": [
- "Programming Languages",
+ "Extension Packs",
"Other"
],
"keywords": [
"css",
- "html",
+ "html",
+ "js",
"javascript",
"monster",
+ "monster-js",
+ "web components",
+ "custom elements",
"multi-root ready"
],
"publisher": "Monster",
@@ -27,15 +38,27 @@
"contributes": {
"commands": [{
"command": "monster.helloWorld",
- "title": "Hello World"
- }]
+ "title": "Hello World",
+ "enablement": "resourceExtname == .html"
+ }],
+ "configuration": [
+ {
+ "title": "Test 1",
+ "properties": {
+ "monster-js.test": {
+ "type": "boolean",
+ "description": "Test boolean",
+ "deprecationMessage": "Check this value!"
+ }
+ }
+ }
+ ]
},
"scripts": {
"lint": "eslint .",
"pretest": "pnpm run lint",
"test": "node ./test/runTest.js"
- },
- "icon": "icon.png",
+ },
"devDependencies": {
"@types/vscode": "^1.77.0",
"@types/glob": "^8.1.0",