@ohos-ports/codemirror-formatting 1.0.0-beta.0

package/README.md

@@ -0,0 +1,3 @@
+# Codemirror formatting addon
+
+The original one from http://codemirror.net/2/demo/formatting.html but with module loader

package/bower.json

@@ -0,0 +1,16 @@
+{
+    "name": "codemirror-formatting",
+    "version": "1.0.1",
+    "main": ["formatting.js"],
+    "ignore": [
+        "**/.*",
+        "*.yml",
+        "node_modules",
+        "bower_components",
+        "test",
+        "tests"
+    ],
+    "dependencies": {
+        "codemirror": ">= 4.3.0"
+    }
+}

package/formatting.js

@@ -0,0 +1,121 @@
+(function(mod) {
+  if (typeof exports == "object" && typeof module == "object") // CommonJS
+    mod(require("codemirror/lib/codemirror"));
+  else if (typeof define == "function" && define.amd) // AMD
+    define(["codemirror/lib/codemirror"], mod);
+  else // Plain browser env
+    mod(CodeMirror);
+})(function(CodeMirror) {
+
+  CodeMirror.extendMode("css", {
+    commentStart: "/*",
+    commentEnd: "*/",
+    newlineAfterToken: function(_type, content) {
+      return /^[;{}]$/.test(content);
+    }
+  });
+
+  CodeMirror.extendMode("javascript", {
+    commentStart: "/*",
+    commentEnd: "*/",
+    // FIXME semicolons inside of for
+    newlineAfterToken: function(_type, content, textAfter, state) {
+      if (this.jsonMode) {
+        return /^[\[,{]$/.test(content) || /^}/.test(textAfter);
+      } else {
+        if (content == ";" && state.lexical && state.lexical.type == ")") return false;
+        return /^[;{}]$/.test(content) && !/^;/.test(textAfter);
+      }
+    }
+  });
+
+  var inlineElements = /^(a|abbr|acronym|area|base|bdo|big|br|button|caption|cite|code|col|colgroup|dd|del|dfn|em|frame|hr|iframe|img|input|ins|kbd|label|legend|link|map|object|optgroup|option|param|q|samp|script|select|small|span|strong|sub|sup|textarea|tt|var)$/;
+
+  CodeMirror.extendMode("xml", {
+    commentStart: "<!--",
+    commentEnd: "-->",
+    newlineAfterToken: function(type, content, textAfter, state) {
+      var inline = false;
+      if (this.configuration == "html")
+        inline = state.context ? inlineElements.test(state.context.tagName) : false;
+      return !inline && ((type == "tag" && />$/.test(content) && state.context) ||
+                         /^</.test(textAfter));
+    }
+  });
+
+  // Comment/uncomment the specified range
+  CodeMirror.defineExtension("commentRange", function (isComment, from, to) {
+    var cm = this, curMode = CodeMirror.innerMode(cm.getMode(), cm.getTokenAt(from).state).mode;
+    cm.operation(function() {
+      if (isComment) { // Comment range
+        cm.replaceRange(curMode.commentEnd, to);
+        cm.replaceRange(curMode.commentStart, from);
+        if (from.line == to.line && from.ch == to.ch) // An empty comment inserted - put cursor inside
+          cm.setCursor(from.line, from.ch + curMode.commentStart.length);
+      } else { // Uncomment range
+        var selText = cm.getRange(from, to);
+        var startIndex = selText.indexOf(curMode.commentStart);
+        var endIndex = selText.lastIndexOf(curMode.commentEnd);
+        if (startIndex > -1 && endIndex > -1 && endIndex > startIndex) {
+          // Take string till comment start
+          selText = selText.substr(0, startIndex) +
+          // From comment start till comment end
+             selText.substring(startIndex + curMode.commentStart.length, endIndex) +
+          // From comment end till string end
+             selText.substr(endIndex + curMode.commentEnd.length);
+        }
+        cm.replaceRange(selText, from, to);
+      }
+    });
+  });
+
+  // Applies automatic mode-aware indentation to the specified range
+  CodeMirror.defineExtension("autoIndentRange", function (from, to) {
+    var cmInstance = this;
+    this.operation(function () {
+      for (var i = from.line; i <= to.line; i++) {
+        cmInstance.indentLine(i, "smart");
+      }
+    });
+  });
+
+  // Applies automatic formatting to the specified range
+  CodeMirror.defineExtension("autoFormatRange", function (from, to) {
+    var cm = this;
+    var outer = cm.getMode(), text = cm.getRange(from, to).split("\n");
+    var state = CodeMirror.copyState(outer, cm.getTokenAt(from).state);
+    var tabSize = cm.getOption("tabSize");
+
+    var out = "", lines = 0, atSol = from.ch === 0;
+    function newline() {
+      out += "\n";
+      atSol = true;
+      ++lines;
+    }
+
+    for (var i = 0; i < text.length; ++i) {
+      var stream = new CodeMirror.StringStream(text[i], tabSize);
+      while (!stream.eol()) {
+        var inner = CodeMirror.innerMode(outer, state);
+        var style = outer.token(stream, state), cur = stream.current();
+        stream.start = stream.pos;
+        if (!atSol || /\S/.test(cur)) {
+          out += cur;
+          atSol = false;
+        }
+        if (!atSol && inner.mode.newlineAfterToken &&
+            inner.mode.newlineAfterToken(style, cur, stream.string.slice(stream.pos) || text[i+1] || "", inner.state))
+          newline();
+      }
+      if (!stream.pos && outer.blankLine) outer.blankLine(state);
+      if (!atSol && i < text.length - 1) newline();
+    }
+
+    cm.operation(function () {
+      cm.replaceRange(out, from, to);
+      for (var cur = from.line + 1, end = from.line + lines; cur <= end; ++cur)
+        cm.indentLine(cur, "smart");
+      cm.setSelection(from, cm.getCursor(false));
+    });
+  });
+});

package/ohos-loader.js

@@ -0,0 +1,105 @@
+/**
+ * HarmonyOS DOM Environment Loader for codemirror-formatting
+ *
+ * CodeMirror 5.x requires browser DOM (document, window) to load.
+ * This loader sets up a jsdom environment before requiring codemirror
+ * and the formatting addon, making them usable on HarmonyOS Node.js.
+ *
+ * Usage:
+ *   const CodeMirror = require('./ohos-loader.js');
+ *   // CodeMirror is ready with formatting extensions registered
+ */
+
+const { JSDOM } = require('jsdom');
+
+// Create a minimal DOM environment
+const dom = new JSDOM('<!DOCTYPE html><html><body><textarea id="editor"></textarea></body></html>', {
+  url: 'http://localhost/',
+  pretendToBeVisual: true
+});
+
+// Install DOM globals required by CodeMirror 5.x
+global.document = dom.window.document;
+global.window = dom.window;
+global.navigator = dom.window.navigator;
+global.HTMLElement = dom.window.HTMLElement;
+global.Node = dom.window.Node;
+global.Element = dom.window.Element;
+global.DocumentFragment = dom.window.DocumentFragment;
+global.Range = dom.window.Range;
+
+// CodeMirror needs requestAnimationFrame
+if (!global.requestAnimationFrame) {
+  global.requestAnimationFrame = function(callback) {
+    return setTimeout(callback, 0);
+  };
+  global.cancelAnimationFrame = function(id) {
+    clearTimeout(id);
+  };
+}
+
+// Polyfill getBoundingClientRect for Range objects (jsdom doesn't implement this)
+const RangeProto = dom.window.Range.prototype;
+if (!RangeProto.getBoundingClientRect || RangeProto.getBoundingClientRect === Object.prototype.getBoundingClientRect) {
+  RangeProto.getBoundingClientRect = function() {
+    return { top: 0, left: 0, right: 0, bottom: 0, width: 0, height: 0 };
+  };
+}
+if (!RangeProto.getClientRects) {
+  RangeProto.getClientRects = function() {
+    return [];
+  };
+}
+
+// Also override document.createRange to return polyfilled ranges
+const origCreateRange = dom.window.document.createRange.bind(dom.window.document);
+dom.window.document.createRange = function() {
+  const range = origCreateRange();
+  if (typeof range.getBoundingClientRect !== 'function' || range.getBoundingClientRect === Object.prototype.getBoundingClientRect) {
+    range.getBoundingClientRect = function() {
+      return { top: 0, left: 0, right: 0, bottom: 0, width: 0, height: 0 };
+    };
+  }
+  if (typeof range.getClientRects !== 'function' || range.getClientRects === Object.prototype.getClientRects) {
+    range.getClientRects = function() {
+      return [];
+    };
+  }
+  return range;
+};
+
+// Polyfill Element.getBoundingClientRect
+const ElementProto = dom.window.Element.prototype;
+if (!ElementProto.getBoundingClientRect || ElementProto.getBoundingClientRect === Object.prototype.getBoundingClientRect) {
+  ElementProto.getBoundingClientRect = function() {
+    return { top: 0, left: 0, right: 0, bottom: 0, width: 0, height: 0 };
+  };
+}
+
+// Polyfill getComputedStyle
+if (!dom.window.getComputedStyle) {
+  dom.window.getComputedStyle = function(el) {
+    return {
+      getPropertyValue: function() { return ''; },
+      direction: 'ltr',
+      whiteSpace: 'pre'
+    };
+  };
+}
+global.getComputedStyle = dom.window.getComputedStyle.bind(dom.window);
+
+// Load CodeMirror core in the DOM environment
+const CodeMirror = require('codemirror/lib/codemirror');
+
+// Load mode modules that the formatting addon extends
+// These are required for commentRange, autoFormatRange, etc. to work
+require('codemirror/mode/javascript/javascript');
+require('codemirror/mode/css/css');
+require('codemirror/mode/xml/xml');
+
+// Load the formatting addon (extends CodeMirror with commentRange,
+// autoIndentRange, autoFormatRange)
+require('./formatting.js');
+
+// Export the enhanced CodeMirror instance
+module.exports = CodeMirror;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@ohos-ports/codemirror-formatting",
+  "version": "1.0.0-beta.0",
+  "description": "Codemirror formatting addon http://codemirror.net/2/demo/formatting.html",
+  "main": "ohos-loader.js",
+  "directories": {
+    "test": "test"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ohos-ports/ohos-ports.git",
+    "directory": "ports/codemirror-formatting/1.0.0"
+  },
+  "keywords": [
+    "codemirror",
+    "formatting"
+  ],
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ohos-ports/ohos-ports/issues"
+  },
+  "homepage": "https://github.com/artf/codemirror-formatting#readme",
+  "dependencies": {
+    "codemirror": "^5.65.18",
+    "jsdom": "^30.1.0"
+  }
+}