diff --git a/README.md b/README.md index 7eace02..7a1b0bc 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,7 @@ Additional installation instructions and documentation for each package can be f ## Modification -These hooks are designed to be concise, to be easy to understand, and to have zero npm package dependencies. If a hook doesn't quite work for you and requires modificaiton, I encourage you to copy it into your own project and develop it from there. +These hooks are designed to be concise, to be easy to understand, and to have zero npm package dependencies. If a hook doesn't quite work for you and requires modification, I encourage you to copy it into your own project and develop it from there. Vendoring a hook is easy, just copy the source file from this repo. For example, you might copy from `packages/sortable/src/index.js` to `assets/js/hooks/sortable.js` in your Phoenix project. Then, change the import path to your local path in your `app.js` file: diff --git a/demo/assets/vendor/Sortable.js b/demo/assets/vendor/Sortable.js index 0c1555b..3156147 100644 --- a/demo/assets/vendor/Sortable.js +++ b/demo/assets/vendor/Sortable.js @@ -265,7 +265,7 @@ * Returns the "bounding client rect" of given element * @param {HTMLElement} el The element whose boundingClientRect is wanted * @param {[Boolean]} relativeToContainingBlock Whether the rect should be relative to the containing block of (including) the container - * @param {[Boolean]} relativeToNonStaticParent Whether the rect should be relative to the relative parent of (including) the contaienr + * @param {[Boolean]} relativeToNonStaticParent Whether the rect should be relative to the relative parent of (including) the container * @param {[Boolean]} undoScale Whether the container's scale() should be undone * @param {[HTMLElement]} container The parent the element will be placed in * @return {Object} The boundingClientRect of el, with specified adjustments diff --git a/demo/lib/demo_web/live/demo_live/copy_to_clipboard.ex b/demo/lib/demo_web/live/demo_live/copy_to_clipboard.ex index 84c8fa7..5a25d7c 100644 --- a/demo/lib/demo_web/live/demo_live/copy_to_clipboard.ex +++ b/demo/lib/demo_web/live/demo_live/copy_to_clipboard.ex @@ -74,7 +74,7 @@ defmodule DemoWeb.DemoLive.CopyToClipboard do <.header> Copy From Contents (Container) <:subtitle> - Copy plain & html content from the DOM, targeting a conainer inside the hook element. + Copy plain & html content from the DOM, targeting a container inside the hook element. <.source_link source_url={demo_source_url()} /> diff --git a/packages/audio/README.md b/packages/audio/README.md index c1a2424..172e098 100644 --- a/packages/audio/README.md +++ b/packages/audio/README.md @@ -39,12 +39,12 @@ let liveSocket = new LiveSocket("/live", Socket, { hooks, ... }); Fields supported in the event `:detail` map for the `phx:play` event: * `:audio`: The path or URL where the audio file to play is located (required). -* `:id`: An identifer to give the audio object, in case it should be reused across interactions. +* `:id`: An identifier to give the audio object, in case it should be reused across interactions. * `:restart`: When `true`, starts the audio from the beginning with each play. Fields supported in the event `:detail` map for the `phx:pause` event: -* `:id`: The identifer of the audio object that should be paused (required). +* `:id`: The identifier of the audio object that should be paused (required). ## Options diff --git a/packages/crop-image/README.md b/packages/crop-image/README.md index 6e21d94..006dce3 100644 --- a/packages/crop-image/README.md +++ b/packages/crop-image/README.md @@ -100,7 +100,7 @@ end ## Options * `activeClass`: Class to be added when an image is loaded and ready to crop. Defaults to `"cropping"`. -* `minSize`: Mimimum width and height in pixels of the crop area. Defaults to `50`. +* `minSize`: Minimum width and height in pixels of the crop area. Defaults to `50`. * `threshold`: Hitbox size in pixels of the crop area resize handles. Defaults to `10`. ## Attributes diff --git a/packages/crop-image/src/index.js b/packages/crop-image/src/index.js index 274c216..62cc2e7 100644 --- a/packages/crop-image/src/index.js +++ b/packages/crop-image/src/index.js @@ -22,7 +22,7 @@ export default function (options = {}) { if (!this.containerEl) { throw new Error( - `@phx-hook/crop-image: Cound not find element #${containerId}`, + `@phx-hook/crop-image: Could not find element #${containerId}`, ); } diff --git a/packages/prevent-unsaved-changes/README.md b/packages/prevent-unsaved-changes/README.md index 994c670..e550c76 100644 --- a/packages/prevent-unsaved-changes/README.md +++ b/packages/prevent-unsaved-changes/README.md @@ -37,7 +37,7 @@ This hook does not have to be used with a `