📦 sveltekit

Author: himynameisdave

.eslintignore

@@ -0,0 +1,16 @@
+.DS_Store
+node_modules
+/build
+/dist
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+svelte.config.js
+playwright.config.ts
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.eslintrc.cjs

@@ -0,0 +1,37 @@
+module.exports = {
+  root: true,
+  extends: [
+    'himynameisdave/configurations/core',
+    'himynameisdave/configurations/typescript',
+    'himynameisdave/configurations/svelte',
+  ],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte'],
+    project: true,
+    tsconfigRootDir: __dirname,
+  },
+  env: {
+    browser: true,
+    es2017: true,
+    node: true,
+  },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  ],
+  rules: {
+    'svelte/max-attributes-per-line': ['error', {
+      'multiline': 1,
+      'singleline': 3,
+    }]
+  },
+};

.github/dependabot.yml

@@ -0,0 +1,15 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "sunday"
+      time: "09:00"
+      # Use Pacific Standard Time (UTC -08:00)
+      timezone: "America/Los_Angeles"

.github/workflows/lint.yml

@@ -0,0 +1,25 @@
+name: test
+on: [
+  push,
+  pull_request
+]
+env:
+  CI: true
+jobs:
+  test:
+    name: "Test on Node.js ${{ matrix.node-version }}"
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16, 18]
+    steps:
+      - name: checkout
+        uses: actions/checkout@v2
+      - name: setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install
+        run: yarn install
+      - name: Lint
+        run: yarn test

.github/workflows/test.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [14, 16]
+        node-version: [16, 18]
     steps:
       - name: checkout
         uses: actions/checkout@v2

.gitignore

@@ -1,44 +1,11 @@
-# Build dir
-lib/
-
-# Test app, for testing out changes
-test-app/
-
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# Dependency directories
-node_modules/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
+.DS_Store
+node_modules
+/build
+/dist
+/.svelte-kit
+/package
 .env
-.env.test
-
-# macos trash
-*.DS_Store
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn lint-staged

.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Dave Lunny
+Copyright (c) 2023 Dave Lunny
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

jest.config.js

@@ -4,47 +4,71 @@
   "version": "1.3.0",
   "author": {
     "name": "himynameisdave",
-    "email": "[email protected]"
+    "email": "[email protected]",
+    "url": "https://himynameisdave.com"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "test": "npm run check && npm run lint && npm run test:integration",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "eslint . --ext .js,.ts,.svelte",
+    "lint:fix": "eslint . --ext .js,.ts,.svelte --fix",
+    "test:integration": "playwright test",
+    "release": "npm run package && np --no-yarn"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
   },
-  "svelte": "src/index.js",
-  "module": "lib/index.mjs",
-  "main": "lib/index.js",
   "files": [
-    "src",
-    "lib"
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
   ],
-  "scripts": {
-    "build": "rollup -c",
-    "test": "jest src",
-    "release": "np --no-yarn"
+  "engines": {
+    "node": ">= 16"
   },
-  "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/preset-env": "^7.19.1",
-    "@rollup/plugin-node-resolve": "^14.1.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/svelte": "^3.2.1",
-    "babel-jest": "^29.0.3",
-    "husky": "^8.0.1",
-    "jest": "^29.0.3",
-    "jest-environment-jsdom": "^29.0.3",
-    "np": "^7.6.2",
-    "rollup": "^2.79.0",
-    "rollup-plugin-svelte": "^7.1.0",
-    "svelte": "^3.50.1",
-    "svelte-jester": "^2.3.2"
+  "lint-staged": {
+    "*.ts": "eslint ./ --fix --quiet",
+    "*.svelte": "eslint ./ --fix --quiet"
   },
   "peerDependencies": {
-    "svelte": ">= ^3.46.2"
+    "svelte": "^4.0.0"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "npm test"
-    }
+  "devDependencies": {
+    "@playwright/test": "^1.37.1",
+    "@sveltejs/adapter-auto": "^2.0.0",
+    "@sveltejs/kit": "^1.24.1",
+    "@sveltejs/package": "^2.2.2",
+    "eslint-config-himynameisdave": "^8.1.0",
+    "husky": "^8.0.3",
+    "less": "^4.2.0",
+    "lint-staged": "^14.0.1",
+    "np": "^8.0.4",
+    "publint": "^0.2.2",
+    "svelte": "^4.2.0",
+    "svelte-check": "^3.5.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
   },
   "keywords": [
     "svelte",
-    "svelte-component",
+    "component",
+    "frontend",
+    "svelte-components",
     "flexbox",
     "svelte-flexbox",
     "ui-component",
@@ -56,6 +80,5 @@
   },
   "homepage": "https://github.com/himynameisdave/svelte-flex",
   "license": "MIT",
-  "sideEffects": false,
   "private": false
 }

package.json

@@ -0,0 +1,16 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	},
+	testDir: 'tests',
+	testMatch: /(.+\.)?(test|spec)\.[jt]s/,
+	//	Uncomment this to enable headful browser, useful for debugging.
+	// use: {
+	// 	headless: false,
+	// },
+};
+
+export default config;