Modernize set-up

.github/workflows/ci.yml

@@ -1,5 +1,3 @@
-name: CI
-
 on:
   pull_request:
   push:
@@ -9,14 +7,13 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/cache@v2
-        id: yarn-cache
+      - uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v1
         with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+          bun-version: 1.1.8
+
+      - name: Install dependencies
+        run: bun install
 
-      - name: Test the library
-        run: |
-          yarn
-          yarn test
+      - name: Run unit tests
+        run: bun run test

.github/workflows/github-pages.yml

@@ -0,0 +1,24 @@
+on:
+  push:
+    branches: [master]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: 1.1.8
+
+      - name: Install dependencies
+        run: bun install
+
+      - name: Build app
+        run: bun run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: dist

.github/workflows/publish-to-npm.yml

@@ -0,0 +1,22 @@
+on:
+  push:
+    tags:
+      - "v*"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Publish package
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
+        run: npm publish --provenance --access public

package.json

@@ -9,15 +9,13 @@
   "types": "./src/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "dev": "rollup -cw",
-    "predeploy": "rollup -c",
-    "deploy": "gh-pages -d dist",
-    "test": "svelte-check --workspace test"
+    "dev": "bun --bun rollup -cw",
+    "build": "bun --bun rollup -c",
+    "test": "bun --bun svelte-check --workspace test"
   },
   "devDependencies": {
-    "gh-pages": "^4.0.0",
-    "svelte": "^3.52.0",
-    "svelte-check": "^2.9.2",
+    "svelte": "^4.2.17",
+    "svelte-check": "^3.7.1",
     "svelte-readme": "^3.6.3"
   },
   "repository": {

test/Pincode.test.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { onMount } from "svelte";
-  import { Pincode, PincodeInput } from "../src";
-  import { Code } from "../src/Pincode.svelte";
-  import UPincode, { Code as Code2 } from "../src/unstyled/Pincode.svelte";
-  import UPincodeInput, { PincodeInputProps } from "../src/unstyled/PincodeInput.svelte";
+  import { Pincode, PincodeInput } from "svelte-pincode";
+  import type { Code } from "svelte-pincode/src/Pincode.svelte";
+  import UPincode, { Code as Code2 } from "svelte-pincode/src/unstyled/Pincode.svelte";
+  import UPincodeInput, { type PincodeInputProps } from "svelte-pincode/src/unstyled/PincodeInput.svelte";
 
   const correctCode = "1234";
 
@@ -17,9 +17,9 @@
   $: error = complete && !success;
 
   onMount(() => {
-    ref.focusFirstInput();
-    ref.focusNextEmptyInput();
-    ref.focusLastInput();
+    ref.focusFirstInput?.();
+    ref.focusNextEmptyInput?.();
+    ref.focusLastInput?.();
   });
 </script>
 

tsconfig.json

@@ -0,0 +1,21 @@
+
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "ignoreDeprecations": "5.0",
+    "importsNotUsedAsValues": "error",
+    "isolatedModules": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "strict": true,
+    "types": ["svelte"],
+    "paths": {
+      "svelte-pincode": ["./src"],
+      "svelte-pincode/src/*": ["./src/*"]
+    }
+  },
+  "include": ["src", "test"]
+}