sveltekit-embed - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

index.d.ts

@@ -10,4 +10,6 @@ export { default as AnchorFm } from './components/anchor-fm.svelte';
 export { default as Spotify } from './components/spotify.svelte';
+export { default as StackBlitz } from './components/stackblitz.svelte';
+export { default as Toot } from './components/toot.svelte';
 export { default as Tweet } from './components/tweet.svelte';
 export { default as Vimeo } from './components/vimeo.svelte';
 export { default as YouTube } from './components/you-tube.svelte';

index.js

@@ -10,4 +10,6 @@ export { default as AnchorFm } from './components/anchor-fm.svelte';
 export { default as Spotify } from './components/spotify.svelte';
+export { default as StackBlitz } from './components/stackblitz.svelte';
+export { default as Toot } from './components/toot.svelte';
 export { default as Tweet } from './components/tweet.svelte';
 export { default as Vimeo } from './components/vimeo.svelte';
 export { default as YouTube } from './components/you-tube.svelte';

package.json

 {
   "name": "sveltekit-embed",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "author": {
@@ -25,29 +25,32 @@ "name": "Scott Spence",
   "devDependencies": {
-    "@playwright/test": "1.22.2",
+    "@playwright/test": "1.27.1",
     "@sveltejs/adapter-auto": "next",
     "@sveltejs/kit": "next",
-    "@tailwindcss/typography": "0.5.2",
-    "@typescript-eslint/eslint-plugin": "5.25.0",
-    "@typescript-eslint/parser": "5.25.0",
-    "autoprefixer": "10.4.7",
-    "daisyui": "2.15.0",
-    "eslint": "8.16.0",
+    "@sveltejs/package": "1.0.0-next.5",
+    "@tailwindcss/typography": "0.5.7",
+    "@typescript-eslint/eslint-plugin": "5.41.0",
+    "@typescript-eslint/parser": "5.41.0",
+    "all-contributors-cli": "6.24.0",
+    "autoprefixer": "10.4.13",
+    "daisyui": "2.33.0",
+    "eslint": "8.26.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-svelte3": "4.0.0",
     "husky": "8.0.1",
-    "mdsvex": "0.10.5",
-    "postcss": "8.4.14",
-    "postcss-load-config": "3.1.4",
-    "prettier": "2.6.2",
-    "prettier-plugin-svelte": "2.7.0",
+    "mdsvex": "0.10.6",
+    "postcss": "8.4.18",
+    "postcss-load-config": "4.0.1",
+    "prettier": "2.7.1",
+    "prettier-plugin-svelte": "2.8.0",
     "pretty-quick": "3.1.3",
     "svead": "0.0.3",
-    "svelte": "3.48.0",
-    "svelte-check": "2.7.1",
-    "svelte-preprocess": "4.10.6",
-    "svelte2tsx": "0.5.10",
-    "sveltekit-embed": "link:package",
-    "tailwindcss": "3.0.24",
+    "svelte": "3.52.0",
+    "svelte-check": "2.9.2",
+    "svelte-preprocess": "4.10.7",
+    "svelte2tsx": "0.5.20",
+    "sveltekit-embed": "^0.0.7",
+    "tailwindcss": "3.2.1",
     "tslib": "2.4.0",
-    "typescript": "4.6.4"
+    "typescript": "4.8.4",
+    "vite": "3.1.8"
   },
@@ -74,2 +77,4 @@ "type": "module",
     "./components/spotify.svelte": "./components/spotify.svelte",
+    "./components/stackblitz.svelte": "./components/stackblitz.svelte",
+    "./components/toot.svelte": "./components/toot.svelte",
     "./components/tweet.svelte": "./components/tweet.svelte",
@@ -76,0 +81,0 @@ "./components/vimeo.svelte": "./components/vimeo.svelte",

README.md

@@ -5,13 +5,17 @@ # SvelteKit Embed
 
-[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
 
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
+[![MadeWithSvelte.com shield](https://madewithsvelte.com/storage/repo-shields/3786-shield.svg)](https://madewithsvelte.com/p/sveltekit-embed/shield-link)
+
 This is a collection of embed components I use on a regular basis
 packaged up for use.
 
-Each component is wrapped in an intersection observer
-`GeneralObserver` which will load up the component when it scrolls
-into the viewport.
+![sveltekit embed cover](.github/sveltekit-embed.jpg)
 
+Each component with the exception of `Toot` and `Tweet` is wrapped in
+an intersection observer `GeneralObserver` which will load up the
+component when it scrolls into the viewport.
+
 ## Use
@@ -83,2 +87,27 @@
 
+## Packaging for NPM
+
+Scott, this is here for you to remember how to do this 🙃
+
+Although I detailed this in
+[Making npm Packages with SvelteKit](https://scottspence.com/posts/making-npm-packages-with-sveltekit)
+I think it's best to put it here as I always come to the README and
+the instructions are never there! 😅
+
+**Publish the project to NPM**
+
+```bash
+# authenticate with npm
+npm login
+# bump version with npm
+npm version 0.0.2
+# package with sveltkit
+pnpm run package
+# publish from package directory
+cd package
+npm publish
+# push tags to github
+git push --tags
+```
+
 ## Contributors ✨
@@ -93,6 +122,12 @@
 <table>
-  <tr>
-    <td align="center"><a href="https://scottspence.com/"><img src="https://avatars.githubusercontent.com/u/234708?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Scott Spence</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=spences10" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Cahllagerfeld"><img src="https://avatars.githubusercontent.com/u/43843195?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cahllagerfeld</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=Cahllagerfeld" title="Code">💻</a></td>
-  </tr>
+  <tbody>
+    <tr>
+      <td align="center"><a href="https://scottspence.com/"><img src="https://avatars.githubusercontent.com/u/234708?v=4?s=100" width="100px;" alt="Scott Spence"/><br /><sub><b>Scott Spence</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=spences10" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/Cahllagerfeld"><img src="https://avatars.githubusercontent.com/u/43843195?v=4?s=100" width="100px;" alt="Cahllagerfeld"/><br /><sub><b>Cahllagerfeld</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=Cahllagerfeld" title="Code">💻</a></td>
+      <td align="center"><a href="https://matiashernandez.dev/"><img src="https://avatars.githubusercontent.com/u/282006?v=4?s=100" width="100px;" alt="Matías Hernández Arellano"/><br /><sub><b>Matías Hernández Arellano</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=matiasfha" title="Code">💻</a></td>
+    </tr>
+  </tbody>
+  <tfoot>
+    
+  </tfoot>
 </table>
@@ -99,0 +134,0 @@

No alert changes

Improved metrics

Total package byte prevSize

33044

increased by16.09%

Number of package files

43

increased by10.26%

Lines of code

400

increased by12.99%

Number of lines in readme file

140

increased by33.33%

Worsened metrics

Dev dependency count

30

increased by11.11%

No dependency changes