lesca-validate 0.0.1 → 0.0.2

package/lib/index.d.ts

@@ -1,9 +1,11 @@
 export declare const ValidateEmail: (email: string) => boolean;
 export declare const ValidatePhone: (phone: string) => boolean;
 export declare const ValidateURL: (str: string) => boolean;
+export declare const ValidateYoutubeURL: (url: string) => string | false;
 declare const Validate: {
     email: (email: string) => boolean;
     phone: (phone: string) => boolean;
     url: (str: string) => boolean;
+    youtubeID: (url: string) => string | false;
 };
 export default Validate;

package/lib/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ValidateURL = exports.ValidatePhone = exports.ValidateEmail = void 0;
+exports["default"] = exports.ValidateYoutubeURL = exports.ValidateURL = exports.ValidatePhone = exports.ValidateEmail = void 0;
 var ValidateEmail = function ValidateEmail(email) {
   return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/) !== null;
 };
@@ -17,10 +17,18 @@ var ValidateURL = function ValidateURL(str) {
   return !!pattern.test(str);
 };
 exports.ValidateURL = ValidateURL;
+var ValidateYoutubeURL = function ValidateYoutubeURL(url) {
+  var pattern = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
+  var result = url.match(pattern);
+  if (result) return result[1];
+  return false;
+};
+exports.ValidateYoutubeURL = ValidateYoutubeURL;
 var Validate = {
   email: ValidateEmail,
   phone: ValidatePhone,
-  url: ValidateURL
+  url: ValidateURL,
+  youtubeID: ValidateYoutubeURL
 };
 var _default = Validate;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lesca-validate",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "check email, phone number, url format.",
   "main": "lib/index.js",
   "scripts": {

package/readme.md

@@ -24,7 +24,7 @@ npm install lesca-validate --save
 As a Node module:
 
 ```javascript
-import { ValidateEmail, ValidatePhone, ValidateURL } from 'lesca-validate';
+import { ValidateEmail, ValidatePhone, ValidateURL, ValidateYoutubeURL } from 'lesca-validate';
 
 const email = 'username@host.com';
 ValidateEmail(email); // true
@@ -34,6 +34,9 @@ ValidatePhone(phone); // true
 
 const url = 'https://google.com';
 ValidatePhone(url); // true
+
+const youtubeURL = 'https://www.youtube.com/watch?v=09839DpTctU';
+ValidateYoutubeURL(youtubeURL); // '09839DpTctU';
 ```
 
 ### Features

package/src/docs/components/navigation.js

@@ -27,9 +27,7 @@ const Menu = ({ setState, state }) => (
 const Navigation = ({ setState, state }) => (
   <div className='Navigation'>
     <div className='logo'>{name}</div>
-    <div className='menu'>
-      <Menu setState={setState} state={state} />
-    </div>
+    <div className='menu'>{/* <Menu setState={setState} state={state} /> */}</div>
   </div>
 );
 export default Navigation;

package/src/docs/pages/demo.js

@@ -1,15 +1,17 @@
 import { Button, ButtonGroup, TextField } from '@mui/material';
 import { useRef, useState } from 'react';
-import { ValidateEmail, ValidatePhone, ValidateURL } from '../../lib';
+import { ValidateEmail, ValidatePhone, ValidateURL, ValidateYoutubeURL } from '../../lib';
 
 const Demo = () => {
   const emailRef = useRef();
   const phoneRef = useRef();
   const urlRef = useRef();
+  const youtubeRef = useRef();
 
   const [emailResult, setEmailResult] = useState();
   const [phoneResult, setPhoneResult] = useState();
   const [urlResult, setUrlResult] = useState();
+  const [youtubeResult, setYoutubeResult] = useState();
 
   return (
     <div className='Demo'>
@@ -64,6 +66,29 @@ const Demo = () => {
           click
         </Button>
       </ButtonGroup>
+
+      <hr style={{ margin: '10px 0' }} />
+
+      <h2>Validate YouTube URL Address</h2>
+      <TextField
+        inputRef={youtubeRef}
+        defaultValue='https://www.youtube.com/watch?v=09839DpTctU'
+        label='YouTube URL'
+        fullWidth
+      />
+      <pre>
+        <code>{JSON.stringify(youtubeResult ?? 'no result')}</code>
+      </pre>
+      <ButtonGroup variant='contained'>
+        <Button
+          onClick={() => {
+            const { value } = youtubeRef.current;
+            setYoutubeResult(ValidateYoutubeURL(value));
+          }}
+        >
+          click
+        </Button>
+      </ButtonGroup>
     </div>
   );
 };

package/src/lib/index.ts

@@ -25,10 +25,19 @@ export const ValidateURL = (str: string) => {
   return !!pattern.test(str);
 };
 
+export const ValidateYoutubeURL = (url: string) => {
+  const pattern =
+    /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
+  const result = url.match(pattern);
+  if (result) return result[1];
+  return false;
+};
+
 const Validate = {
   email: ValidateEmail,
   phone: ValidatePhone,
   url: ValidateURL,
+  youtubeID: ValidateYoutubeURL,
 };
 
 export default Validate;