first commit

Author: deadlyjack

.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    "@babel/preset-env"
+  ],
+  "env": {
+    "test": {
+      "presets": [
+        "@babel/env"
+      ]
+    }
+  },
+  "compact": false
+}

.gitignore

@@ -0,0 +1 @@
+node_modules

dist/main.js

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

dist/main.js.LICENSE.txt

@@ -0,0 +1,32 @@
+{
+  "name": "acode-plugin-prettier",
+  "version": "1.0.2",
+  "description": "Acode plugin to format code",
+  "main": "dist/main.js",
+  "repository": "https://github.com/deadlyjack/acode-plugin-prettier.git",
+  "author": "Ajit <me@ajitkumar.dev>",
+  "license": "MIT",
+  "dependencies": {
+    "autoprefixer": "^10.4.7",
+    "html-tag-js": "^1.0.4",
+    "prettier": "^2.7.1",
+    "sass-loader": "^13.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.18.5",
+    "@babel/preset-env": "^7.18.2",
+    "babel-loader": "^8.2.5",
+    "css-loader": "^6.7.1",
+    "mini-css-extract-plugin": "^2.6.0",
+    "node-sass": "^7.0.1",
+    "postcss-loader": "^7.0.0",
+    "raw-loader": "^4.0.2",
+    "style-loader": "^3.3.1",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0"
+  },
+  "scripts": {
+    "build": "webpack"
+  }
+}

icon.png

@@ -0,0 +1,15 @@
+{
+  "id": "acode.plugin.prettier",
+  "name": "Prettier",
+  "main": "dist/main.js",
+  "version": "1.0.0",
+  "readme": "README.md",
+  "icon": "icon.png",
+  "type": "free",
+  "files": [],
+  "author": {
+    "name": "Ajit Kumar",
+    "email": "me@ajitkumar.dev",
+    "github": "deadlyjack"
+  }
+}

package.json

@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: [
+        require('autoprefixer')({})
+    ]
+};

plugin.json

@@ -0,0 +1,5 @@
+# acode-plugin-perttier
+
+Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
+
+This plugin can formate code wrtten in [Acode](https://acode.foxdebug.com) editor for android.

postcss.config.js

@@ -0,0 +1,103 @@
+import prettier from 'prettier/standalone';
+import prettierParserBabel from 'prettier/parser-babel';
+import prettierParserGraphql from 'prettier/parser-graphql';
+import prettierParserAngular from 'prettier/parser-angular';
+import prettierParserAspree from 'prettier/parser-espree';
+import prettierParserFlow from 'prettier/parser-flow';
+import prettierParserGlimmer from 'prettier/parser-glimmer';
+import prettierParserHtml from 'prettier/parser-html';
+import prettierParserMd from 'prettier/parser-markdown';
+import prettierParserMeriyah from 'prettier/parser-meriyah';
+import prettierParserPostcss from 'prettier/parser-postcss';
+import prettierParserTypescript from 'prettier/parser-typescript';
+import prettierParserYaml from 'prettier/parser-yaml';
+
+const pluginId = 'acode.plugin.prettier';
+const poluginList = [
+  prettierParserBabel,
+  prettierParserGraphql,
+  prettierParserAngular,
+  prettierParserAspree,
+  prettierParserFlow,
+  prettierParserGlimmer,
+  prettierParserHtml,
+  prettierParserMd,
+  prettierParserMeriyah,
+  prettierParserPostcss,
+  prettierParserTypescript,
+  prettierParserYaml,
+];
+
+class Prettier {
+
+  async init() {
+    const config = appSettings.value[pluginId];
+  }
+
+  async run() {
+    const { editor, activeFile } = editorManager;
+    const code = editor.getValue();
+    const cursorPos = editor.getCursorPosition();
+    const res = prettier.formatWithCursor(code, {
+      cursorOffset: this.#cursorPosTocursorOffset(cursorPos),
+      filepath: activeFile.name,
+      plugins: poluginList,
+    });
+    editor.setValue(res.formatted);
+    const { row, column } = this.#cursorOffsetTocursorPos(res.cursorOffset);
+    setTimeout(() => {
+      editor.gotoLine(row + 1, column - 1);
+    }, 100);
+  }
+
+  destroy() {
+
+  }
+
+  #cursorPosTocursorOffset(cursorPos) {
+    let { row, column } = cursorPos;
+    const { editor } = editorManager;
+    const lines = editor.getValue().split('\n');
+    for (let i = 0; i < row - 1; i++) {
+      column += lines[i].length;
+    }
+    return column;
+  }
+
+  #cursorOffsetTocursorPos(cursorOffset) {
+    const { editor } = editorManager;
+    const lines = editor.getValue().split('\n');
+    let row = 0;
+    let column = 0;
+    for (let i = 0; i < lines.length; i++) {
+      if (column + lines[i].length >= cursorOffset) {
+        row = i;
+        column = cursorOffset - column;
+        break;
+      }
+      column += lines[i].length;
+    }
+    return {
+      row,
+      column,
+    };
+  }
+}
+
+if (window.acode) {
+  const prettier = new Prettier();
+  acode.setPluginInit(pluginId, (baseUrl, $page, { cacheFileUrl, cacheFile }) => {
+    if (!baseUrl.endsWith('/')) {
+      baseUrl += '/';
+    }
+    prettier.baseUrl = baseUrl;
+    prettier.init($page, cacheFile, cacheFileUrl);
+    console.log('Python plugin initialized');
+  });
+  acode.setPluginUnmount(pluginId, () => {
+    prettier.destroy();
+    console.log('Python plugin unmounted');
+  });
+  const extensions = ['js', 'jsx', 'ts', 'tsx', 'html', 'css', 'scss', 'less', 'json', 'yml', 'yaml', 'xml', 'vue', 'hbs', 'ejs', 'md'];
+  acode.registerFormatter(pluginId, extensions, prettier.run.bind(prettier));
+}