feat: dev

monster/README.md

+# 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!**

monster/README.md-2

-# 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!**

monster/package.json

 {
+  "_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", 
+    "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",