updated packages and docs

Author: deadlyjack

.babelrc

@@ -9,5 +9,12 @@
       ]
     }
   },
-  "compact": false
+  "plugins": [
+    "html-tag-js/jsx/jsx-to-tag.js",
+    "html-tag-js/jsx/syntax-parser.js",
+    [
+      "@babel/plugin-transform-runtime"
+    ]
+  ],
+  "compact": true
 }

dist/main.js

@@ -7,25 +7,17 @@
   "author": "Ajit <me@ajitkumar.dev>",
   "license": "MIT",
   "dependencies": {
-    "html-tag-js": "^1.1.6"
+    "html-tag-js": "^1.1.22"
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",
     "@babel/core": "^7.18.13",
+    "@babel/plugin-transform-runtime": "^7.19.6",
     "@babel/preset-env": "^7.18.10",
-    "autoprefixer": "^10.4.8",
-    "babel-loader": "^8.2.5",
-    "css-loader": "^6.7.1",
+    "babel-loader": "^9.1.0",
     "live-server": "^1.2.2",
-    "mini-css-extract-plugin": "^2.6.1",
-    "postcss": "^8.4.16",
-    "postcss-loader": "^7.0.1",
-    "raw-loader": "^4.0.2",
-    "sass": "^1.54.5",
-    "sass-loader": "^13.0.2",
-    "style-loader": "^3.3.1",
     "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0"
+    "webpack-cli": "^5.0.0"
   },
   "scripts": {
     "build": "webpack",
@@ -39,4 +31,4 @@
     "terser": ">=5.14.2 ",
     "glob-parent": ">=5.1.2"
   }
-}
+}

package.json

@@ -154,6 +154,20 @@ The global variables that you can use them directly in your plugin.
 - `setPluginUnmount(id: string, unmountFunction(): void)`
 - `registerFormatter(id: string, externsions: Array<string>, format():Promise<void>)`
 - `fsOperation(file: string): FsOperation`
+- `require(moduleName): Module` **Available modules**
+
+  - [fs](https://github.com/deadlyjack/Acode/blob/main/src/fileSystem/fsOperation.js)
+  - [projects](https://github.com/deadlyjack/Acode/blob/main/src/lib/projects.js)
+  - [selectionMenu](https://github.com/deadlyjack/Acode/blob/main/src/lib/selectionMenu.js)
+  - [alert](https://github.com/deadlyjack/Acode/blob/main/src/components/dialogboxes/alert.js)
+  - [confirm](https://github.com/deadlyjack/Acode/blob/main/src/components/dialogboxes/confirm.js)
+  - [multiPrompt](https://github.com/deadlyjack/Acode/blob/main/src/components/dialogboxes/multiprompt.js)
+  - [prompt](https://github.com/deadlyjack/Acode/blob/main/src/components/dialogboxes/prompt.js)
+  - [select](https://github.com/deadlyjack/Acode/blob/main/src/components/dialogboxes/select.js)
+  - [loader](https://github.com/deadlyjack/Acode/blob/main/src/components/dialogs.js#L10)
+  - [fileBrowser](https://github.com/deadlyjack/Acode/blob/main/src/pages/fileBrowser/fileBrowser.include.js#L46)
+  - [toInternalUrl](https://github.com/deadlyjack/Acode/blob/main/src/utils/helpers.js#L793)
+  - [Url](https://github.com/deadlyjack/Acode/blob/main/src/utils/Url.js)
 
 ### actionStack
 
@@ -224,7 +238,7 @@ To get more info api provided by these plugins see there `js` files in `www` dir
 [:arrow_up: TOC](#toc)
 
 - `lsDir(): Promise<Array<Entry>>`
-- `readFile(encoding: string | ArrayBuffer): Promise<string | ArrayBuffer>`
+- `readFile(encoding: string): Promise<string | ArrayBuffer>`
 - `createFile(name: string, content?: string): Promise<string>`
 - `writeFile(content: string | ArrayBuffer): Promise<void>`
 - `createDirectory(name: string): Promise<string>`

readme.md

@@ -1,41 +1,20 @@
 const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = (env, options) => {
   const { mode = 'development' } = options;
   const rules = [
-    {
-      test: /\.hbs$/,
-      use: ['raw-loader'],
-    },
     {
       test: /\.m?js$/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-          presets: ['@babel/preset-env'],
-        },
-      },
-    },
-    {
-      test: /\.(sa|sc|c)ss$/,
       use: [
+        'html-tag-js/jsx/tag-loader.js',
         {
-          loader: MiniCssExtractPlugin.loader,
+          loader: 'babel-loader',
           options: {
-            publicPath: '../../',
+            presets: ['@babel/preset-env'],
           },
         },
-        {
-          loader: 'css-loader',
-          options: {
-            url: false,
-          },
-        },
-        'postcss-loader',
-        'sass-loader',
       ],
-    }
+    },
   ];
 
   const main = {
@@ -51,11 +30,6 @@ module.exports = (env, options) => {
     module: {
       rules,
     },
-    plugins: [
-      new MiniCssExtractPlugin({
-        filename: '[name].css',
-      }),
-    ],
   };
 
   return [main];