lesca-validate 0.0.4 → 1.0.0

package/package.json

@@ -1,69 +1,42 @@
 {
   "name": "lesca-validate",
-  "version": "0.0.4",
+  "private": false,
   "description": "check email, phone number, url format.",
-  "main": "lib/index.js",
-  "scripts": {
-    "start": "webpack-dev-server --mode development",
-    "watch": "babel --watch src/lib --out-dir lib --extensions '.ts,.tsx'",
-    "build": "NODE_ENV=production webpack",
-    "less": "less-watch-compiler",
-    "css": "copy-and-watch --watch src/lib/*.css lib/",
-    "deploy": "gh-pages -d dist",
-    "tsc": "npx tsc --watch",
-    "dev": "concurrently \"npm run tsc\" \"npm run less\" \"npm run css\" \"npm run watch\" \"npm run start\"",
-    "rm": "rm -rf node_modules/ package-lock.json",
-    "op": "babel src/lib -d lib --copy-files"
-  },
+  "version": "1.0.0",
+  "type": "module",
   "keywords": [
     "lesca"
   ],
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/cli": "^7.23.0",
-    "@babel/core": "^7.23.2",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-transform-runtime": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.2",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.13",
-    "@mui/material": "^5.14.13",
-    "autoprefixer": "^10.4.16",
-    "babel-loader": "^9.1.3",
-    "concurrently": "^8.2.1",
-    "copy-and-watch": "^0.1.6",
-    "css-loader": "^6.8.1",
-    "file-loader": "^6.2.0",
-    "gh-pages": "^6.0.0",
-    "html-react-parser": "^4.2.5",
-    "html-webpack-plugin": "^5.5.3",
-    "less": "^4.2.0",
-    "less-loader": "^11.1.3",
-    "less-vars-to-js": "^1.3.0",
-    "less-watch-compiler": "^1.16.3",
-    "postcss": "^8.4.31",
-    "postcss-loader": "^7.3.3",
-    "prismjs": "^1.29.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "style-loader": "^3.3.3",
-    "ts-loader": "^9.5.0",
-    "typescript": "^5.2.2",
-    "webpack": "^5.89.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+  "files": [
+    "lib"
+  ],
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js"
+    }
   },
-  "author": "jamehsu1125 <jameshsu1125@gmail.com>",
-  "homepage": "https://jameshsu1125.github.io/lesca-validate/",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:jameshsu1125/lesca-validate.git"
+  "scripts": {
+    "dev": "NODE_ENV=DEV vite --host",
+    "build": "NODE_ENV=production tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "rm": "rm -rf node_modules/ dist/ package-lock.json"
   },
-  "dependencies": {
-    "@babel/runtime": "^7.23.2"
+  "dependencies": {},
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@types/node": "^24.2.1",
+    "eslint": "^9.33.0",
+    "globals": "^16.3.0",
+    "path": "^0.12.7",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/.babelrc

@@ -1,17 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    [
-      "@babel/preset-react",
-      {
-        "runtime": "automatic"
-      }
-    ],
-    "@babel/preset-typescript"
-  ],
-  "plugins": [
-    "@babel/plugin-proposal-object-rest-spread",
-    "@babel/plugin-proposal-class-properties",
-    "@babel/transform-runtime"
-  ]
-}

package/.gitattributes

@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto

package/.prettierignore

@@ -1,11 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Dependency directories
-node_modules/
-
-# Ignore files
-package-lock.json
-

package/.prettierrc

@@ -1,8 +0,0 @@
-{
-  "jsxBracketSameLine": false,
-  "singleQuote": true,
-  "useTabs": false,
-  "jsxSingleQuote": true,
-  "printWidth": 100,
-  "trailingComma": "all"
-}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2020 James Hsu
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/less-watch-compiler.config.json

@@ -1,5 +0,0 @@
-{
-  "watchFolder": "src/lib",
-  "outputFolder": "src/lib",
-  "mainFile": "style.less"
-}

package/lib/index.d.ts

@@ -1,13 +0,0 @@
-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;
-export declare const ValiDateInvoice: (value: String) => boolean;
-declare const Validate: {
-    email: (email: string) => boolean;
-    phone: (phone: string) => boolean;
-    url: (str: string) => boolean;
-    youtubeID: (url: string) => string | false;
-    invoice: (value: String) => boolean;
-};
-export default Validate;

package/lib/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ValidateYoutubeURL = exports.ValidateURL = exports.ValidatePhone = exports.ValidateEmail = exports.ValiDateInvoice = void 0;
-var _misc = require("./misc");
-var ValidateEmail = exports.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;
-};
-var ValidatePhone = exports.ValidatePhone = function ValidatePhone(phone) {
-  return phone !== '' && phone.length === 10 && phone.slice(0, 2) === '09';
-};
-var ValidateURL = exports.ValidateURL = function ValidateURL(str) {
-  var pattern = new RegExp('^(https?:\\/\\/)?' + '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + '((\\d{1,3}\\.){3}\\d{1,3}))' + '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + '(\\?[;&a-z\\d%_.~+=-]*)?' + '(\\#[-a-z\\d_]*)?$', 'i');
-  return !!pattern.test(str);
-};
-var ValidateYoutubeURL = exports.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;
-};
-var ValiDateInvoice = exports.ValiDateInvoice = function ValiDateInvoice(value) {
-  var currentValue = String(value);
-  var length = currentValue.length;
-  if (length !== 10) return false;
-  var code = (0, _misc.isEnglish)(currentValue.slice(0, 2));
-  if (!code) return false;
-  var num = (0, _misc.isNumber)(currentValue.slice(2));
-  if (!num) return false;
-  return true;
-};
-var Validate = {
-  email: ValidateEmail,
-  phone: ValidatePhone,
-  url: ValidateURL,
-  youtubeID: ValidateYoutubeURL,
-  invoice: ValiDateInvoice
-};
-var _default = exports["default"] = Validate;

package/lib/misc.d.ts

@@ -1,2 +0,0 @@
-export declare function isEnglish(s: String): boolean;
-export declare function isNumber(s: String): boolean;

package/lib/misc.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isEnglish = isEnglish;
-exports.isNumber = isNumber;
-function isEnglish(s) {
-  var i, charCode;
-  var result = true;
-  for (i = s.length; i--;) {
-    charCode = s.charCodeAt(i);
-    if (charCode < 65 || charCode > 122) result = false;
-  }
-  return result;
-}
-function isNumber(s) {
-  var i, charCode;
-  var result = true;
-  for (i = s.length; i--;) {
-    charCode = s.charCodeAt(i);
-    if (charCode < 48 || charCode > 57) result = false;
-  }
-  return result;
-}

package/postcss.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  plugins: [require('autoprefixer')],
-};

package/src/docs/components/code.js

@@ -1,19 +0,0 @@
-import HTMLReactParser from 'html-react-parser';
-import Prism from 'prismjs';
-import 'prismjs/themes/prism.css';
-import './code.less';
-
-const Code = ({ code, theme }) => {
-  return (
-    <pre>
-      <code>{HTMLReactParser(Prism.highlight(code, Prism.languages[theme], theme))}</code>
-    </pre>
-  );
-};
-
-Code.defaultProps = {
-  code: `import { useState } from 'react';`,
-  theme: 'javascript',
-};
-
-export default Code;

package/src/docs/components/code.less

@@ -1,7 +0,0 @@
-@import url('../theme.less');
-pre {
-  overflow: scroll;
-  padding: 20px;
-  outline: dashed 1px (@C4 - 50);
-  background-color: #fff;
-}

package/src/docs/components/navigation.js

@@ -1,33 +0,0 @@
-import { Button, ButtonGroup } from '@mui/material';
-import { useEffect } from 'react';
-import { name } from '../config';
-import './navigation.less';
-
-const Menu = ({ setState, state }) => (
-  <ButtonGroup variant='contained' size='small' color='success'>
-    <Button
-      onClick={() => {
-        setState('demo');
-      }}
-      disabled={state === 'demo'}
-    >
-      Demo
-    </Button>
-    <Button
-      onClick={() => {
-        setState('usage');
-      }}
-      disabled={state === 'usage'}
-    >
-      Usage
-    </Button>
-  </ButtonGroup>
-);
-
-const Navigation = ({ setState, state }) => (
-  <div className='Navigation'>
-    <div className='logo'>{name}</div>
-    <div className='menu'>{/* <Menu setState={setState} state={state} /> */}</div>
-  </div>
-);
-export default Navigation;

package/src/docs/components/navigation.less

@@ -1,28 +0,0 @@
-@import url('../theme.less');
-
-.Navigation {
-  position: fixed;
-  box-sizing: border-box;
-  padding: 0 20px;
-  width: 100%;
-  height: 70px;
-  background-color: @C2;
-
-  .logo {
-    float: left;
-    height: 100%;
-    color: #fff;
-    font-size: 30px;
-    font-family: 'Titillium Web', sans-serif;
-    line-height: 70px;
-  }
-
-  .menu {
-    display: flex;
-    float: right;
-    align-items: center;
-    flex-direction: column;
-    justify-content: center;
-    height: 100%;
-  }
-}

package/src/docs/config.js

@@ -1,4 +0,0 @@
-module.exports = {
-  name: 'lesca-validate',
-  description: 'check is validate email, phone number and url format.',
-};

package/src/docs/index.js

@@ -1,35 +0,0 @@
-import { Container } from '@mui/material';
-import { ThemeProvider } from '@mui/material/styles';
-import { useState } from 'react';
-import { createRoot } from 'react-dom/client';
-import Navigation from './components/navigation';
-import Demo from './pages/demo';
-import Usage from './pages/usage';
-import './styles.less';
-import { theme } from './theme';
-
-const App = () => {
-  const [state, setState] = useState('demo');
-
-  const appendPage = () => {
-    switch (state) {
-      default:
-      case 'demo':
-        return <Demo />;
-
-      case 'usage':
-        return <Usage />;
-    }
-  };
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Navigation setState={setState} state={state} />
-      <Container style={{ paddingTop: '70px' }} maxWidth='lg'>
-        {appendPage()}
-      </Container>
-    </ThemeProvider>
-  );
-};
-
-createRoot(document.getElementById('app')).render(<App />);

package/src/docs/module/lessVarsLoader.js

@@ -1,5 +0,0 @@
-const lessToJs = require('less-vars-to-js');
-
-module.exports = function (content) {
-  return `module.exports = ${JSON.stringify(lessToJs(content))}`;
-};

package/src/docs/pages/demo.js

@@ -1,120 +0,0 @@
-import { Button, ButtonGroup, TextField } from '@mui/material';
-import { useRef, useState } from 'react';
-import {
-  ValidateEmail,
-  ValidatePhone,
-  ValidateURL,
-  ValidateYoutubeURL,
-  ValiDateInvoice,
-} from '../../lib';
-
-const Demo = () => {
-  const emailRef = useRef();
-  const phoneRef = useRef();
-  const urlRef = useRef();
-  const youtubeRef = useRef();
-  const invoiceRef = useRef();
-
-  const [emailResult, setEmailResult] = useState();
-  const [phoneResult, setPhoneResult] = useState();
-  const [urlResult, setUrlResult] = useState();
-  const [youtubeResult, setYoutubeResult] = useState();
-  const [invoiceResult, setInvoiceResult] = useState();
-
-  return (
-    <div className='Demo'>
-      <h2>Validate Email</h2>
-      <TextField inputRef={emailRef} defaultValue='username@host.com' label='email' fullWidth />
-      <pre>
-        <code>{JSON.stringify(emailResult ?? 'no result')}</code>
-      </pre>
-      <ButtonGroup variant='contained'>
-        <Button
-          onClick={() => {
-            const { value } = emailRef.current;
-            setEmailResult(ValidateEmail(value));
-          }}
-        >
-          click
-        </Button>
-      </ButtonGroup>
-
-      <hr style={{ margin: '10px 0' }} />
-
-      <h2>Validate Phone[Taiwan only]</h2>
-      <TextField inputRef={phoneRef} defaultValue='0912345678' label='phone' fullWidth />
-      <pre>
-        <code>{JSON.stringify(phoneResult ?? 'no result')}</code>
-      </pre>
-      <ButtonGroup variant='contained'>
-        <Button
-          onClick={() => {
-            const { value } = phoneRef.current;
-            setPhoneResult(ValidatePhone(value));
-          }}
-        >
-          click
-        </Button>
-      </ButtonGroup>
-
-      <hr style={{ margin: '10px 0' }} />
-
-      <h2>Validate URL Address</h2>
-      <TextField inputRef={urlRef} defaultValue='https://www.google.com/' label='URL' fullWidth />
-      <pre>
-        <code>{JSON.stringify(urlResult ?? 'no result')}</code>
-      </pre>
-      <ButtonGroup variant='contained'>
-        <Button
-          onClick={() => {
-            const { value } = urlRef.current;
-            setUrlResult(ValidateURL(value));
-          }}
-        >
-          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>
-
-      <h2>Validate Invoice Number</h2>
-      <TextField inputRef={invoiceRef} defaultValue='XS12345678' label='Invoice number' fullWidth />
-      <pre>
-        <code>{JSON.stringify(invoiceResult ?? 'no result')}</code>
-      </pre>
-      <ButtonGroup variant='contained'>
-        <Button
-          onClick={() => {
-            const { value } = invoiceRef.current;
-            console.log(ValiDateInvoice(value));
-            setInvoiceResult(ValiDateInvoice(value));
-          }}
-        >
-          click
-        </Button>
-      </ButtonGroup>
-    </div>
-  );
-};
-export default Demo;

package/src/docs/pages/usage.js

@@ -1,25 +0,0 @@
-import { Button, ButtonGroup } from '@mui/material';
-import { useEffect } from 'react';
-import Code from '../components/code';
-import { name } from '../config';
-
-const codes = [{ title: '1. Installation', code: `npm install ${name} --save`, type: 'text' }];
-
-const Usage = () => {
-  useEffect(() => {}, []);
-  return (
-    <div className='Usage'>
-      <h2>Usage</h2>
-      {codes.map((e) => (
-        <div key={e.title}>
-          <h3>{e.title}</h3>
-          <Code code={e.code} theme={e.type} />
-        </div>
-      ))}
-      <ButtonGroup variant='contained'>
-        <Button>click</Button>
-      </ButtonGroup>
-    </div>
-  );
-};
-export default Usage;

package/src/docs/styles.less

@@ -1,16 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap&css');
-@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap&css');
-@import url('./theme.less');
-
-body {
-  margin: 0;
-  background-color: @C4;
-  color: @C5;
-  font-family: 'Titillium Web', sans-serif;
-
-  overscroll-behavior: none;
-
-  .Demo > * {
-    margin: 5px 0;
-  }
-}

package/src/docs/theme.js

@@ -1,22 +0,0 @@
-import { createTheme } from '@mui/material/styles';
-import * as styles from '!!./module/lessVarsLoader!./theme.less';
-
-export const theme = createTheme({
-  palette: {
-    primary: {
-      main: styles['@C1'],
-    },
-    secondary: {
-      main: styles['@C2'],
-    },
-    error: {
-      main: styles['@C3'],
-    },
-    success: {
-      main: styles['@C4'],
-    },
-    warning: {
-      main: styles['@C5'],
-    },
-  },
-});

package/src/docs/theme.less

@@ -1,6 +0,0 @@
-/* Color Theme Swatches in RGBA */
-@C1: rgba(57, 76, 89, 1);
-@C2: rgba(92, 121, 140, 1);
-@C3: rgba(162, 180, 191, 1);
-@C4: rgba(242, 242, 242, 1);
-@C5: rgba(12, 12, 12, 1);

package/src/lib/index.ts

@@ -1,57 +0,0 @@
-import { isEnglish, isNumber } from './misc';
-
-export const ValidateEmail = (email: string) => {
-  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
-  );
-};
-
-export const ValidatePhone = (phone: string) => {
-  return phone !== '' && phone.length === 10 && phone.slice(0, 2) === '09';
-};
-
-export const ValidateURL = (str: string) => {
-  var pattern = new RegExp(
-    '^(https?:\\/\\/)?' +
-      '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' +
-      '((\\d{1,3}\\.){3}\\d{1,3}))' +
-      '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' +
-      '(\\?[;&a-z\\d%_.~+=-]*)?' +
-      '(\\#[-a-z\\d_]*)?$',
-    'i',
-  );
-  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;
-};
-
-export const ValiDateInvoice = (value: String) => {
-  const currentValue = String(value);
-  const { length } = currentValue;
-  if (length !== 10) return false;
-  const code = isEnglish(currentValue.slice(0, 2));
-  if (!code) return false;
-  const num = isNumber(currentValue.slice(2));
-  if (!num) return false;
-  return true;
-};
-
-const Validate = {
-  email: ValidateEmail,
-  phone: ValidatePhone,
-  url: ValidateURL,
-  youtubeID: ValidateYoutubeURL,
-  invoice: ValiDateInvoice,
-};
-
-export default Validate;

package/src/lib/misc.ts

@@ -1,19 +0,0 @@
-export function isEnglish(s: String) {
-  let i, charCode;
-  let result = true;
-  for (i = s.length; i--; ) {
-    charCode = s.charCodeAt(i);
-    if (charCode < 65 || charCode > 122) result = false;
-  }
-  return result;
-}
-
-export function isNumber(s: String) {
-  let i, charCode;
-  let result = true;
-  for (i = s.length; i--; ) {
-    charCode = s.charCodeAt(i);
-    if (charCode < 48 || charCode > 57) result = false;
-  }
-  return result;
-}

package/template/template.html

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-tw">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,user-scalable=0" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <title><%= htmlWebpackPlugin.options.title %></title>
-    <meta property="og:description" content="<%= htmlWebpackPlugin.options.description %>" />
-    <meta property="og:title" content="<%= htmlWebpackPlugin.options.title %>" />
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.url %>img/meta-img.jpg" />
-    <meta property="og:image:width" content="1280" />
-    <meta property="og:image:height" content="720" />
-    <meta property="og:url" content="<%= htmlWebpackPlugin.options.url %>" />
-    <meta property="og:type" content="website" />
-    <meta property="fb:app_id" content="171368189560011" />
-    <meta property="og:site_name" content="<%= htmlWebpackPlugin.options.title %>" />
-    <link
-      rel="apple-touch-icon"
-      href="<%= htmlWebpackPlugin.options.url %>img/apple-touch-icon.jpg"
-    />
-    <link rel="image_src" href="<%= htmlWebpackPlugin.options.url %>img/meta-img.jpg" />
-    <link
-      href="<%= htmlWebpackPlugin.options.url %>img/favicon.ico"
-      rel="icon"
-      type="image/x-icon"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-    />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
-    <meta name="apple-mobile-web-app-capable" content="no" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/template/template.meta.js

@@ -1,6 +0,0 @@
-const config = require('../src/docs/config');
-module.exports = {
-  title: config.name,
-  description: config.description,
-  url: 'https://jameshsu1125.github.io/',
-};

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compileOnSave": true,
-  "compilerOptions": {
-    "outDir": "./lib/",
-    "target": "es5",
-    "module": "AMD",
-    "declaration": true,
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "jsx": "react-jsx",
-    "moduleResolution": "node",
-    "allowJs": true,
-    "noImplicitThis": false,
-    "paths": {
-      "*": ["./lib/*"]
-    }
-  },
-  "include": ["src/lib"]
-}

package/webpack.config.js

@@ -1,61 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const template = './template/template.meta';
-const Meta = require(template);
-
-module.exports = {
-  entry: path.join(__dirname, 'src/docs'),
-  output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'bundle.js',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        use: 'babel-loader',
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.tsx?$/,
-        use: ['babel-loader', 'ts-loader'],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.(less|css)$/,
-        use: [
-          'style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              esModule: false,
-            },
-          },
-          'postcss-loader',
-          'less-loader',
-        ],
-      },
-      {
-        test: /\.(png|jpg|gif|svg)$/,
-        use: [
-          {
-            loader: 'file-loader',
-            options: { name: 'img/[path][name].[ext]', context: 'src/docs' },
-          },
-        ],
-      },
-    ],
-  },
-  plugins: [
-    new HtmlWebpackPlugin({
-      ...Meta,
-      template: 'template/template.html',
-    }),
-  ],
-  resolve: {
-    extensions: ['.tsx', '.ts', '.js', '.jsx'],
-  },
-  devServer: {
-    port: 8000,
-  },
-};