style(extension/youtube): ✏️ change youtube typing

ueberdosis · Jun 17, 2022 · 76c3d65 · 76c3d65
1 parent 6c302f2
commit 76c3d65
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 24 deletions.
diff --git a/demos/src/Experiments/Youtube/React/index.jsx b/demos/src/Experiments/Youtube/React/index.jsx
@@ -1,10 +1,9 @@
 import './styles.scss'
 
-import React from 'react'
-
-import YouTube from '@tiptap/extension-youtube'
+import Youtube from '@tiptap/extension-youtube'
 import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
 
 const MenuBar = ({ editor }) => {
   const widthRef = React.useRef(null)
@@ -21,7 +20,7 @@ const MenuBar = ({ editor }) => {
     return null
   }
 
-  const addYouTubeVideo = () => {
+  const addYoutubeVideo = () => {
     const url = prompt('Enter YouTube URL')
 
     editor.commands.setYoutubeVideo({
@@ -33,7 +32,7 @@ const MenuBar = ({ editor }) => {
 
   return (
     <>
-      <button id="add" onClick={addYouTubeVideo}>Add youtube video</button>
+      <button id="add" onClick={addYoutubeVideo}>Add youtube video</button>
       <input id="width" type="number" min="320" max="1024" ref={widthRef} placeholder="width" />
       <input id="height" type="number" min="180" max="720" ref={heightRef} placeholder="height" />
     </>
@@ -44,7 +43,7 @@ export default () => {
   const editor = useEditor({
     extensions: [
       StarterKit,
-      YouTube,
+      Youtube,
     ],
     content: `
       <p>Tiptap now supports youtube embeds! Awesome!</p>

diff --git a/demos/src/Experiments/Youtube/Vue/index.vue b/demos/src/Experiments/Youtube/Vue/index.vue
@@ -22,9 +22,9 @@
 </template>
 
 <script>
-import YouTube from '@tiptap/extension-youtube'
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Youtube from '@tiptap/extension-youtube'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
@@ -43,7 +43,7 @@ export default {
     this.editor = new Editor({
       extensions: [
         StarterKit,
-        YouTube,
+        Youtube,
       ],
       content: `
         <p>Tiptap now supports youtube embeds! Awesome!</p>

diff --git a/docs/api/extensions/youtube.md b/docs/api/extensions/youtube.md
@@ -22,7 +22,7 @@ Controls if the node should be handled inline or as a block.
 Default: `false`
 
 ```js
-YouTube.configure({
+Youtube.configure({
   inline: false,
 })
 ```
@@ -33,7 +33,7 @@ Controls the default width of added videos
 Default: `640`
 
 ```js
-YouTube.configure({
+Youtube.configure({
   width: 480,
 })
 ```
@@ -44,7 +44,7 @@ Controls the default height of added videos
 Default: `480`
 
 ```js
-YouTube.configure({
+Youtube.configure({
   height: 320,
 })
 ```
@@ -55,7 +55,7 @@ Enables or disables YouTube video controls
 Default: `true`
 
 ```js
-YouTube.configure({
+Youtube.configure({
   controls: false,
 })
 ```
@@ -66,7 +66,7 @@ Enables the nocookie mode for YouTube embeds
 Default: `false`
 
 ```js
-YouTube.configure({
+Youtube.configure({
   nocookie: true,
 })
 ```
@@ -77,7 +77,7 @@ Allows the iframe to be played in fullscreen
 Default: `true`
 
 ```js
-YouTube.configure({
+Youtube.configure({
   allowFullscreen: false,
 })
 ```

diff --git a/packages/extension-youtube/src/index.ts b/packages/extension-youtube/src/index.ts
@@ -1,5 +1,5 @@
-import { YouTube } from './youtube'
+import { Youtube } from './youtube'
 
 export * from './youtube'
 
-export default YouTube
+export default Youtube
diff --git a/packages/extension-youtube/src/utils.ts b/packages/extension-youtube/src/utils.ts
@@ -1,4 +1,4 @@
-export const isValidYouTubeUrl = (url: string) => {
+export const isValidYoutubeUrl = (url: string) => {
   return url.match(/^(https?:\/\/)?(www\.|music\.)?(youtube\.com|youtu\.be)(.+)?$/)
 }
 
@@ -13,7 +13,7 @@ export const getYoutubeEmbedUrl = (nocookie?: boolean) => {
   return nocookie ? 'https://www.youtube-nocookie.com/embed/' : 'https://www.youtube.com/embed/'
 }
 
-export const getEmbedURLFromYouTubeURL = (options: GetEmbedUrlOptions) => {
+export const getEmbedURLFromYoutubeURL = (options: GetEmbedUrlOptions) => {
   const {
     url,
     controls,

diff --git a/packages/extension-youtube/src/youtube.ts b/packages/extension-youtube/src/youtube.ts
@@ -1,6 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
-import { getEmbedURLFromYouTubeURL, isValidYouTubeUrl } from './utils'
+import { getEmbedURLFromYoutubeURL, isValidYoutubeUrl } from './utils'
 
 export interface YoutubeOptions {
   inline: boolean;
@@ -23,7 +23,7 @@ declare module '@tiptap/core' {
   }
 }
 
-export const YouTube = Node.create<YoutubeOptions>({
+export const Youtube = Node.create<YoutubeOptions>({
   name: 'youtube',
 
   addOptions() {
@@ -76,7 +76,7 @@ export const YouTube = Node.create<YoutubeOptions>({
   addCommands() {
     return {
       setYoutubeVideo: options => ({ commands }) => {
-        if (!isValidYouTubeUrl(options.src)) {
+        if (!isValidYoutubeUrl(options.src)) {
           return false
         }
 
@@ -89,7 +89,7 @@ export const YouTube = Node.create<YoutubeOptions>({
   },
 
   renderHTML({ HTMLAttributes }) {
-    const embedUrl = getEmbedURLFromYouTubeURL({
+    const embedUrl = getEmbedURLFromYoutubeURL({
       url: HTMLAttributes.src,
       controls: this.options.controls,
       nocookie: this.options.nocookie,