fix: Fixes for new youtube-lite package

SG60 · Jan 18, 2024 · 153bca2 · 153bca2
1 parent 12d5887
commit 153bca2
Show file tree

Hide file tree

Showing 13 changed files with 3,172 additions and 414 deletions.
diff --git a/.changeset/polite-roses-laugh.md b/.changeset/polite-roses-laugh.md
@@ -0,0 +1,7 @@
+---
+'docs': major
+'@samgreening/sanity-tools-svelte': major
+'@samsveltecomponents/youtube-lite': major
+---
+
+Fixes for new youtube-lite package
diff --git a/.prettierignore b/.prettierignore
@@ -4,7 +4,8 @@ node_modules
 # generated files and output
 /build
 /packages/*/build/
-/packages/**/package/
+/packages/*/dist/
+/packages/*/package/
 .svelte-kit/
 package/
 /storybook/storybook-static

diff --git a/docs/.eslintrc.cjs b/docs/.eslintrc.cjs
@@ -1,6 +1,6 @@
 module.exports = {
 	root: true,
-	extends: ['eslint:recommended', 'prettier', 'plugin:storybook/recommended'],
+	extends: ['eslint:recommended', 'prettier'],
 	plugins: ['svelte3'],
 	overrides: [
 		{

diff --git a/docs/jsconfig.json b/docs/jsconfig.json
@@ -1,6 +1,7 @@
 {
 	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
+		"moduleResolution": "nodenext",
 		"allowJs": true,
 		"checkJs": true,
 		"esModuleInterop": true,

diff --git a/docs/package.json b/docs/package.json
@@ -3,15 +3,11 @@
 	"version": "0.1.1",
 	"private": true,
 	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
 		"lint": "prettier --plugin-search-dir . --check . && eslint .",
 		"format": "prettier --plugin-search-dir . --write .",
 		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build"
+		"build-storybook": "storybook build",
+		"test-storybook": "test-storybook"
 	},
 	"devDependencies": {
 		"@samsveltecomponents/core": "workspace:*",
@@ -25,13 +21,14 @@
 		"@storybook/blocks": "7.0.7",
 		"@storybook/svelte": "7.0.7",
 		"@storybook/sveltekit": "7.0.7",
+		"@storybook/test-runner": "^0.16.0",
 		"@storybook/testing-library": "0.0.14-next.2",
 		"@sveltejs/adapter-auto": "2.0.1",
 		"@sveltejs/kit": "1.15.9",
 		"autoprefixer": "10.4.16",
-		"eslint": "8.35.0",
+		"eslint": "8.56.0",
 		"eslint-config-prettier": "8.6.0",
-		"eslint-plugin-storybook": "0.6.12",
+		"eslint-plugin-storybook": "0.6.15",
 		"eslint-plugin-svelte3": "4.0.0",
 		"postcss": "8.4.23",
 		"prettier": "2.8.4",
@@ -42,7 +39,7 @@
 		"svelte": "3.55.0",
 		"svelte-check": "3.5.2",
 		"tailwindcss": "3.3.2",
-		"typescript": "5.1.6",
+		"typescript": "5.3.3",
 		"vite": "4.5.1"
 	},
 	"type": "module"

diff --git a/packages/sanity-tools-svelte/src/lib/YouTube/YouTube.svelte b/packages/sanity-tools-svelte/src/lib/YouTube/YouTube.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { CustomBlockComponentProps } from '@portabletext/svelte';
-	import YouTubeLite from '@samsveltecomponents/youtube-lite/YouTubeLite.svelte';
+	import { YouTubeLite } from '@samsveltecomponents/youtube-lite';
 
 	export let portableText: CustomBlockComponentProps<{
 		id: string;

diff --git a/packages/sanity-tools-svelte/tsconfig.json b/packages/sanity-tools-svelte/tsconfig.json
@@ -1,6 +1,7 @@
 {
 	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
+		"moduleResolution": "Bundler",
 		"allowJs": true,
 		"checkJs": true,
 		"esModuleInterop": true,

diff --git a/packages/youtube-lite/.eslintignore b/packages/youtube-lite/.eslintignore
@@ -2,7 +2,7 @@
 node_modules
 /build
 /.svelte-kit
-/package
+/dist
 .env
 .env.*
 !.env.example

diff --git a/packages/youtube-lite/.prettierignore b/packages/youtube-lite/.prettierignore
@@ -2,7 +2,7 @@
 node_modules
 /build
 /.svelte-kit
-/package
+/dist/
 .env
 .env.*
 !.env.example

diff --git a/packages/youtube-lite/package.json b/packages/youtube-lite/package.json
@@ -15,8 +15,8 @@
 		"@sveltejs/adapter-auto": "next",
 		"@sveltejs/kit": "1.15.9",
 		"@sveltejs/package": "^2.0.0",
-		"@typescript-eslint/eslint-plugin": "5.46.1",
-		"@typescript-eslint/parser": "5.46.1",
+		"@typescript-eslint/eslint-plugin": "6.19.0",
+		"@typescript-eslint/parser": "6.19.0",
 		"eslint": "8.43.0",
 		"eslint-config-prettier": "8.8.0",
 		"eslint-plugin-svelte3": "4.0.0",

diff --git a/packages/youtube-lite/svelte.config.js b/packages/youtube-lite/svelte.config.js
@@ -1,11 +1,11 @@
 import adapter from '@sveltejs/adapter-auto';
-import preprocess from 'svelte-preprocess';
+import { vitePreprocess } from '@sveltejs/kit/vite';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	// Consult https://github.com/sveltejs/svelte-preprocess
 	// for more information about preprocessors
-	preprocess: preprocess(),
+	preprocess: vitePreprocess(),
 
 	kit: {
 		adapter: adapter()