michaelvdnest · May 9, 2018 16:16
diff --git a/vc2017.md b/vc2017.md
diff --git a/vmpDemo.js b/vmpDemo.js
 // NOTE: Make sure folowing "prettier-atom" option in `config.cson`.
 // "prettier-atom":
 //   prettierOptions:
 //     printWidth: 80

 class DemoClass {
  miscFeatures() {
    // [TODO] Demonstrate following unique features

    // - vmp flashs TARGET on `y i p` and also flashes changes on undo and redo
    // - vmp add UI feedback for surround.
    // - vmp doesn't move cursor on `y i p`
    // - vmp keep column on `v i p`

    // - vmp's `f` is tunable to flash, to find-across-lines, to find two or more chars.
    // - vmp can maximize pane by `cmd-enter`
    // - vmp can `smoothScroll` by `ctrl-f,b,d,u`, `ctrl-y,e`, `z z`, `z t`, `z u`(vmp unique)

    // - vmp allow you to type `y p` instead of `y i p`. one-key for VIP TextObject in operator-pending-mode
    //   - Available by default
    //     - `y p` = `y i p`
    //     - `y z` = `y a z`(a-fold)
    //     - `y c` = `y i w`
    //     - `y C` = `y i W`
    //     - `y d` = `y i d`(subword)
    //   - Custom keymap in my local keymap.cson
    //     - `y u` = `y i i`(indent)
    //     - `y ;` = `y i s`(inner-any-pair)
    //     - `y m` = `y a s`(a-any-pair)
  }

  moveToEdgeMotion() {
    // `move-down-to-edge`, `move-up-to-edge` is like `j`, `k`, but stops at edge only.
    // If next-lines column was blank, it's edge. Since you will fall if you go further.
    // [TODO] Cursor is at `three`, delete `3:` to `6:`.
    // [TODO] Cursor is at `three`, delete `very long` member only.
    const list = [
      "1: one",
      "2: two",
      "3: three very long",
      "4: four very long",
      "5: five very long",
      "6: six",
    ]
  }

  // You can create `persistent-selection` by `cmd-enter`.
  // persistent-selection is "dead" selection, you can revive afterwards to treat it as target.
  // [TODO] Change `---..` to `xxx...` but only for index at 0, 3, 5.
  persistentSelectionAndSelectOperator(one, two, three) {
    const array = [
      "0: ----------", // this!
      "1: ----------",
      "2: ----------",
      "3: ----------", // this!
      "4: ----------",
      "5: ----------", // this!
    ]
  }

  // [TODO] Introduce occurrence
  // With occurrence, you can bulk apply operator on all keywords appears in TARGET.
  //  - `c a f`: change a-function
  //    - [Normal operation] apply operator to target
  //  - `c o f`(g o c f): change occurrence in a-function
  //    - [Occurrence operation]: apply operator to occurrence in target
  // [TODO] Remove temporal "element" variable, so you must replace all `element` to `this.element`.
  update(mode, submode) {
    const {element} = this
    element.className = `${SCOPE}-${mode}`
    switch (settings.get("statusBarModeStringStyle")) {

      case "short":
        element.textContent = (mode[0] + (submode ? submode[0] : "")
        ).toUpperCase()
        return
      case "long":
        element.textContent =
          LongModeStringTable[mode + (submode ? `.${submode}` : "")]
        return
    }
  }

  // [TODO] Rename `klassOrName` to `klass`
  // [TODO] Rename `instance` to `object`
  static getInstance(vimState, klassOrName, properties) {
    const klass =
      typeof klassOrName === "function"
        ? klassOrName
        : Base.getClass(klassOrName)
    const instance = new klass(vimState)
    if (properties) Object.assign(instance, properties)
    instance.initialize()
    return instance
  }

  // [TODO]: Unwrap `Array.from(...)` guard. In other words, convert `Array.from(exp)` to bare `exp`.
  codeFragmentsForS3() {
    const [startRow, endRow] = Array.from([range.start.row, range.end.row])  // from this
    // const [startRow, endRow] = [range.start.row, range.end.row] // to this

    // [TODO] inline amountOfPadding (= remove use of temporal `amountOfPadding` variable)
    const newRows = rows.map((rowText, i) => {
      i++
      const amountOfPadding = limitNumber(lastRowWidth - i.length, {
        min: 0,
        max: 5,
      }) // extra comment
      return " ".repeat(amountOfPadding) + `${i}:${rowText}`
    })
  }

  // [TODO] Remove `Point` suffix from all identifiers in `isEdgePoint` and `isStoppablePoint` methods.
  //   E.g `isStoppablePoint` to `isStoppable`.
  // [TODO] Inline `above`, `below`, `left`, `right` temporal variable
  isEdgePoint(point) {
    const abovePoint = point.translate([-1, 0])
    const belowPoint = point.translate([+1, 0])

    return (
      this.isStoppablePoint(point) &&
      (!this.isStoppablePoint(abovePoint) || !this.isStoppablePoint(belowPoint))
    )
  }

  isStoppablePoint(point) {
    const leftPoint = point.translate([0, -1])
    const rightPoint = point.translate([0, +1])

    return (
      this.isNonWhiteSpacePoint(point) ||
      this.isFirstRowOrLastRowAndStoppable(point) ||
      (this.isNonWhiteSpacePoint(leftPoint) &&
        this.isNonWhiteSpacePoint(rightPoint))
    )
  }

  occurrenceIsEverywhereV1(range) {
    // [TODO]: Define endPosition at __HERE__
    const startPosition = range.start
    // __HERE__
    this.callSomeFunction({startPosition, endPosition})
  }

  occurrenceIsEverywhereV2(range) {
    // <snip>
    // [TODO]: Define foldInfo.maxIndent at __HERE__
    foldInfo.minIndent = Math.min(
      foldInfo.minIndent != null ? foldInfo.minIndent : indent,
      indent
    )
    // __HERE__
  }

  // [TODO]: Comment out multiple `console.log` in function.
  // [TODO]: Delete `console.log` included line?
  consolLogScatteredForDebugPurpose(kind, rowRangeWithIndent) {
    if (!foldInfoByKind[kind]) {
      console.log(foldInfoByKind)
      foldInfoByKind[kind] = {rowRangesWithIndent: []}
      console.log(foldInfoByKind[kind])
    }
    const foldInfo = foldInfoByKind[kind]
    console.log(foldInfo)
    foldInfo.rowRangesWithIndent.push(rowRangeWithIndent)
    const {indent} = rowRangeWithIndent
    console.log(indent)
    foldInfo.minIndent = Math.min(
      foldInfo.minIndent != null ? foldInfo.minIndent : indent,
      indent
    )
    foldInfo.maxIndent = Math.max(
      foldInfo.maxIndent != null ? foldInfo.maxIndent : indent,
      indent
    )
    console.log(foldInfo)
  }

  alignOccurrenceOperator() {
    // [TODO] format following TWO table maually by `align` operator

    // | where| move to 1st char | no move |
    // |-|-|-|
    // | top | `z enter` | `z t` |
    // | middle | `z .` | `z z` |
    // | bottom | `z -` | `z b` |

    // [TODO] Align member of arrray `one`, `two`, `three` by `textC` keyword.
    // prettier-ignore
    const one = [
      {action: "set", textC: "|    A    ab    a    Ab    a"},
      {action: "ensure", key: "f A", textC: "    |A    ab    a    Ab    a"},
      {action: "ensure", key: "f A", textC: "    A    ab    a    |Ab    a"},
      {action: "ensure", key: ",", textC: "    |A    ab    a    Ab    a"},
      {action: "ensure", key: ";", textC: "    A    ab    a    |Ab    a"},
    ]

    // prettier-ignore
    const two = [
      {action: "set", textC: "|    a    ab    a    cd    a"},
      {action: "ensure", key: "f a enter", textC: "    |a    ab    a    cd    a"},
      {action: "ensure", key: "f c enter", textC: "    a    ab    a    |cd    a"},
    ]

    // prettier-ignore
    const three = [
      {action: "set", textC: "|    a    ab    a    cd    a"},
      {action: "ensure", key: "f a", textC: "|    a    ab    a    cd    a"},
      {action: "ensure", textC: "    |a    ab    a    cd    a"},
      {action: "ensure", key: "f c d", textC: "    a    ab    a    |cd    a"},
      {action: "ensure", key: "f a", textC: "    a    ab    a    |cd    a"},
      {action: "ensure", textC: "    a    ab    a    cd    |a"},
      {action: "ensure", key: "F b", textC: "    a    ab    a    cd    |a"},
      {action: "ensure", textC: "    a    a|b    a    cd    a"},
    ]
  }
 }
 // [TODO] Add number to all TODO in this file like TODO:1, TODO:2

 // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 // Oh! You have reached enlightenment of vmp!
 // Do extra TODO to delete all TODOs in this file
 // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Version	Date	Event
v0.0.0	2015-08-01	fork GitHub's vim-mode
v0.1.1	2015-09-28	1st public
v1.13.0	2017-10-27	185th release in 818 days (2 years + 3 months)
	// NOTE: Make sure folowing "prettier-atom" option in `config.cson`.
	// "prettier-atom":
	// prettierOptions:
	// printWidth: 80

	class DemoClass {
	miscFeatures() {
	// [TODO] Demonstrate following unique features

	// - vmp flashs TARGET on `y i p` and also flashes changes on undo and redo
	// - vmp add UI feedback for surround.
	// - vmp doesn't move cursor on `y i p`
	// - vmp keep column on `v i p`

	// - vmp's `f` is tunable to flash, to find-across-lines, to find two or more chars.
	// - vmp can maximize pane by `cmd-enter`
	// - vmp can `smoothScroll` by `ctrl-f,b,d,u`, `ctrl-y,e`, `z z`, `z t`, `z u`(vmp unique)

	// - vmp allow you to type `y p` instead of `y i p`. one-key for VIP TextObject in operator-pending-mode
	// - Available by default
	// - `y p` = `y i p`
	// - `y z` = `y a z`(a-fold)
	// - `y c` = `y i w`
	// - `y C` = `y i W`
	// - `y d` = `y i d`(subword)
	// - Custom keymap in my local keymap.cson
	// - `y u` = `y i i`(indent)
	// - `y ;` = `y i s`(inner-any-pair)
	// - `y m` = `y a s`(a-any-pair)
	}

	moveToEdgeMotion() {
	// `move-down-to-edge`, `move-up-to-edge` is like `j`, `k`, but stops at edge only.
	// If next-lines column was blank, it's edge. Since you will fall if you go further.
	// [TODO] Cursor is at `three`, delete `3:` to `6:`.
	// [TODO] Cursor is at `three`, delete `very long` member only.
	const list = [
	"1: one",
	"2: two",
	"3: three very long",
	"4: four very long",
	"5: five very long",
	"6: six",
	]
	}

	// You can create `persistent-selection` by `cmd-enter`.
	// persistent-selection is "dead" selection, you can revive afterwards to treat it as target.
	// [TODO] Change `---..` to `xxx...` but only for index at 0, 3, 5.
	persistentSelectionAndSelectOperator(one, two, three) {
	const array = [
	"0: ----------", // this!
	"1: ----------",
	"2: ----------",
	"3: ----------", // this!
	"4: ----------",
	"5: ----------", // this!
	]
	}

	// [TODO] Introduce occurrence
	// With occurrence, you can bulk apply operator on all keywords appears in TARGET.
	// - `c a f`: change a-function
	// - [Normal operation] apply operator to target
	// - `c o f`(g o c f): change occurrence in a-function
	// - [Occurrence operation]: apply operator to occurrence in target
	// [TODO] Remove temporal "element" variable, so you must replace all `element` to `this.element`.
	update(mode, submode) {
	const {element} = this
	element.className = `${SCOPE}-${mode}`
	switch (settings.get("statusBarModeStringStyle")) {

	case "short":
	element.textContent = (mode[0] + (submode ? submode[0] : "")
	).toUpperCase()
	return
	case "long":
	element.textContent =
	LongModeStringTable[mode + (submode ? `.${submode}` : "")]
	return
	}
	}

	// [TODO] Rename `klassOrName` to `klass`
	// [TODO] Rename `instance` to `object`
	static getInstance(vimState, klassOrName, properties) {
	const klass =
	typeof klassOrName === "function"
	? klassOrName
	: Base.getClass(klassOrName)
	const instance = new klass(vimState)
	if (properties) Object.assign(instance, properties)
	instance.initialize()
	return instance
	}

	// [TODO]: Unwrap `Array.from(...)` guard. In other words, convert `Array.from(exp)` to bare `exp`.
	codeFragmentsForS3() {
	const [startRow, endRow] = Array.from([range.start.row, range.end.row]) // from this
	// const [startRow, endRow] = [range.start.row, range.end.row] // to this

	// [TODO] inline amountOfPadding (= remove use of temporal `amountOfPadding` variable)
	const newRows = rows.map((rowText, i) => {
	i++
	const amountOfPadding = limitNumber(lastRowWidth - i.length, {
	min: 0,
	max: 5,
	}) // extra comment
	return " ".repeat(amountOfPadding) + `${i}:${rowText}`
	})
	}

	// [TODO] Remove `Point` suffix from all identifiers in `isEdgePoint` and `isStoppablePoint` methods.
	// E.g `isStoppablePoint` to `isStoppable`.
	// [TODO] Inline `above`, `below`, `left`, `right` temporal variable
	isEdgePoint(point) {
	const abovePoint = point.translate([-1, 0])
	const belowPoint = point.translate([+1, 0])

	return (
	this.isStoppablePoint(point) &&
	(!this.isStoppablePoint(abovePoint) \|\| !this.isStoppablePoint(belowPoint))
	)
	}

	isStoppablePoint(point) {
	const leftPoint = point.translate([0, -1])
	const rightPoint = point.translate([0, +1])

	return (
	this.isNonWhiteSpacePoint(point) \|\|
	this.isFirstRowOrLastRowAndStoppable(point) \|\|
	(this.isNonWhiteSpacePoint(leftPoint) &&
	this.isNonWhiteSpacePoint(rightPoint))
	)
	}

	occurrenceIsEverywhereV1(range) {
	// [TODO]: Define endPosition at __HERE__
	const startPosition = range.start
	// __HERE__
	this.callSomeFunction({startPosition, endPosition})
	}

	occurrenceIsEverywhereV2(range) {
	// <snip>
	// [TODO]: Define foldInfo.maxIndent at __HERE__
	foldInfo.minIndent = Math.min(
	foldInfo.minIndent != null ? foldInfo.minIndent : indent,
	indent
	)
	// __HERE__
	}

	// [TODO]: Comment out multiple `console.log` in function.
	// [TODO]: Delete `console.log` included line?
	consolLogScatteredForDebugPurpose(kind, rowRangeWithIndent) {
	if (!foldInfoByKind[kind]) {
	console.log(foldInfoByKind)
	foldInfoByKind[kind] = {rowRangesWithIndent: []}
	console.log(foldInfoByKind[kind])
	}
	const foldInfo = foldInfoByKind[kind]
	console.log(foldInfo)
	foldInfo.rowRangesWithIndent.push(rowRangeWithIndent)
	const {indent} = rowRangeWithIndent
	console.log(indent)
	foldInfo.minIndent = Math.min(
	foldInfo.minIndent != null ? foldInfo.minIndent : indent,
	indent
	)
	foldInfo.maxIndent = Math.max(
	foldInfo.maxIndent != null ? foldInfo.maxIndent : indent,
	indent
	)
	console.log(foldInfo)
	}

	alignOccurrenceOperator() {
	// [TODO] format following TWO table maually by `align` operator

	// \| where\| move to 1st char \| no move \|
	// \|-\|-\|-\|
	// \| top \| `z enter` \| `z t` \|
	// \| middle \| `z .` \| `z z` \|
	// \| bottom \| `z -` \| `z b` \|

	// [TODO] Align member of arrray `one`, `two`, `three` by `textC` keyword.
	// prettier-ignore
	const one = [
	{action: "set", textC: "\| A ab a Ab a"},
	{action: "ensure", key: "f A", textC: " \|A ab a Ab a"},
	{action: "ensure", key: "f A", textC: " A ab a \|Ab a"},
	{action: "ensure", key: ",", textC: " \|A ab a Ab a"},
	{action: "ensure", key: ";", textC: " A ab a \|Ab a"},
	]

	// prettier-ignore
	const two = [
	{action: "set", textC: "\| a ab a cd a"},
	{action: "ensure", key: "f a enter", textC: " \|a ab a cd a"},
	{action: "ensure", key: "f c enter", textC: " a ab a \|cd a"},
	]

	// prettier-ignore
	const three = [
	{action: "set", textC: "\| a ab a cd a"},
	{action: "ensure", key: "f a", textC: "\| a ab a cd a"},
	{action: "ensure", textC: " \|a ab a cd a"},
	{action: "ensure", key: "f c d", textC: " a ab a \|cd a"},
	{action: "ensure", key: "f a", textC: " a ab a \|cd a"},
	{action: "ensure", textC: " a ab a cd \|a"},
	{action: "ensure", key: "F b", textC: " a ab a cd \|a"},
	{action: "ensure", textC: " a a\|b a cd a"},
	]
	}
	}
	// [TODO] Add number to all TODO in this file like TODO:1, TODO:2

	// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	// Oh! You have reached enlightenment of vmp!
	// Do extra TODO to delete all TODOs in this file
	// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!