Rollup

.gitignore

@@ -1 +1,2 @@
 node_modules
+dist

babel.config.js

@@ -0,0 +1,10 @@
+let presets = ["babel-preset-atomic"];
+
+let plugins = [];
+
+module.exports = {
+  presets: presets,
+  plugins: plugins,
+  exclude: "node_modules/**",
+  sourceMap: "inline",
+};

lib/cursor-position-view.js

@@ -0,0 +1,97 @@
+import { Disposable } from 'atom';
+
+export default class CursorPositionView {
+  constructor() {
+    this.viewUpdatePending = false;
+
+    this.element = document.createElement('status-bar-cursor');
+    this.element.classList.add('cursor-position', 'inline-block');
+    this.goToLineLink = document.createElement('a');
+    this.goToLineLink.classList.add('inline-block');
+    this.element.appendChild(this.goToLineLink);
+
+    let cursorPositionFormat = atom.config.get(
+      'status-bar.cursorPositionFormat'
+    );
+    this.formatString = cursorPositionFormat ? cursorPositionFormat : '%L:%C';
+
+    this.activeItemSubscription = atom.workspace.onDidChangeActiveTextEditor(
+      activeEditor => this.subscribeToActiveTextEditor()
+    );
+
+    this.subscribeToConfig();
+    this.subscribeToActiveTextEditor();
+
+    this.tooltip = atom.tooltips.add(this.element, {
+      title: () => `Line ${this.row}, Column ${this.column}`
+    });
+
+    this.handleClick();
+  }
+
+  destroy() {
+    this.activeItemSubscription.dispose();
+    this.cursorSubscription?.dispose();
+    this.tooltip.dispose();
+    this.configSubscription?.dispose();
+    this.clickSubscription.dispose();
+    this.updateSubscription?.dispose();
+  }
+
+  subscribeToActiveTextEditor() {
+    this.cursorSubscription?.dispose();
+
+    const selectionsMarkerLayer = atom.workspace.getActiveTextEditor()?.selectionsMarkerLayer;
+    this.cursorSubscription = selectionsMarkerLayer?.onDidUpdate(this.scheduleUpdate.bind(this));
+    this.scheduleUpdate();
+  }
+
+  subscribeToConfig() {
+    this.configSubscription?.dispose();
+    this.configSubscription = atom.config.observe(
+      'status-bar.cursorPositionFormat',
+      value => {
+        this.formatString = value ? value : '%L:%C';
+        this.scheduleUpdate();
+      }
+    );
+  }
+
+  handleClick() {
+    const clickHandler = () =>
+      atom.commands.dispatch(
+        atom.views.getView(atom.workspace.getActiveTextEditor()),
+        'go-to-line:toggle'
+      );
+    this.element.addEventListener('click', clickHandler);
+    this.clickSubscription = new Disposable(() =>
+      this.element.removeEventListener('click', clickHandler)
+    );
+  }
+
+  scheduleUpdate() {
+    if (this.viewUpdatePending) {
+      return;
+    }
+
+    this.viewUpdatePending = true;
+    this.updateSubscription = atom.views.updateDocument(() => {
+      this.viewUpdatePending = false;
+
+      const editor = atom.workspace.getActiveTextEditor();
+      let position = editor?.getCursorBufferPosition();
+
+      if (position) {
+        this.row = position.row + 1;
+        this.column = position.column + 1;
+        this.goToLineLink.textContent = this.formatString
+          .replace('%L', this.row)
+          .replace('%C', this.column);
+        this.element.classList.remove('hide');
+      } else {
+        this.goToLineLink.textContent = '';
+        this.element.classList.add('hide');
+      }
+    });
+  }
+};