Modular neodrag

.changeset/rotten-bags-speak.md

@@ -0,0 +1,10 @@
+---
+'@neodrag/core': patch
+'@neodrag/react': patch
+'@neodrag/solid': patch
+'@neodrag/svelte': patch
+'@neodrag/vanilla': patch
+'@neodrag/vue': patch
+---
+
+fix: apply neodrag class on action init, not pointerdown

.gitignore

@@ -3,3 +3,4 @@ dist/
 .DS_Store
 .env
 .pnpm-store/
+.turbo

.prettierrc

@@ -1,5 +1,6 @@
 {
-  "singleQuote": true,
-  "printWidth": 100,
-  "useTabs": true
+	"singleQuote": true,
+	"printWidth": 100,
+	"useTabs": true,
+	"trailingComma": "all"
 }

docs/src/data/sizes.json

@@ -1,22 +1,22 @@
 {
-	"react": {
-		"size": 2.18,
-		"version": "2.2.0"
-	},
-	"solid": {
-		"size": 1.98,
-		"version": "2.2.0"
-	},
-	"svelte": {
-		"size": 1.94,
-		"version": "2.2.0"
-	},
-	"vanilla": {
-		"size": 2,
-		"version": "2.2.0"
-	},
-	"vue": {
-		"size": 1.98,
-		"version": "2.2.0"
-	}
-}
+  "svelte": {
+    "size": 3.64,
+    "version": "2.2.0"
+  },
+  "react": {
+    "size": 2.28,
+    "version": "2.2.0"
+  },
+  "solid": {
+    "size": 2.07,
+    "version": "2.2.0"
+  },
+  "vue": {
+    "size": 1.98,
+    "version": "2.2.0"
+  },
+  "vanilla": {
+    "size": 2.1,
+    "version": "2.2.0"
+  }
+}

docs/src/helpers/utils.ts

@@ -20,3 +20,8 @@ export function elements_overlap(el1: HTMLElement, el2: HTMLElement) {
 export function wait_for(ms: number) {
 	return new Promise((r) => setTimeout(r, ms));
 }
+
+// Add scroll helpers
+export function isWindow(container: HTMLElement | Window): container is Window {
+	return container === window;
+}

package.json

@@ -5,16 +5,16 @@
 	"type": "module",
 	"scripts": {
 		"changeset": "changeset",
-		"compile": "pnpm -r compile",
-		"docs:build": "pnpm compile && pnpm sizes && cd docs && pnpm build",
+		"compile": "turbo run compile",
+		"docs:build": "turbo run docs#build",
 		"ci:version": "changeset version",
 		"ci:release": "changeset publish",
 		"sizes": "tsx scripts/gather-sizes.ts"
 	},
 	"devDependencies": {
 		"@changesets/changelog-github": "^0.5.0",
 		"@changesets/cli": "^2.27.1",
-		"@sveltejs/vite-plugin-svelte": "3.1.0",
+		"@sveltejs/vite-plugin-svelte": "5.0.2",
 		"@testing-library/jest-dom": "^6.1.5",
 		"@testing-library/svelte": "^4.0.5",
 		"@types/react": "^18.2.79",
@@ -29,9 +29,16 @@
 		"terser": "^5.26.0",
 		"tsup": "^8.0.1",
 		"tsx": "^4.6.2",
+		"turbo": "^2.3.3",
 		"typescript": "^5.4.5",
 		"vite": "^5.2.9",
 		"vitest": "^1.5.0",
 		"vue": "^3.4.23"
-	}
+	},
+	"pnpm": {
+		"overrides": {
+			"vite": "^6.0"
+		}
+	},
+	"packageManager": "pnpm@9.14.0"
 }

packages/config/index.ts

@@ -1,18 +1,27 @@
 import { Format } from 'tsup';
 import { defineConfig } from 'tsup';
 
-export const core_config = ({ dtsBanner = '', includeUMD = false, globalName = 'neodrag' } = {}) =>
+export const core_config = ({
+	modularAsIndex = false,
+	dtsBanner = '',
+	includeUMD = false,
+	globalName = 'neodrag',
+} = {}) =>
 	defineConfig([
 		{
-			entry: ['./src/index.ts'],
+			entry: {
+				index: `./src/${modularAsIndex ? 'modular' : 'index'}.ts`,
+			},
 			format: 'esm',
 			external: ['vue', 'react', 'solid-js', 'svelte'],
 			dts: { resolve: true, banner: dtsBanner },
 			clean: true,
 			treeshake: 'smallest',
 		},
 		{
-			entry: ['./src/index.ts'],
+			entry: {
+				index: `./src/${modularAsIndex ? 'modular' : 'index'}.ts`,
+			},
 			minify: 'terser',
 			external: ['vue', 'react', 'solid-js', 'svelte'],
 			format: 'esm',

packages/core/package.json

@@ -13,11 +13,11 @@
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
-			"import": {
-				"production": "./dist/index.js",
-				"development": "./dist/index.js"
-			},
-			"default": "./dist/index.js"
+			"import": "./dist/index.js"
+		},
+		"./plugins": {
+			"types": "./dist/plugins.d.ts",
+			"import": "./dist/plugins.js"
 		},
 		"./package.json": "./package.json"
 	},