feat!: refresh components

.eslintrc.cjs

@@ -7,13 +7,15 @@ module.exports = {
 	parserOptions: {
 		parser: "@typescript-eslint/parser",
 		ecmaVersion: 2020,
+		extraFileExtensions: [".svelte"],
 	},
 	extends: [
 		"plugin:@typescript-eslint/eslint-recommended",
 		"plugin:@typescript-eslint/recommended",
+		"plugin:svelte/recommended",
 		"plugin:prettier/recommended",
 	],
-	plugins: ["eslint-plugin-tsdoc", "svelte3"],
+	plugins: ["eslint-plugin-tsdoc"],
 	rules: {
 		"no-console": ["warn", { allow: ["info", "warn", "error"] }],
 		"no-debugger": "warn",
@@ -32,10 +34,16 @@ module.exports = {
 			},
 		],
 		"@typescript-eslint/no-var-requires": "off",
+		"@typescript-eslint/explicit-module-boundary-types": "error",
 		"tsdoc/syntax": "warn",
 	},
-	settings: {
-		"svelte3/typescript": () => require("typescript"),
-	},
-	overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
+	overrides: [
+		{
+			files: ["*.svelte"],
+			parser: "svelte-eslint-parser",
+			parserOptions: {
+				parser: "@typescript-eslint/parser",
+			},
+		},
+	],
 };

.github/ISSUE_TEMPLATE/bug_report.md

@@ -17,12 +17,11 @@ assignees: ""
 ### Versions
 
 - @prismicio/svelte: <!-- ex: v0.1.0 -->
-- svelte: <!-- ex: v3.40.0 -->
 - node: <!-- ex: v14.15.0 -->
 
 ### Reproduction
 
-<!-- If possible link to a minimal test case, without a reproduction, it is so hard to address problems :( -->
+<!-- If possible link to a minimal test case. Without a reproduction, it is very difficult to address problems. :( -->
 
 <details open>
 <summary>Additional Details</summary>

.github/workflows/ci.yml

@@ -1,32 +1,28 @@
 name: ci
 
-on:
-  push:
-    branches:
-      - master
-  pull_request:
-    branches:
-      - master
+on: push
 
 jobs:
-  ci:
+  prepare:
+    name: Prepare (${{ matrix.os}}, Node ${{ matrix.node }})
     runs-on: ${{ matrix.os }}
-
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16.x, 18.x]
+        node: [16, 18, 20]
 
     steps:
-      - uses: actions/setup-node@v2
+      - name: Set up Node
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
 
       - name: Checkout
         uses: actions/checkout@master
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        id: cache
+        uses: actions/cache@v3
         with:
           path: node_modules
           key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
@@ -35,14 +31,103 @@ jobs:
         if: steps.cache.outputs.cache-hit != 'true'
         run: npm ci
 
+  suite:
+    needs: prepare
+    name: Suite (${{ matrix.os}}, Node ${{ matrix.node }})
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest]
+        node: [16, 18, 20]
+
+    steps:
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Checkout
+        uses: actions/checkout@master
+
+      - name: Retrieve node_modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
+
       - name: Lint
         run: npm run lint
 
-      # - name: Unit
-      # run: npm run unit
+      - name: Unit
+        run: npm run unit
 
       - name: Build
         run: npm run build
 
       - name: Coverage
-        uses: codecov/codecov-action@v1
+        if: matrix.os == 'ubuntu-latest' && matrix.node == 16
+        uses: codecov/codecov-action@v3
+
+  types:
+    needs: prepare
+    name: Types (${{ matrix.os}}, Node ${{ matrix.node }}, TS ${{ matrix.typescript }})
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest]
+        node: [16]
+        typescript: ["4.6", "4.7", "4.8", "4.9", "5.0"]
+
+    steps:
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Checkout
+        uses: actions/checkout@master
+
+      - name: Retrieve node_modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
+
+      - name: Overwrite TypeScript
+        run: npm install --no-save typescript@${{ matrix.typescript }} && npx tsc --version
+
+      - name: Types
+        run: npm run types
+
+  size:
+    needs: prepare
+    if: github.event_name == 'pull_request'
+    name: Size (${{ matrix.os}}, Node ${{ matrix.node }})
+    runs-on: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest]
+        node: [16]
+
+    steps:
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Checkout
+        uses: actions/checkout@master
+
+      - name: Retrieve node_modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
+
+      - name: Size
+        uses: andresz1/size-limit-action@v1
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,7 +1,5 @@
 # custom
 dist
-build
-package
 examples/**/package-lock.json
 .svelte-kit
 
@@ -24,9 +22,6 @@ yarn.lock
 # npm
 npm-debug.log*
 
-# sveltekit
-/.svelte-kit
-
 # tests
 coverage
 .eslintcache

.prettierignore

@@ -1,3 +1,6 @@
+# custom
+CHANGELOG.md
+
 # .gitignore copy
 
 # custom

.prettierrc

@@ -1,8 +1,35 @@
 {
-	"plugins": ["prettier-plugin-jsdoc"],
+	"plugins": [
+		"prettier-plugin-jsdoc",
+		"prettier-plugin-svelte",
+		"@trivago/prettier-plugin-sort-imports"
+	],
+	"jsdocCapitalizeDescription": false,
 	"jsdocSeparateReturnsFromParam": true,
+	"jsdocSeparateTagGroups": true,
 	"jsdocSingleLineComment": false,
 	"tsdoc": true,
+	"importOrder": [
+		"^vitest(/|$)",
+		"^node:",
+		"<THIRD_PARTY_MODULES>",
+		"^(?!.*/src(/|$)).*/__testutils__(/|$)",
+		"^(?!.*/src(/|$)).*/__fixtures__(/|$)",
+		"^(?!.*/src(/|$)).*/lib(/|$)",
+		"^(?!.*/src(/|$)).*/types(/|$)",
+		"^(?!.*/src(/|$)).*/errors(/|$)",
+		"^(?!.*/src(/|$))../../../../../",
+		"^(?!.*/src(/|$))../../../../",
+		"^(?!.*/src(/|$))../../../",
+		"^(?!.*/src(/|$))../../",
+		"^(?!.*/src(/|$))../",
+		"^(?!.*/src(/|$))./(.*/)+",
+		"^(?!.*/src(/|$))./",
+		"/src(/|$)"
+	],
+	"importOrderSeparation": true,
+	"importOrderSortSpecifiers": true,
+	"importOrderGroupNamespaceSpecifiers": true,
 	"printWidth": 80,
 	"useTabs": true,
 	"semi": true,

.size-limit.cjs

@@ -0,0 +1,36 @@
+const pkg = require("./package.json");
+
+function getObjectValues(input, acc = []) {
+	if (typeof input === "string") {
+		return input;
+	} else {
+		return [
+			...acc,
+			...Object.values(input).flatMap((value) => getObjectValues(value)),
+		];
+	}
+}
+
+module.exports = [
+	...new Set([pkg.main, pkg.module, ...getObjectValues(pkg.exports)]),
+]
+	.sort()
+	.filter((path) => {
+		return path && path !== "./package.json" && !path.endsWith(".d.ts");
+	})
+	.map((path) => {
+		return {
+			path,
+			modifyEsbuildConfig(config) {
+				config.platform = "node";
+
+				// Add basic `*.svelte` support.
+				config.loader = {
+					...config.loader,
+					".svelte": "text",
+				};
+
+				return config;
+			},
+		};
+	});