svelte-tel-input 0.1.0 → 0.4.0

package/.eslintignore

@@ -7,5 +7,4 @@ coverage
 .svelte-kit
 static
 build
-.storybook
-/package
+package

package/.github/workflows/release.yml

@@ -22,29 +22,35 @@ jobs:
                   node-version: 16.x
 
             - name: Install dependencies
-              run: npm install --frozen-lockfile
+              run: npm install --frozen-lockfile --prefer-offline --ignore-scripts
 
             - name: Packaging
               run: |
                   npm run package
-              # ls -l package
-              # cd package
-              # npm publish
+                  ls -l package
 
             - name: Creating .npmrc
               run: |
                   cat << EOF > "$HOME/.npmrc"
                     //registry.npmjs.org/:_authToken=$NPM_TOKEN
                   EOF
+                  ls package
+                  cp $HOME/.npmrc package
               env:
                   NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
+            - name: Bump version if changeset available.
+              run: |
+                  npm run changeset:version
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_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
+                  publish: npm publish
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
                   NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/CHANGELOG.md

@@ -1,23 +1,61 @@
 # svelte-tel-input
 
-## 0.1.0
+## 0.4.0
+
 ### Minor Changes
 
+- fix: rework ci
 
+### Patch Changes
 
-- test_1
+- fix: minor ci fix ([#34](https://github.com/gyurielf/svelte-tel-input/pull/34))
+
+* fix: fix ci again
+
+- fix: last ci fix for today ([#36](https://github.com/gyurielf/svelte-tel-input/pull/36))
+
+* fix: ci fixxx ([#33](https://github.com/gyurielf/svelte-tel-input/pull/33))
 
+- fix: ci extend 321 ([#32](https://github.com/gyurielf/svelte-tel-input/pull/32))
+
+## 0.3.2
 
 ### Patch Changes
 
+- feat: add MIT license ([#29](https://github.com/gyurielf/svelte-tel-input/pull/29))
 
+* fix: fix readme deps ([#29](https://github.com/gyurielf/svelte-tel-input/pull/29))
 
-- szo
+## 0.3.1
+
+### Patch Changes
 
+- fix: lets check with different folder structure ([#25](https://github.com/gyurielf/svelte-tel-input/pull/25))
+
+## 0.3.0
+
+### Minor Changes
 
+- fix: ci modifications ([#22](https://github.com/gyurielf/svelte-tel-input/pull/22))
 
-- test 2
+## 0.2.0
 
+### Minor Changes
+
+- remove unused packages, cleanup, fix ci ([#19](https://github.com/gyurielf/svelte-tel-input/pull/19))
+
+* fix: another CI fix ([#20](https://github.com/gyurielf/svelte-tel-input/pull/20))
+
+## 0.1.0
+
+### Minor Changes
+
+- test_1
+
+### Patch Changes
+
+- szo
 
+* test 2
 
 - test3

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 - Present Gyorgy Kallai, Budapest, Hungary.
+
+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/README.md

@@ -1,11 +1,11 @@
 # Svelte Tel Input
 
-lets test 2
+Under development!
 
-## Requirements
+## Dependencies
 
 ```
-$ npm install --save libphonenumber-js
+$ [libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js)
 ```
 
 ## Installation

package/docker-compose.yml

@@ -12,7 +12,5 @@ services:
             - '3000:3000'
             # Vite
             - '24678:24678'
-            # Storybook
-            - '6006:6006'
         volumes:
             - ./:/home/node/app

package/package.json

@@ -1,12 +1,20 @@
 {
     "name": "svelte-tel-input",
     "description": "svelte-tel-input",
-    "version": "0.1.0",
+    "version": "0.4.0",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
     },
     "homepage": "https://github.com/gyurielf/svelte-tel-input#readme",
+    "keywords": [
+        "svelte",
+        "tel input",
+        "phone",
+        "phone input",
+        "intl",
+        "intl tel input"
+    ],
     "engines": {
         "npm": ">= 7",
         "yarn": "please-use-npm",
@@ -14,7 +22,7 @@
     },
     "scripts": {
         "build": "svelte-kit build",
-        "commitmsg": "commitlint -e $GIT_PARAMS",
+        "changeset:version": "changeset version && npm i --lockfile-only",
         "dev": "svelte-kit dev",
         "eslint": "eslint --ext .js,.ts,.svelte .",
         "eslint:fix": "eslint --fix",
@@ -26,14 +34,11 @@
         "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",
+        "release": "npx changeset publish",
+        "svelte-check": "svelte-check --ignore 'dist,build,coverage,.svelte-kit,package' --threshold warning --fail-on-warnings",
         "test": "jest",
         "test:watch": "jest --watch",
-        "ts": "tsc --noEmit",
-        "changeset:version": "changeset version && npm i --lockfile-only"
+        "ts": "tsc --noEmit"
     },
     "dependencies": {
         "libphonenumber-js": "^1.9.44"
@@ -44,12 +49,6 @@
         "@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",
@@ -77,7 +76,6 @@
         "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",

package/scripts/changelog-github-custom.cjs

@@ -1,9 +1,3 @@
-// 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');
 

package/scripts/changelog-github-custom.ts

@@ -1,4 +1,4 @@
-import type { ChangelogFunctions } from '@changesets/types';
+import type { ChangelogFunctions } from '@changesets/types/dist/declarations/src/index';
 import { config } from 'dotenv';
 import { getInfo, getInfoFromPullRequest } from '@changesets/get-github-info';
 

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

@@ -1,9 +1,28 @@
-import type { SvelteComponent } from 'svelte';
+import type { SvelteComponentTyped } from 'svelte';
 
+// TEMPORARY DISABLED
 export type DynamicSvelteComponent = {
-    component: typeof SvelteComponent;
+    component: typeof SvelteComponentTyped;
     props?: Record<string, any>;
     slot?: any;
     click?: any;
     input?: any;
 };
+
+// declare const __propDef: {
+//     props: {};
+//     slots: {};
+//     events: {
+//         [evt: string]: CustomEvent<any>;
+//     };
+// };
+
+// export declare type DynamicSvelteComponentProps = typeof __propDef.props;
+// export declare type DynamicSvelteComponentEvents = typeof __propDef.events;
+// export declare type DynamicSvelteComponentSlots = typeof __propDef.slots;
+
+// export default class DynamicSvelteComponent extends SvelteComponentTyped<
+//     DynamicSvelteComponentProps,
+//     DynamicSvelteComponentEvents,
+//     DynamicSvelteComponentSlots
+// > {}

package/src/lib/stores/index.ts

@@ -13,11 +13,11 @@ export const booleanStore = (initial: boolean) => {
 };
 
 // StatefulSwap (transition)
-export const statefulSwap = (initialState: any) => {
+export const statefulSwap = (initialState: boolean | null) => {
     const transitionState = writable(initialState);
     let nextState = initialState;
 
-    const transitionTo = (newState: any) => {
+    const transitionTo = (newState: boolean | null) => {
         if (nextState === newState) return;
         nextState = newState;
         transitionState.set(null);

package/svelte.config.js

@@ -18,13 +18,7 @@ export default {
                 return mm.all(filepath, ['!**/_*.scss', '!**/*.test.*']);
             },
             files: (filepath) => {
-                return mm.all(filepath, [
-                    '!**/.*',
-                    '!**/*.test.*',
-                    '!**/*.stories.*',
-                    '!**/Storybook/Style.svelte',
-                    '!**/*.sh'
-                ]);
+                return mm.all(filepath, ['!**/.*', '!**/*.test.*', '!**/*.sh']);
             }
         },
         adapter: staticAdapter(),

package/.storybook/main.cjs

@@ -1,38 +0,0 @@
-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

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

package/.storybook/preview.cjs

@@ -1,39 +0,0 @@
-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/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}