Skip to content
This repository has been archived by the owner on Apr 1, 2020. It is now read-only.

Commit

Permalink
Merge pull request #2358 from keforbes/tutorial-dot-command
Browse files Browse the repository at this point in the history 
Create tutorial for the dot command
  • Loading branch information
@keforbes
keforbes authored Jun 26, 2018
2 parents d1a818e + 1197645 commit 74a4dc7
Show file tree
Hide file tree
Showing 3 changed files with 204 additions and 0 deletions.
9 changes: 9 additions & 0 deletions browser/src/Services/Learning/Tutorial/Notes.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -532,3 +532,12 @@ export const aTextObjectKey = (): JSX.Element => {
/>
)
}

export const DotKey = (): JSX.Element => {
return (
<KeyWithDescription
keyCharacter="."
description={<span>Repeat the last file change made</span>}
/>
)
}
193 changes: 193 additions & 0 deletions browser/src/Services/Learning/Tutorial/Tutorials/DotCommandTutorial.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,193 @@
/**
* DotCommandTutorial.tsx
*
* Tutorial that teaches the dot (.) command
*/

import * as React from "react"

import { ITutorial, ITutorialMetadata, ITutorialStage } from "./../ITutorial"
import * as Notes from "./../Notes"
import * as Stages from "./../Stages"

const stage1Line1 = "The dot (.) command can be used to repeat any single change."
const stage1Line2 = "This line contains duplicate duplicate words"
const stage1Line2a = "This line contains duplicate words"

const stage2Line1 =
"A change can be anything that happens between leaving Normal Mode and returning to Normal Mode"
const stage2Line2 = "This line contains (an invalid) statement"
const stage2Line2pending = "This line contains () statement"
const stage2Line2diff = "This line contains (a different) statement"
const stage2Line2a = "This line contains (the fixed) statement"

export class DotCommandTutorial implements ITutorial {
private _stages: ITutorialStage[]

constructor() {
this._stages = [
new Stages.SetBufferStage([
stage1Line1,
stage1Line2,
stage1Line2,
stage1Line2,
stage1Line2,
]),
new Stages.MoveToGoalStage("Move to the goal marker", 1, 19),
Stages.combine(
"Remove the duplicate word using 'dw'",
new Stages.DeleteCharactersStage(null, 1, 19, "duplicate"),
new Stages.WaitForStateStage(null, [
stage1Line1,
stage1Line2a,
stage1Line2,
stage1Line2,
stage1Line2,
]),
),
new Stages.MoveToGoalStage("Move to the goal marker", 2, 19),
Stages.combine(
"Repeat the 'dw' operation by just hitting '.'",
new Stages.DeleteCharactersStage(null, 2, 19, "duplicate"),
new Stages.WaitForStateStage(null, [
stage1Line1,
stage1Line2a,
stage1Line2a,
stage1Line2,
stage1Line2,
]),
),
new Stages.MoveToGoalStage("Move to the goal marker", 3, 19),
Stages.combine(
"Again, hit '.'",
new Stages.DeleteCharactersStage(null, 3, 19, "duplicate"),
new Stages.WaitForStateStage(null, [
stage1Line1,
stage1Line2a,
stage1Line2a,
stage1Line2a,
stage1Line2,
]),
),
new Stages.MoveToGoalStage("Move to the goal marker", 4, 19),
Stages.combine(
"Again, hit '.'",
new Stages.DeleteCharactersStage(null, 4, 19, "duplicate"),
new Stages.WaitForStateStage(null, [
stage1Line1,
stage1Line2a,
stage1Line2a,
stage1Line2a,
stage1Line2a,
]),
),
new Stages.SetBufferStage([
stage2Line1,
stage2Line2,
stage2Line2,
stage2Line2diff,
stage2Line2,
]),
new Stages.MoveToGoalStage("Move to the goal marker", 1, 23),
Stages.combine(
"Change the text within parentheses with 'ci('",
new Stages.DeleteCharactersStage(null, 1, 20, "an invalid"),
new Stages.WaitForStateStage(null, [
stage2Line1,
stage2Line2pending,
stage2Line2,
stage2Line2diff,
stage2Line2,
]),
),
new Stages.WaitForStateStage("Enter the text 'the fixed'", [
stage2Line1,
stage2Line2a,
stage2Line2,
stage2Line2diff,
stage2Line2,
]),
new Stages.WaitForModeStage("Hit <esc> to exit insert mode", "normal"),
new Stages.MoveToGoalStage("Move to the goal marker", 2, 20),
Stages.combine(
"Repeat the entire change with '.'",
new Stages.DeleteCharactersStage(null, 2, 20, "an invalid"),
new Stages.WaitForStateStage(null, [
stage2Line1,
stage2Line2a,
stage2Line2a,
stage2Line2diff,
stage2Line2,
]),
),
new Stages.MoveToGoalStage("Move to the goal marker", 3, 20),
Stages.combine(
"Repeat the entire change with '.'",
new Stages.DeleteCharactersStage(null, 3, 20, "a different"),
new Stages.WaitForStateStage(null, [
stage2Line1,
stage2Line2a,
stage2Line2a,
stage2Line2a,
stage2Line2,
]),
),
new Stages.MoveToGoalStage("Move to the goal marker", 4, 20),
Stages.combine(
"Repeat the entire change with '.'",
new Stages.DeleteCharactersStage(null, 4, 20, "an invalid"),
new Stages.WaitForStateStage(null, [
stage2Line1,
stage2Line2a,
stage2Line2a,
stage2Line2a,
stage2Line2a,
]),
),
Stages.combine(
"Hit 'dd' to delete this line",
new Stages.DeleteCharactersStage(null, 4, 0, stage2Line2a),
new Stages.WaitForStateStage(null, [
stage2Line1,
stage2Line2a,
stage2Line2a,
stage2Line2a,
]),
),
Stages.combine(
"Hit '.' to repeat the delete",
new Stages.DeleteCharactersStage(null, 3, 0, stage2Line2a),
new Stages.WaitForStateStage(null, [stage2Line1, stage2Line2a, stage2Line2a]),
),
Stages.combine(
"Hit '.' to repeat the delete",
new Stages.DeleteCharactersStage(null, 2, 0, stage2Line2a),
new Stages.WaitForStateStage(null, [stage2Line1, stage2Line2a]),
),
new Stages.MoveToGoalStage("Move to the top of the file", 0, 0),
Stages.combine(
"Hit '.' to repeat the delete",
new Stages.DeleteCharactersStage(null, 0, 0, stage2Line1),
new Stages.WaitForStateStage(null, [stage2Line2a]),
),
]
}

public get metadata(): ITutorialMetadata {
return {
id: "oni.tutorials.dot_command",
name: "Repeat Command: .",
description:
"One of Vim's most powerful commands is performed by simply pressing period ('.'). The '.' command will repeat whatever operation you just performed. Basically, it will repeat whatever keys you most recently hit to change the file.",
level: 250,
}
}

public get stages(): ITutorialStage[] {
return this._stages
}

public get notes(): JSX.Element[] {
return [<Notes.DotKey />]
}
}
2 changes: 2 additions & 0 deletions browser/src/Services/Learning/Tutorial/Tutorials/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import { ChangeOperatorTutorial } from "./ChangeOperatorTutorial"
import { CopyPasteTutorial } from "./CopyPasteTutorial"
import { DeleteCharacterTutorial } from "./DeleteCharacterTutorial"
import { DeleteOperatorTutorial } from "./DeleteOperatorTutorial"
import { DotCommandTutorial } from "./DotCommandTutorial"
import { InlineFindingTutorial } from "./InlineFindingTutorial"
import { InsertAndUndoTutorial } from "./InsertAndUndoTutorial"
import { SearchInBufferTutorial } from "./SearchInBufferTutorial"
Expand Down Expand Up @@ -39,4 +40,5 @@ export const AllTutorials: ITutorial[] = [
new TargetsVimPluginTutorial(),
new InlineFindingTutorial(),
new TextObjectsTutorial(),
new DotCommandTutorial(),
]

0 comments on commit 74a4dc7

Please sign in to comment.