chore: code cleaning

monster/README.md → monster-js/README.md

-# monster README
+# Monster JS Extension
 
 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 
@@ -31,14 +31,7 @@ Please note that this extension is currently in development, and we are actively
 
 ## 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:
+See [CHANGELOG](https://marketplace.visualstudio.com/items/Monster.monster-js/changelog)
 
 
 ## For more information

monster-js/extension.mjs

+import * as vscode from 'vscode';
+import * as vscodeWeb from 'vscode-web';
+import { web } from 'webpack';
+
+let isWeb = false;
+if (typeof vscodeWeb !== 'undefined') {
+  isWeb = true;
+}
+
+if (isWeb) {
+	console.log("web")
+  // Code für die Web-Version von VS Code
+} else {
+	console.log("something")
+  // Code für die Desktop-Version von VS Code
+}
+
+export function activate(context: vscode.ExtensionContext) {
+	
+  // Gemeinsamer Code für beide Versionen von VS Code
+}
\ No newline at end of file

monster/package-lock.json → monster-js/package-lock.json

 {
-  "name": "monster",
-  "version": "0.0.1",
+  "name": "monster-js",
+  "version": "0.0.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "monster",
-      "version": "0.0.1",
+      "name": "monster-js",
+      "version": "0.0.3",
+      "dependencies": {
+        "vscode-web": "^1.77.1"
+      },
       "devDependencies": {
         "@types/glob": "^8.1.0",
         "@types/mocha": "^10.0.1",
@@ -1838,6 +1841,11 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "dev": true
     },
+    "node_modules/vscode-web": {
+      "version": "1.77.1",
+      "resolved": "https://registry.npmjs.org/vscode-web/-/vscode-web-1.77.1.tgz",
+      "integrity": "sha512-KyG+ODGFmumgaa3nmbPt5V8EtN4SfEfBp+x64IS8kIuHvMAXgiSN7qBjMPMdmSSlakf0h8Q0cMhSsnSO7XhujQ=="
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",

monster/package.json → monster-js/package.json

@@ -9,16 +9,19 @@
   },
   "icon": "icon.png",
   "galleryBanner": {
-		"color": "#ffffff",
+    "color": "#6682BA",
     "theme": "dark"
   },
+  "type": "module",
+  "homepage": "https://monsterjs.org",
   "pricing": "Free",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "engines": {
     "vscode": "^1.77.0"
   },
   "categories": [
-    "Extension Packs",
+    "Programming Languages",
+    "Snippets",
     "Other"
   ],
   "keywords": [
@@ -34,13 +37,15 @@
   ],
   "publisher": "Monster",
   "activationEvents": [],
-  "main": "./extension.js",
+  "main": "./extension.mjs",
   "contributes": {
-    "commands": [{
+    "commands": [
+      {
         "command": "monster.helloWorld",
         "title": "Hello World",
         "enablement": "resourceExtname == .html"
-    }],
+      }
+    ],
     "configuration": [
       {
         "title": "Test 1",
@@ -60,14 +65,26 @@
     "test": "node ./test/runTest.js"
   },
   "devDependencies": {
-    "@types/vscode": "^1.77.0",
+    "@vscode/vsce": "^2.19.0",
     "@types/glob": "^8.1.0",
     "@types/mocha": "^10.0.1",
     "@types/node": "16.x",
+    "@types/vscode": "^1.77.0",
+    "@vscode/test-electron": "^2.3.0",
     "eslint": "^8.36.0",
     "glob": "^8.1.0",
     "mocha": "^10.2.0",
     "typescript": "^4.9.5",
-    "@vscode/test-electron": "^2.3.0"
+    "ts-loader": "^9.2.6",
+    "webpack": "^5.64.4",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.5.0",
+    "mocha-webpack": "^2.2.0",
+    "chai": "^4.3.4",
+    "@types/chai": "^4.2.21"
+
+  },
+  "dependencies": {
+    "vscode-web": "^1.77.1"
   }
 }

monster/extension.js

-// The module 'vscode' contains the VS Code extensibility API
-// Import the module and reference it with the alias vscode in your code below
-const vscode = require('vscode');
-
-// This method is called when your extension is activated
-// Your extension is activated the very first time the command is executed
-
-/**
- * @param {vscode.ExtensionContext} context
- */
-function activate(context) {
-
-	// Use the console to output diagnostic information (console.log) and errors (console.error)
-	// This line of code will only be executed once when your extension is activated
-	console.log('Congratulations, your extension "monster" is now active!');
-
-	// The command has been defined in the package.json file
-	// Now provide the implementation of the command with  registerCommand
-	// The commandId parameter must match the command field in package.json
-	let disposable = vscode.commands.registerCommand('monster.helloWorld', function () {
-		// The code you place here will be executed every time your command is executed
-
-		// Display a message box to the user
-		vscode.window.showInformationMessage('Hello World from Monster!');
-	});
-
-	context.subscriptions.push(disposable);
-}
-
-// This method is called when your extension is deactivated
-function deactivate() {}
-
-module.exports = {
-	activate,
-	deactivate
-}

package.json

-{
-  "name": "vs-code-extension",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@vscode/vsce": "^2.19.0"
-  }
-}