svelte-tel-input 0.3.0 → 0.4.2

package/scripts/changelog-github-custom.ts

@@ -1,127 +0,0 @@
-import type { ChangelogFunctions } from '@changesets/types/dist/declarations/src/index';
-import { config } from 'dotenv';
-import { getInfo, getInfoFromPullRequest } from '@changesets/get-github-info';
-
-config();
-
-const changelogFunctions: ChangelogFunctions = {
-    getDependencyReleaseLine: async (changesets, dependenciesUpdated, options) => {
-        if (!options.repo) {
-            throw new Error(
-                'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
-            );
-        }
-        if (dependenciesUpdated.length === 0) return '';
-
-        const changesetLink = `- Updated dependencies [${(
-            await Promise.all(
-                changesets.map(async (cs) => {
-                    if (cs.commit) {
-                        const { links } = await getInfo({
-                            repo: options.repo,
-                            commit: cs.commit
-                        });
-                        return links.commit;
-                    }
-                })
-            )
-        )
-            .filter((_) => _)
-            .join(', ')}]:`;
-
-        const updatedDepenenciesList = dependenciesUpdated.map(
-            (dependency) => `  - ${dependency.name}@${dependency.newVersion}`
-        );
-
-        return [changesetLink, ...updatedDepenenciesList].join('\n');
-    },
-    getReleaseLine: async (changeset, type, options) => {
-        if (!options || !options.repo) {
-            throw new Error(
-                'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
-            );
-        }
-
-        let prFromSummary: number | undefined;
-        let commitFromSummary: string | undefined;
-        const usersFromSummary: string[] = [];
-
-        const replacedChangelog = changeset.summary
-            .replace(/^\s*(?:pr|pull|pull\s+request):\s*#?(\d+)/im, (_, pr) => {
-                const num = Number(pr);
-                if (!isNaN(num)) prFromSummary = num;
-                return '';
-            })
-            .replace(/^\s*commit:\s*([^\s]+)/im, (_, commit) => {
-                commitFromSummary = commit;
-                return '';
-            })
-            .replace(/^\s*(?:author|user):\s*@?([^\s]+)/gim, (_, user) => {
-                usersFromSummary.push(user);
-                return '';
-            })
-            .trim();
-
-        const [firstLine, ...futureLines] = replacedChangelog.split('\n').map((l) => l.trimEnd());
-
-        const links = await (async () => {
-            if (prFromSummary !== undefined) {
-                let { links } = await getInfoFromPullRequest({
-                    repo: options.repo,
-                    pull: prFromSummary
-                });
-                if (commitFromSummary) {
-                    links = {
-                        ...links,
-                        commit: `[\`${commitFromSummary}\`](https://github.com/${options.repo}/commit/${commitFromSummary})`
-                    };
-                }
-                return links;
-            }
-            const commitToFetchFrom = commitFromSummary || changeset.commit;
-            if (commitToFetchFrom) {
-                const { links } = await getInfo({
-                    repo: options.repo,
-                    commit: commitToFetchFrom
-                });
-                return links;
-            }
-            return {
-                commit: null,
-                pull: null,
-                user: null
-            };
-        })();
-
-        // ORIGINAL
-        // const users = usersFromSummary.length
-        //     ? usersFromSummary
-        //           .map(
-        //               (userFromSummary) =>
-        //                   `[@${userFromSummary}](https://github.com/${userFromSummary})`
-        //           )
-        //           .join(', ')
-        //     : links.user;
-
-        // const prefix = [
-        //     links.pull === null ? '' : ` ${links.pull}`,
-        //     links.commit === null ? '' : ` ${links.commit}`,
-        //     users === null ? '' : ` Thanks ${users}!`
-        // ].join('');
-
-        // ORIGINAL
-        // return `\n\n-${prefix ? `${prefix} -` : ''} ${firstLine}\n${futureLines
-        //     .map((l) => `  ${l}`)
-        //     .join('\n')}`;
-
-        // OWN
-        const suffix = [
-            links.pull === null ? '' : ` (${links.pull})`
-            //links.commit === null ? '' : ` (${links.commit})`
-        ].join('');
-
-        return `\n\n- ${firstLine}${suffix}\n${futureLines.map((l) => `  ${l}`).join('\n')}`;
-    }
-};
-
-export default changelogFunctions;

package/src/app.css

@@ -1,4 +0,0 @@
-/* Write your global styles here, in PostCSS syntax */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/app.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="dark">
-    <head>
-        <meta charset="utf-8" />
-        <link rel="icon" href="/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        %svelte.head%
-    </head>
-
-    <body class="bg-gray-800">
-        <div id="svelte">%svelte.body%</div>
-    </body>
-</html>

package/src/global.d.ts

@@ -1 +0,0 @@
-/// <reference types="@sveltejs/kit" />

package/src/hooks.ts

@@ -1,9 +0,0 @@
-import type { Handle } from '@sveltejs/kit';
-
-export const handle: Handle = async ({ request, resolve }) => {
-    const response = await resolve(request, {
-        ssr: false
-    });
-
-    return response;
-};

package/src/lib/components/Input/SvelteTelInput.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-    import { parsePhoneNumberFromString } from 'libphonenumber-js';
-
-    let telInputNumber: string;
-
-    // const phoneNumber = parsePhoneNumber(' 8 (800) 555-35-35 ', 'RU');
-    // if (phoneNumber) {
-    //     phoneNumber.country === 'RU';
-    //     phoneNumber.number === '+78005553535';
-    //     phoneNumber.isValid() === true;
-    //     // Note: `.getType()` requires `/max` metadata: see below for an explanation.
-    //     phoneNumber.getType() === 'TOLL_FREE';
-    // }
-
-    // const parse = parsePhoneNumber(telInputNumber);
-
-    const handleInput = (event: Event) => {
-        let inputVal = (event.target as HTMLInputElement).value;
-        console.log(parsePhoneNumberFromString(inputVal));
-    };
-
-    $: console.log(telInputNumber);
-</script>
-
-<input
-    class="px-4 py-1 text-gray-900 rounded-full focus:outline-none"
-    type="tel"
-    on:input={handleInput}
-/>

package/src/lib/components/LazyLoad/LazyLoad.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-    import { inview } from 'svelte-inview';
-
-    let loadComponent: any;
-    export { loadComponent as this };
-
-    let isShowingComponent = false;
-    let componentPromise: any;
-</script>
-
-{#if !isShowingComponent}
-    <div
-        use:inview
-        on:enter={() => {
-            componentPromise = loadComponent();
-            isShowingComponent = true;
-        }}
-    />
-{:else}
-    {#await componentPromise then { default: Component }}
-        <slot name="component" {Component} />
-    {/await}
-{/if}

package/src/lib/models/enums/PhoneType.enum.ts

@@ -1,4 +0,0 @@
-export enum PhoneType {
-    FIXED_LINE = 'FIXED_LINE',
-    MOBILE = 'MOBILE'
-}

package/src/lib/models/types/DynamicSvelteComponent.type.ts

@@ -1,9 +0,0 @@
-import type { SvelteComponent } from 'svelte';
-
-export type DynamicSvelteComponent = {
-    component: typeof SvelteComponent;
-    props?: Record<string, any>;
-    slot?: any;
-    click?: any;
-    input?: any;
-};

package/src/lib/utils/directives/clickOutsideAction.ts

@@ -1,13 +0,0 @@
-export const clickOutsideAction = (
-    node: HTMLElement,
-    handler: () => void
-): { destroy: () => void } => {
-    const onClick = (event: MouseEvent) =>
-        node && !node.contains(event.target as HTMLElement) && !event.defaultPrevented && handler();
-    document.addEventListener('click', onClick, true);
-    return {
-        destroy() {
-            document.removeEventListener('click', onClick, true);
-        }
-    };
-};

package/src/lib/utils/simulator.ts

@@ -1,5 +0,0 @@
-export const delaySimulator = async (delay = 1000, callback: () => void) => {
-    const delayPromise = (ms: number) => new Promise((res) => setTimeout(res, ms));
-    await delayPromise(delay);
-    callback();
-};

package/src/lib/utils/typeCheck.ts

@@ -1,17 +0,0 @@
-import type { DynamicSvelteComponent } from '../models/types/DynamicSvelteComponent.type';
-
-export const isDynamicComponent = (item: unknown): item is DynamicSvelteComponent => {
-    return (
-        typeof item === 'object' &&
-        item !== null &&
-        Object.prototype.hasOwnProperty.call(item, 'component')
-    );
-};
-
-export const isStringArray = (items: unknown): items is string[] => {
-    return Array.isArray(items) && items.length > 0 && typeof items[0] === 'string';
-};
-
-export const isDynamicComponentArray = (items: unknown): items is DynamicSvelteComponent[] => {
-    return Array.isArray(items) && items.length > 0 && isDynamicComponent(items[0]);
-};

package/src/routes/__layout.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-    import '../app.css';
-</script>
-
-<header />
-
-<main>
-    <slot />
-</main>
-
-<footer />

package/src/routes/index.svelte

@@ -1,22 +0,0 @@
-<script context="module" lang="ts">
-    import SvelteTelInput from '$lib/components/Input/SvelteTelInput.svelte';
-    import CountrySelect from '$lib/components/Select/CountrySelect.svelte';
-
-    export const prerender = true;
-</script>
-
-<svelte:head>
-    <title>svelte-tel-input</title>
-</svelte:head>
-
-<div class="container mx-auto">
-    <div class="text-gray-200">
-        <div>
-            <h1 class="text-2xl my-4">SVELTE-TEL-INPUT</h1>
-            <CountrySelect />
-            <div>
-                <SvelteTelInput />
-            </div>
-        </div>
-    </div>
-</div>

package/static/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/svelte.config.js

@@ -1,28 +0,0 @@
-import preprocess from 'svelte-preprocess';
-import staticAdapter from '@sveltejs/adapter-static';
-import mm from 'micromatch';
-
-/** @type {import('@sveltejs/kit').Config} */
-export default {
-    preprocess: [
-        preprocess({
-            postcss: true
-        })
-    ],
-    kit: {
-        target: '#svelte',
-        package: {
-            // TODO create a single .JS file export.
-            exports: (filepath) => {
-                if (filepath.endsWith('.d.ts')) return false;
-                return mm.all(filepath, ['!**/_*.scss', '!**/*.test.*']);
-            },
-            files: (filepath) => {
-                return mm.all(filepath, ['!**/.*', '!**/*.test.*', '!**/*.sh']);
-            }
-        },
-        adapter: staticAdapter(),
-        amp: false,
-        trailingSlash: 'never'
-    }
-};

package/tailwind.config.cjs

@@ -1,10 +0,0 @@
-const config = {
-    darkMode: 'class',
-    content: ['./src/**/*.{html,js,svelte,ts}'],
-    theme: {
-        extend: {}
-    },
-    plugins: []
-};
-
-module.exports = config;

package/tsconfig.json

@@ -1,32 +0,0 @@
-{
-    "compilerOptions": {
-        "outDir": "package",
-        "moduleResolution": "node",
-        "module": "ES2020",
-        "lib": ["ES2020", "DOM"],
-        "target": "ES2019",
-        "importsNotUsedAsValues": "error",
-        "isolatedModules": true,
-        "resolveJsonModule": true,
-        "sourceMap": true,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "forceConsistentCasingInFileNames": true,
-        "baseUrl": ".",
-        "allowJs": true,
-        "checkJs": true,
-        "paths": {
-            "$lib/*": ["src/lib/*"]
-        },
-        "types": ["jest"],
-        "strict": true
-    },
-    "include": [
-        "src/**/*.d.ts",
-        "src/**/*.js",
-        "src/**/*.ts",
-        "src/**/*.svelte",
-        "scripts/**/*.ts"
-    ],
-    "exclude": ["node_modules/*", "static/*", "src/index.js"]
-}