Fix style issues

Author: marcusolsson

.gitignore

@@ -18,3 +18,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.obsidian

docs/contribute.md

@@ -21,9 +21,9 @@ Each guide should have the following structure:
 1. Full code example
 1. Detailed explanation of the code example
 
-The code block for the full code example must have a title with the file name, for example `title="main.ts"`.
+The code block for the full code example must have a title with the filename, for example `title="main.ts"`.
 
-The example must be complete: The reader can copy-paste it into their own editor and run it without modifications.
+The example must be complete: the reader can copy-paste it into their own editor and run it without modifications.
 
 For simpler code examples, use [line highlighting](https://docusaurus.io/docs/markdown-features/code-blocks#line-highlighting) to draw the reader's attention to the important parts.
 

docs/getting-started/create-your-first-plugin.md

@@ -6,7 +6,7 @@ sidebar_position: 10
 
 This guide walks you through the steps needed to develop a plugin for Obsidian.
 
-> If you prefer a video walkthrough, check out [Create Your Own Obsidian Plugin](https://www.youtube.com/watch?v=9lA-jaMNS0k) by [Antone Heyward](https://www.youtube.com/channel/UC9w43btR2UUsfR6ZUf3AlqQ).
+> If you prefer a video walk-through, check out [Create Your Own Obsidian Plugin](https://www.youtube.com/watch?v=9lA-jaMNS0k) by [Antone Heyward](https://www.youtube.com/channel/UC9w43btR2UUsfR6ZUf3AlqQ).
 
 :::warning Before you start
 **Don't develop plugins in your main vault.** When you develop a plugin, one mistake can lead to unintentional modifications to your vault. You also risk **permanently deleting your vault**.
@@ -68,13 +68,13 @@ Though "Sample Plugin" is probably not the name you had in mind for your plugin.
 
 The plugin manifest, `manifest.json` is a file that contains information about your plugin, such as its name and version.
 
-1. Open the `obsidian-instant-coffee` directory that has been created, in a code editor, such as [Visual Studio Code](https://code.visualstudio.com/).
+1. Open the `obsidian-instant-coffee` directory in a code editor, such as [Visual Studio Code](https://code.visualstudio.com/).
 1. Open `manifest.json` in your editor.
 1. Change `id` to your plugin ID, for example `obsidian-instant-coffee`.
 1. Change `name` to the human-friendly name of the plugin, for example `Instant coffee`.
 1. If you'd like, then update `description`, `author`, and `authorUrl` as well.
 
-A plugin is an NodeJS package, which is configured in the `package.json`. You shouldn't need to worry much about it for now. For now, only update it to match the properties in the plugin manifest.
+A plugin is also a NodeJS package, which you can configure in the `package.json`. You shouldn't need to worry much about it for now. For now, update it to match the properties in the plugin manifest.
 
 1. Open `package.json` in your editor.
 1. Change `name` to match the `id` in `manifest.json`.
@@ -103,4 +103,4 @@ A plugin is an NodeJS package, which is configured in the `package.json`. You sh
 
 Congratulations! 🎉 You've successfully loaded and changed a custom plugin for Obsidian. 🚀
 
-Feel free to modify the code from the sample plugin to see what it does. Once you're ready, learn more about the [anatomy of a plugin](plugin-anatomy).
+Feel free to change the code from the sample plugin to see what it does. Once you're ready, learn more about the [anatomy of a plugin](plugin-anatomy).

docs/guides/commands.md

@@ -53,7 +53,7 @@ this.addCommand({
 
 ## Editor commands
 
-If your command needs access to the editor, you can also use the `editorCallback`, which provides the currently active editor and its view as arguments.
+If your command needs access to the editor, you can also use the `editorCallback`, which provides the active editor and its view as arguments.
 
 ```ts {4}
 this.addCommand({
@@ -94,7 +94,7 @@ this.addCommand({
 The user can run commands using a keyboard shortcut, or _hot key_. While they can configure this themselves, you can also provide a default hot key.
 
 :::warning
-Avoid setting default hot keys for plugins that are intended to be used by people other than yourself. Hot keys are highly likely to conflict with those defined by other plugins or by the user themselves.
+Avoid setting default hot keys for plugins that you intend for others to use. Hot keys are highly likely to conflict with those defined by other plugins or by the user themselves.
 :::
 
 In this example, the user can run the command by pressing and holding Ctrl (or Cmd on Mac) and Shift together, and then pressing the letter `a` on their keyboard.

docs/guides/custom-views.md

@@ -4,7 +4,7 @@ sidebar_position: 70
 
 # Custom views
 
-Views determine how Obsidian displays content. The file explorer, graph view, and the Markdown view are all examples of views, but you can also create your own custom custom views that display content in a way that makes sense for your plugin.
+Views determine how Obsidian displays content. The file explorer, graph view, and the Markdown view are all examples of views, but you can also create your own custom views that display content in a way that makes sense for your plugin.
 
 To create a custom view, create a class that extends the `ItemView` interface:
 
@@ -42,9 +42,9 @@ export class ExampleView extends ItemView {
 For more information on how to use the `createEl()` method, refer to [HTML elements](html-elements.md).
 :::
 
-Each view is uniquely identified by a text string and many operations require that you specify the view you'd like to modify. Extracting it to a constant, `VIEW_TYPE_EXAMPLE`, is a good idea—as you will see later in this guide.
+Each view is uniquely identified by a text string and several operations require that you specify the view you'd like to use. Extracting it to a constant, `VIEW_TYPE_EXAMPLE`, is a good idea—as you will see later in this guide.
 
-- `getViewType()` returns a unique identier for the view.
+- `getViewType()` returns a unique identifier for the view.
 - `getDisplayText()` returns a human-friendly name for the view.
 - `onOpen()` is called when the view is opened within a new leaf and is responsible for building the content of your view.
 - `onClose()` is called when the view should close and is responsible for cleaning up any resources used by the view.
@@ -110,7 +110,7 @@ After you've registered a custom view for the plugin, you should to give the use
 - Reveals the leaf that contains the custom view.
 
 :::tip
-The `activateView()` restricts your plugin to at most one leaf at a time. Try commenting out the call to `detachLeavesOfType()` to allow the user to create multiple leaves. One for every call to `activateView()`.
+The `activateView()` restricts your plugin to at most one leaf at a time. Try commenting out the call to `detachLeavesOfType()` to allow the user to create more than one leaf. One for every call to `activateView()`.
 :::
 
 How you want the user to activate the custom view is up to you. The example uses a [ribbon action](./ribbon-actions.md), but you can also use a [command](./commands.md).

docs/guides/html-elements.md

@@ -47,7 +47,7 @@ book.createEl("small", { text: "Sönke Ahrens" });
 
 ## Style your elements
 
-You can add custom CSS styles to your plugin by adding a `styles.css` file in the plugin root directory. Let's add some styles for the previous book example:
+You can add custom CSS styles to your plugin by adding a `styles.css` file in the plugin root directory. To add some styles for the previous book example:
 
 ```css title="styles.css"
 .book {

docs/guides/icons.md

@@ -1,11 +1,11 @@
 # Icons
 
-Many of the UI components in the Obsidian API lets you configure an accompanying icon. You can choose from one of the many built-in icons, or you can add your own.
+Several of the UI components in the Obsidian API lets you configure an accompanying icon. You can choose from one of the built-in icons, or you can add your own.
 
 ## Browse available icons
 
 If you'd like to see all available icons and their corresponding names, you can install the
-[Icon Swapper](https://github.com/mgmeyers/obsidian-icon-swapper) plugin by mgmeyers. While its main purpose is to replace the built-in icons with custom ones, it also serves as a directory of what icons are included in Obsidian.
+[Icon Swapper](https://github.com/mgmeyers/obsidian-icon-swapper) plugin by mgmeyers. While its main purpose is to replace the built-in icons with custom ones, it also serves as a list of what icons are available in Obsidian.
 
 ## Draw icons
 

docs/guides/settings.md

@@ -92,9 +92,9 @@ async onload() {
 
 ## Provide default values
 
-When the user enables the plugin for the first time, none of the settings will have been configured yet. The example above provides default values for any missing settings.
+When the user enables the plugin for the first time, none of the settings have been configured yet. The preceding example provides default values for any missing settings.
 
-To understand how this work, let's look a little closer at this code:
+To understand how this work, let's look at the following code:
 
 ```ts
 Object.assign(DEFAULT_SETTINGS, await this.loadData())
@@ -168,4 +168,4 @@ Update the settings object whenever the value of the text field changes, and the
 })
 ```
 
-Nice work! 💪 Your users will thank you for giving them a way to customize how they interact with your plugin. Before heading to the next guide, experiment with what you've leared by adding another setting.
+Nice work! 💪 Your users will thank you for giving them a way to customize how they interact with your plugin. Before heading to the next guide, experiment with what you've learned by adding another setting.