Migrate to SvelteKit

Author: zerodevx

.eslintignore

@@ -1,2 +1,15 @@
-/docs/build/
-/dist/
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.\*
+!.env.example
+/temp
+
+# Ignore files for PNPM, NPM and YARN
+
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.eslintrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  root: true,
+  extends: ['eslint:recommended', 'prettier'],
+  plugins: ['svelte3'],
+  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2020
+  },
+  env: {
+    browser: true,
+    es2017: true,
+    node: true
+  }
+}

.eslintrc.js

@@ -1,140 +1,9 @@
-# Created by https://www.toptal.com/developers/gitignore/api/macos,node
-# Edit at https://www.toptal.com/developers/gitignore?templates=macos,node
-
-### macOS ###
-# General
 .DS_Store
-.AppleDouble
-.LSOverride
-
-# Icon must end with two \r
-Icon
-
-# Thumbnails
-._*
-
-# Files that might appear in the root of a volume
-.DocumentRevisions-V100
-.fseventsd
-.Spotlight-V100
-.TemporaryItems
-.Trashes
-.VolumeIcon.icns
-.com.apple.timemachine.donotpresent
-
-# Directories potentially created on remote AFP share
-.AppleDB
-.AppleDesktop
-Network Trash Folder
-Temporary Items
-.apdisk
-
-### Node ###
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
+node_modules
+/build
+/.svelte-kit
+/package
 .env
-.env.test
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# Next.js build output
-.next
-
-# Nuxt.js build / generate output
-.nuxt
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# End of https://www.toptal.com/developers/gitignore/api/macos,node
+.env.*
+!.env.example
+/temp

.gitignore

@@ -0,0 +1 @@
+engine-strict=true

.npmrc

@@ -0,0 +1,15 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+/temp
+LICENSE
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierignore

@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "proseWrap": "always",
+  "svelteIndentScriptAndStyle": false
+}

.prettierrc

@@ -1,6 +1,6 @@
 ISC License
 
-Copyright (c) 2020, Jason Lee <[email protected]>
+Copyright (c) 2022, Jason Lee <[email protected]>
 
 Permission to use, copy, modify, and/or distribute this software for any
 purpose with or without fee is hereby granted, provided that the above

LICENSE

@@ -15,13 +15,15 @@ into this:
 ```html
 <div>
   <div style="background:url('/image-tiny.jpg') center center / cover no-repeat"></div>
-  <img src="/image.jpg" alt="image" loading="lazy">
+  <img src="/image.jpg" alt="image" loading="lazy" />
 </div>
 ```
 
-where the placeholder will be gaussian blurred and the main image beautifully transitioned in place when its download completes.
+where the placeholder will be gaussian blurred and the main image beautifully transitioned in place
+when its download completes.
 
-The work of lazy-loading is deferred to browsers to handle natively via the `loading="lazy"` attribute. For browsers that don't support this (yet), images will load as normal (i.e. eagerly).
+The work of lazy-loading is deferred to browsers to handle natively via the `loading="lazy"`
+attribute. For browsers that don't support this (yet), images will load as normal (i.e. eagerly).
 
 ## Usage
 
@@ -61,13 +63,13 @@ Simply consume anywhere in your app:
 </style>
 
 <div class="container">
-  <Img
+  <img
     srcset="/images/hello-800.jpg 800w, /images/hello-480.jpg 480w"
     sizes="(max-width: 600px) 480px, 800px"
     src="/images/hello-800.jpg"
     alt="hello"
     placeholder="/images/hello-20.jpg"
-    />
+  />
 </div>
 ```
 
@@ -90,7 +92,9 @@ Just load the web component definition from CDN then use anywhere.
 </body>
 ```
 
-Or you can [download](https://raw.githubusercontent.com/zerodevx/svelte-img/master/dist/svelte-img.js) the script and host it yourself.
+Or you can
+[download](https://raw.githubusercontent.com/zerodevx/svelte-img/master/dist/svelte-img.js) the
+script and host it yourself.
 
 ## Contributing
 
@@ -124,7 +128,6 @@ $ npm run lint
 
 Then raise a PR.
 
-
 ## License
 
 ISC