svelte-tel-input 0.1.0

package/.changeset/config.json

@@ -0,0 +1,9 @@
+{   
+    "$schema": "https://unpkg.com/@changesets/config@1.6.3/schema.json",
+    "changelog": ["../scripts/changelog-github-custom.cjs", { "repo": "gyurielf/svelte-tel-input" }],
+    "commit": false,
+    "linked": [],
+    "access": "public",
+    "baseBranch": "main",
+    "updateInternalDependencies": "patch"
+}

package/.editorconfig

@@ -0,0 +1,13 @@
+# EditorConfig is awesome:
+# This file is for unifying the coding style for different editors and IDEs.
+# More information at http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_size = 4
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/.eslintignore

@@ -0,0 +1,11 @@
+# don't ever lint node_modules
+node_modules
+# don't lint build output (make sure it's set to your correct build folder name)
+dist
+# don't lint nyc coverage output
+coverage
+.svelte-kit
+static
+build
+.storybook
+/package

package/.eslintrc.cjs

@@ -0,0 +1,30 @@
+module.exports = {
+    root: true,
+    parser: '@typescript-eslint/parser',
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:jest/recommended',
+        'prettier'
+    ],
+    plugins: ['svelte3', '@typescript-eslint', 'jest'],
+    ignorePatterns: ['*.cjs', 'node_modules'],
+    overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+    settings: {
+        'svelte3/typescript': () => require('typescript'),
+        'svelte3/ignore-styles': () => true
+    },
+    parserOptions: {
+        sourceType: 'module',
+        ecmaVersion: 2020
+    },
+    env: {
+        browser: true,
+        es2020: true,
+        node: true
+    },
+    rules: {
+        '@typescript-eslint/consistent-type-assertions': ['error', { assertionStyle: 'as' }],
+        '@typescript-eslint/array-type': ['error', { default: 'array' }]
+    }
+};

package/.github/workflows/lint.yml

@@ -0,0 +1,12 @@
+name: Lint
+on: [push, pull_request]
+jobs:
+    run-linter:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v2
+            - uses: actions/setup-node@v2
+              with:
+                  node-version: '16.x'
+            - run: npm install
+            - run: npm run lint

package/.github/workflows/release.yml

@@ -0,0 +1,50 @@
+name: Release
+
+on:
+    push:
+        branches:
+            - 'main'
+
+jobs:
+    release:
+        name: Release
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout Repo
+              uses: actions/checkout@v2
+              with:
+                  # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
+                  fetch-depth: 0
+
+            - name: Setup Node.js 16.x
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 16.x
+
+            - name: Install dependencies
+              run: npm install --frozen-lockfile
+
+            - name: Packaging
+              run: |
+                  npm run package
+              # ls -l package
+              # cd package
+              # npm publish
+
+            - name: Creating .npmrc
+              run: |
+                  cat << EOF > "$HOME/.npmrc"
+                    //registry.npmjs.org/:_authToken=$NPM_TOKEN
+                  EOF
+              env:
+                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+            - name: Create Release Pull Request or Publish to npm
+              id: changesets
+              uses: changesets/action@v1
+              with:
+                  # This expects you to have a script called release which does a build for your packages and calls changeset publish
+                  publish: npm run release
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+docker-compose run --rm node sh -c '[ ! -d ./node_modules ] && npm install ; npm run lint'

package/.prettierignore

@@ -0,0 +1,10 @@
+.svelte-kit
+static
+build
+dist
+node_modules
+coverage
+package
+CHANGELOG.md
+.changeset
+# .github

package/.prettierrc.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+    singleQuote: true,
+    trailingComma: 'none',
+    printWidth: 100,
+    tabWidth: 4
+};

package/.storybook/main.cjs

@@ -0,0 +1,38 @@
+const sveltePreprocess = require('svelte-preprocess');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+    stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx|svelte)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-svelte-csf',
+        'storybook-dark-mode',
+        '@storybook/addon-a11y'
+    ],
+    svelteOptions: {
+        preprocess: [
+            sveltePreprocess({
+                postcss: {
+                    plugins: [autoprefixer]
+                },
+                scss: {
+                    // Should replaced to tailwind..
+                    // prependData: `@import 'src/lib/styles/init/all.scss';`,
+                    outputStyle: 'compressed'
+                }
+            })
+        ]
+    },
+    webpackFinal: async (config) => {
+        config.resolve.plugins.push(
+            new TsconfigPathsPlugin({
+                configFile: path.resolve(__dirname, '../tsconfig.json')
+            })
+        );
+
+        return config;
+    }
+};

package/.storybook/preview-head.html

@@ -0,0 +1 @@
+<!--gitlab_visual_review-->

package/.storybook/preview.cjs

@@ -0,0 +1,39 @@
+import { themes } from '@storybook/theming';
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export const parameters = {
+    darkMode: {
+        // Override the default dark theme
+        dark: { ...themes.dark, appBg: 'black' },
+        // Override the default light theme
+        light: { ...themes.normal, appBg: 'white' },
+        classTarget: 'html',
+        stylePreview: true,
+        darkClass: 'dark',
+        lightClass: 'light'
+    },
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+        matchers: {
+            color: /(background|color)$/i,
+            date: /Date$/
+        }
+    },
+    backgrounds: {
+        default: '',
+        values: [
+            {
+                name: 'Light',
+                value: '#f5f6fa'
+            },
+            {
+                name: 'Dark',
+                value: '#1b2431'
+            }
+        ],
+        target: 'html'
+    },
+    viewport: {
+        viewports: INITIAL_VIEWPORTS
+    }
+};

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# svelte-tel-input
+
+## 0.1.0
+### Minor Changes
+
+
+
+- test_1
+
+
+### Patch Changes
+
+
+
+- szo
+
+
+
+- test 2
+
+
+
+- test3

package/README.md

@@ -0,0 +1,19 @@
+# Svelte Tel Input
+
+lets test 2
+
+## Requirements
+
+```
+$ npm install --save libphonenumber-js
+```
+
+## Installation
+
+Svelte Tel Input is distributed via [npm](https://www.npmjs.com/package/svelte-tel-input).
+
+```sh
+$ yarn add svelte-tel-input
+# or
+$ npm install --save svelte-tel-input
+```

package/babel.config.cjs

@@ -0,0 +1,12 @@
+module.exports = {
+    presets: [
+        [
+            '@babel/preset-env',
+            {
+                targets: {
+                    node: 'current'
+                }
+            }
+        ]
+    ]
+};

package/docker-compose.yml

@@ -0,0 +1,18 @@
+version: '3.9'
+services:
+    node:
+        image: 'node:16.13.1'
+        container_name: ui-kit
+        working_dir: /home/node/app
+        command: 'sh -c "npm i && npm run prepare && npm run dev -- --host"'
+        user: node
+        tty: true
+        ports:
+            # Server
+            - '3000:3000'
+            # Vite
+            - '24678:24678'
+            # Storybook
+            - '6006:6006'
+        volumes:
+            - ./:/home/node/app

package/docs/_index.md

@@ -0,0 +1 @@
+# TODO

package/jest.config.cjs

@@ -0,0 +1,21 @@
+module.exports = {
+    verbose: true,
+    collectCoverage: true,
+    coverageDirectory: './coverage',
+    coverageReporters: ['cobertura', 'html', 'text', 'text-summary'],
+    transform: {
+        '^.+\\.svelte$': [
+            'svelte-jester',
+            {
+                preprocess: true
+            }
+        ],
+        '^.+\\.ts$': 'ts-jest',
+        '^.+\\.js$': 'babel-jest'
+    },
+    moduleFileExtensions: ['js', 'ts', 'svelte'],
+    moduleNameMapper: {
+        '\\$lib/(.*)': '<rootDir>/src/lib/$1'
+    },
+    transformIgnorePatterns: ['node_modules/(?!(focus-svelte)/)']
+};

package/package.json

@@ -0,0 +1,164 @@
+{
+    "name": "svelte-tel-input",
+    "description": "svelte-tel-input",
+    "version": "0.1.0",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
+    },
+    "homepage": "https://github.com/gyurielf/svelte-tel-input#readme",
+    "engines": {
+        "npm": ">= 7",
+        "yarn": "please-use-npm",
+        "node": ">= 16"
+    },
+    "scripts": {
+        "build": "svelte-kit build",
+        "commitmsg": "commitlint -e $GIT_PARAMS",
+        "dev": "svelte-kit dev",
+        "eslint": "eslint --ext .js,.ts,.svelte .",
+        "eslint:fix": "eslint --fix",
+        "lint": "npm run prettier:check && npm run eslint && npm run ts && npm run svelte-check",
+        "lint:fix": "npm run eslint:fix && npm run prettier:fix",
+        "package": "svelte-kit package",
+        "prettier": "prettier",
+        "prettier:check": "prettier --check --plugin-search-dir=. .",
+        "prettier:fix": "prettier --write --plugin-search-dir=. .",
+        "prepare": "husky install",
+        "preview": "svelte-kit preview",
+        "release": "npm run package && npx changeset publish",
+        "svelte-check": "svelte-check --ignore 'dist,build,coverage,.storybook,.svelte-kit,package' --threshold warning --fail-on-warnings",
+        "storybook": "start-storybook -p 6006",
+        "build-storybook": "build-storybook",
+        "test": "jest",
+        "test:watch": "jest --watch",
+        "ts": "tsc --noEmit",
+        "changeset:version": "changeset version && npm i --lockfile-only"
+    },
+    "dependencies": {
+        "libphonenumber-js": "^1.9.44"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.16.7",
+        "@babel/preset-env": "^7.16.8",
+        "@changesets/cli": "^2.19.0",
+        "@changesets/get-github-info": "^0.5.0",
+        "@changesets/types": "^4.0.2",
+        "@storybook/addon-a11y": "^6.4.13",
+        "@storybook/addon-actions": "^6.4.13",
+        "@storybook/addon-essentials": "^6.4.13",
+        "@storybook/addon-links": "^6.4.13",
+        "@storybook/addon-svelte-csf": "^1.1.0",
+        "@storybook/svelte": "^6.4.13",
+        "@sveltejs/adapter-static": "^1.0.0-next.26",
+        "@sveltejs/kit": "^1.0.0-next.229",
+        "@testing-library/jest-dom": "^5.16.1",
+        "@testing-library/svelte": "^3.0.3",
+        "@types/jest": "^27.4.0",
+        "@typescript-eslint/eslint-plugin": "^5.9.1",
+        "@typescript-eslint/parser": "^5.9.1",
+        "autoprefixer": "^10.4.2",
+        "babel-jest": "^27.4.6",
+        "babel-loader": "^8.2.3",
+        "commitizen": "^4.2.4",
+        "cssnano": "^5.0.15",
+        "dotenv": "^12.0.3",
+        "eslint": "^8.6.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-jest": "^25.7.0",
+        "eslint-plugin-svelte3": "^3.4.0",
+        "husky": "^7.0.4",
+        "jest": "^27.4.7",
+        "jest-matchmedia-mock": "^1.1.0",
+        "micromatch": "^4.0.4",
+        "postcss": "^8.4.5",
+        "postcss-load-config": "^3.1.1",
+        "prettier": "^2.5.1",
+        "prettier-plugin-svelte": "^2.6.0",
+        "standard-changelog": "^2.0.27",
+        "standard-version": "^9.3.2",
+        "storybook-dark-mode": "^1.0.8",
+        "svelte": "^3.46.2",
+        "svelte-check": "^2.3.0",
+        "svelte-inview": "^2.1.1",
+        "svelte-jester": "^2.1.5",
+        "svelte-loader": "^3.1.2",
+        "svelte-preprocess": "^4.10.1",
+        "svelte2tsx": "^0.4.14",
+        "tailwindcss": "^3.0.15",
+        "ts-jest": "^27.1.3",
+        "tsconfig-paths-webpack-plugin": "^3.5.2",
+        "tslib": "^2.3.1",
+        "typescript": "^4.5.4"
+    },
+    "standard-version": {
+        "skip": {
+            "tag": true
+        },
+        "types": [
+            {
+                "type": "chore",
+                "section": "Others (chore)",
+                "hidden": false
+            },
+            {
+                "type": "revert",
+                "section": "Reverts",
+                "hidden": false
+            },
+            {
+                "type": "feat",
+                "section": "Features",
+                "hidden": false
+            },
+            {
+                "type": "fix",
+                "section": "Bug Fixes",
+                "hidden": false
+            },
+            {
+                "type": "improvement",
+                "section": "Feature Improvements",
+                "hidden": false
+            },
+            {
+                "type": "docs",
+                "section": "Docs",
+                "hidden": false
+            },
+            {
+                "type": "style",
+                "section": "Styling",
+                "hidden": false
+            },
+            {
+                "type": "refactor",
+                "section": "Code Refactoring",
+                "hidden": false
+            },
+            {
+                "type": "perf",
+                "section": "Performance Improvements",
+                "hidden": false
+            },
+            {
+                "type": "test",
+                "section": "Tests",
+                "hidden": false
+            },
+            {
+                "type": "build",
+                "section": "Build System",
+                "hidden": false
+            },
+            {
+                "type": "ci",
+                "section": "CI",
+                "hidden": false
+            }
+        ]
+    },
+    "svelte": ".",
+    "type": "module",
+    "license": "UNLICENSED"
+}

package/postcss.config.cjs

@@ -0,0 +1,21 @@
+const tailwindcss = require('tailwindcss');
+const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
+
+const mode = process.env.NODE_ENV;
+const dev = mode === 'development';
+
+const config = {
+    plugins: [
+        //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
+        tailwindcss(),
+        //But others, like autoprefixer, need to run after,
+        autoprefixer(),
+        !dev &&
+            cssnano({
+                preset: 'default'
+            })
+    ]
+};
+
+module.exports = config;

package/scripts/changelog-github-custom.cjs

@@ -0,0 +1,110 @@
+// taken from https://raw.githubusercontent.com/sveltejs/vite-plugin-svelte/master/scripts/changelog-github-custom.js
+// based on https://github.com/atlassian/changesets/blob/main/packages/changelog-github/src/index.ts
+// modifications to improve readability:
+// - removed thanks notes. We're thanking contributors in the PRs or acknowledge their work in different ways
+// - moved issue links to end of first line
+
+const { config } = require('dotenv');
+const { getInfo, getInfoFromPullRequest } = require('@changesets/get-github-info');
+
+config();
+
+const 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) {
+                        let { 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;
+        let commitFromSummary;
+        let usersFromSummary;
+
+        const replacedChangelog = changeset.summary
+            .replace(/^\s*(?:pr|pull|pull\s+request):\s*#?(\d+)/im, (_, pr) => {
+                let 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.trimRight());
+
+        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) {
+                let { links } = await getInfo({
+                    repo: options.repo,
+                    commit: commitToFetchFrom
+                });
+                return links;
+            }
+            return {
+                commit: null,
+                pull: null,
+                user: null
+            };
+        })();
+
+        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')}`;
+    }
+};
+
+module.exports = changelogFunctions;