Migration to Vanilla JS

.changeset/blue-jeans-look.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/clickoutside': major
+---
+
+migrated to vanilla JS (tracked at #203)

.changeset/chilly-cats-hang.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/intersect': major
+---
+
+Better naming for action parameter type

.changeset/forty-trains-mix.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/preprocess-helpers': major
+---
+
+Migrated to vanilla JS (tracked #203)

.changeset/friendly-vans-walk.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/resize': major
+---
+
+Better naming for action parameter type

.changeset/fuzzy-rivers-visit.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/resize': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/gorgeous-suns-raise.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/dragscroll': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/heavy-toys-jog.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/shortcut': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/kind-lies-smoke.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/preprocess-inline-svg': patch
+---
+
+bump dependencies

.changeset/little-cars-push.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/movable': major
+---
+
+change `MovableEventDetails` to `MovableEventDetail` (better naming that goes along with `event.detail` api)

.changeset/new-geckos-prove.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/inline-svg': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/nice-cars-walk.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/inline-svg': major
+---
+
+Better naming for typing

.changeset/serious-actors-bathe.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/copy': major
+---
+
+Better naming for parameter types

.changeset/short-moons-collect.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/movable': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/silly-tips-divide.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/shortcut': major
+---
+
+better naming for types

.changeset/silver-yaks-stare.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/dragscroll': major
+---
+
+Better naming for action parameter type

.changeset/sour-cycles-laugh.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/copy': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/spotty-yaks-nail.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/inline-svg': major
+---
+
+internal utils are no longer exposed (reduce pacakge pollution)

.changeset/thirty-socks-tell.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/movable': major
+---
+
+Better naming for action parameter type

.changeset/tidy-coats-pay.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/toc': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/warm-comics-repair.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/intersect': major
+---
+
+Migrated to vanilla JS (tracked at #203)

.changeset/yellow-fans-shop.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/clickoutside': major
+---
+
+Better naming for action parameter type

.changeset/young-zoos-clean.md

@@ -0,0 +1,5 @@
+---
+'@svelte-put/toc': major
+---
+
+`DEFAULT_TOC_PARAMETERS` & `DEFAULT_TOC_LINK_PARAMETERS` are no longer exxported

.eslintrc.cjs

@@ -1,8 +1,19 @@
 module.exports = {
  root: true,
- extends: ['@vnphanquang/eslint-config-svelte'],
+ extends: ['@vnphanquang/eslint-config', 'plugin:svelte/recommended'],
  globals: {
  App: 'readonly',
  gtag: 'readonly',
  },
+ overrides: [
+ {
+ files: ['*.svelte'],
+ parser: 'svelte-eslint-parser',
+ // Parse the `<script>` in `.svelte` as TypeScript by adding the following configuration.
+ parserOptions: {
+ parser: '@typescript-eslint/parser',
+ },
+ },
+ // ...
+ ],
 };

.github/workflows/changesets.yaml

@@ -28,7 +28,7 @@ jobs:
  - name: Setup node
  uses: actions/setup-node@v3
  with:
- node-version: 16
+ node-version: 18
  cache: pnpm
  - name: Install dependencies
  run: pnpm install --ignore-scripts --no-frozen-lockfile

configs/tsconfig/base.package.js.json

@@ -0,0 +1,17 @@
+{
+ "$schema": "https://json.schemastore.org/tsconfig",
+ "compilerOptions": {
+ "allowJs": true,
+ "checkJs": true,
+ "noEmit": true,
+ "strict": true,
+ "target": "es2020",
+ "module": "es2022",
+ "moduleResolution": "node",
+ "allowSyntheticDefaultImports": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true
+ },
+ "include": ["src/**/*"],
+ "exclude": ["node_modules"]
+}

configs/tsconfig/package.json

@@ -6,6 +6,7 @@
  "author": "Quang Phan",
  "files": [
  "base.json",
- "base.package.json"
+ "base.package.json",
+ "base.package.js.json"
  ]
 }

package.json

@@ -19,28 +19,31 @@
  "lint": "turbo run lint --parallel",
  "format": "turbo run format --parallel",
  "api": "turbo run api",
+ "dts": "turbo run dts",
  "ci:version": "changeset version && pnpm install",
  "ci:publish": "pnpm build && changeset publish && pnpm install"
  },
  "devDependencies": {
  "@changesets/changelog-github": "^0.4.8",
- "@changesets/cli": "^2.26.1",
- "@vnphanquang/eslint-config": "^1.2.3",
- "@vnphanquang/eslint-config-svelte": "^1.0.4",
+ "@changesets/cli": "^2.26.2",
+ "@types/node": "^20.4.2",
+ "@vnphanquang/eslint-config": "^2.0.0",
  "@vnphanquang/prettierrc": "^1.0.1",
- "eslint": "^8.37.0",
- "lint-staged": "^13.2.0",
+ "eslint": "^8.45.0",
+ "eslint-plugin-svelte": "^2.32.2",
+ "lint-staged": "^13.2.3",
  "postcss-html": "^1.5.0",
- "prettier": "^2.8.7",
- "prettier-plugin-svelte": "^2.10.0",
+ "prettier": "^2.8.8",
+ "prettier-plugin-svelte": "^2.10.1",
  "simple-git-hooks": "^2.8.1",
- "stylelint": "^15.4.0",
- "stylelint-config-clean-order": "^5.0.0",
+ "stylelint": "^15.10.1",
+ "stylelint-config-clean-order": "^5.0.1",
  "stylelint-config-html": "^1.1.0",
  "stylelint-config-standard": "^32.0.0",
- "svelte": "^3.58.0",
- "turbo": "^1.8.8",
- "typescript": "^5.0.3"
+ "svelte": "^4.0.5",
+ "tslib": "^2.6.0",
+ "turbo": "^1.10.7",
+ "typescript": "^5.1.6"
  },
  "engines": {
  "pnpm": ">=7.5.0",

packages/actions/clickoutside/.gitignore

@@ -0,0 +1 @@
+types/

packages/actions/clickoutside/api/clickoutside.api.md

@@ -4,10 +4,14 @@
 
 ```ts
 
-import type { Action } from 'svelte/action';
+import { Action } from 'svelte/action';
+import { ActionReturn } from 'svelte/action';
 
-// @public
-export const clickoutside: Action<HTMLElement, Partial<ClickOutsideParameters>, ClickOutsideAttributes>;
+// @public (undocumented)
+export type ClickOutsideAction = Action<HTMLElement, ClickOutsideParameters, ClickOutsideAttributes>;
+
+// @public (undocumented)
+export type ClickOutsideActionReturn = ActionReturn<ClickOutsideParameters, ClickOutsideAttributes>;
 
 // @public
 export interface ClickOutsideAttributes {
@@ -28,15 +32,6 @@ export interface ClickOutsideParameters {
  options?: AddEventListenerOptions | boolean;
 }
 
-// Warning: (ae-internal-missing-underscore) The name "resolveParameters" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export function resolveParameters(parameters: Partial<ClickOutsideParameters>): {
- enabled: boolean;
- nodeForEvent: HTMLElement | Document;
- eventType: string;
- options: boolean | AddEventListenerOptions | undefined;
- capture: boolean | undefined;
-};
+// (No @packageDocumentation comment for this package)
 
 ```

packages/actions/clickoutside/api/docs/clickoutside.clickoutsideaction.md

@@ -0,0 +1,14 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@svelte-put/clickoutside](./clickoutside.md) &gt; [ClickOutsideAction](./clickoutside.clickoutsideaction.md)
+
+## ClickOutsideAction type
+
+
+**Signature:**
+
+```typescript
+export type ClickOutsideAction = Action<HTMLElement, ClickOutsideParameters, ClickOutsideAttributes>;
+```
+**References:** [ClickOutsideParameters](./clickoutside.clickoutsideparameters.md)<!-- -->, [ClickOutsideAttributes](./clickoutside.clickoutsideattributes.md)
+

packages/actions/clickoutside/api/docs/clickoutside.clickoutsideactionreturn.md

@@ -0,0 +1,14 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@svelte-put/clickoutside](./clickoutside.md) &gt; [ClickOutsideActionReturn](./clickoutside.clickoutsideactionreturn.md)
+
+## ClickOutsideActionReturn type
+
+
+**Signature:**
+
+```typescript
+export type ClickOutsideActionReturn = ActionReturn<ClickOutsideParameters, ClickOutsideAttributes>;
+```
+**References:** [ClickOutsideParameters](./clickoutside.clickoutsideparameters.md)<!-- -->, [ClickOutsideAttributes](./clickoutside.clickoutsideattributes.md)
+

packages/actions/clickoutside/api/docs/clickoutside.md

@@ -4,8 +4,6 @@
 
 ## clickoutside package
 
-`use:clickoutside` - svelte action that emits the `clickoutside` event when the user clicks outside of a node.
-
 ## Interfaces
 
 | Interface | Description |
@@ -14,9 +12,10 @@
 | [ClickOutsideLimit](./clickoutside.clickoutsidelimit.md) | Limit to which the click event will trigger <code>clickoutside</code> |
 | [ClickOutsideParameters](./clickoutside.clickoutsideparameters.md) | svelte action parameters to config behavior of <code>clickoutside</code> |
 
-## Variables
+## Type Aliases
 
-| Variable | Description |
+| Type Alias | Description |
 | --- | --- |
-| [clickoutside](./clickoutside.clickoutside.md) | Dispatch a <code>clickoutside</code> [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent) on click outside of node |
+| [ClickOutsideAction](./clickoutside.clickoutsideaction.md) | |
+| [ClickOutsideActionReturn](./clickoutside.clickoutsideactionreturn.md) | |