Merge pull request #80 from thetarnav/dev-entry

Separate development and production entries (and switch to tsup for building).

Author: martinpengellyphillips

package-lock.json

@@ -18,18 +18,30 @@
   "files": [
     "dist"
   ],
-  "main": "dist/esm/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "browser": {},
   "exports": {
-    ".": {
-      "solid": "./dist/source/index.jsx",
-      "default": "./dist/esm/index.js"
+    "solid": {
+      "development": "./dist/dev.jsx",
+      "import": "./dist/index.jsx"
+    },
+    "development": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/dev.js"
+      }
+    },
+    "import": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     }
   },
+  "typesVersions": {},
   "sideEffects": false,
   "scripts": {
-    "build": "rollup -c",
+    "build": "tsup",
     "prepublishOnly": "npm run build",
     "release": "release-it"
   },
@@ -44,8 +56,8 @@
     "@release-it/keep-a-changelog": "^3.1.0",
     "prettier": "^2.7.1",
     "release-it": "^15.5.0",
-    "rollup": "^2.79.1",
-    "rollup-preset-solid": "^1.4.0",
+    "tsup": "^6.5.0",
+    "tsup-preset-solid": "^0.1.4",
     "solid-js": "^1.5",
     "typescript": "^4.8.4"
   },

package.json

@@ -78,7 +78,7 @@ const createDraggable = (id: Id, data: Record<string, any> = {}): Draggable => {
 
           if (!transformsAreEqual(resolvedTransform, noopTransform())) {
             const style = transformStyle(transform());
-            element.style.setProperty("transform", style.transform);
+            element.style.setProperty("transform", style.transform ?? null);
           } else {
             element.style.removeProperty("transform");
           }

rollup.config.js

@@ -55,7 +55,7 @@ const createDroppable = (id: Id, data: Record<string, any> = {}): Droppable => {
           const resolvedTransform = transform();
           if (!transformsAreEqual(resolvedTransform, noopTransform())) {
             const style = transformStyle(transform());
-            element.style.setProperty("transform", style.transform);
+            element.style.setProperty("transform", style.transform ?? null);
           } else {
             element.style.removeProperty("transform");
           }

src/create-draggable.ts

@@ -84,7 +84,7 @@ const createSortable = (id: Id, data: Record<string, any> = {}): Sortable => {
         const resolvedTransform = transform();
         if (!transformsAreEqual(resolvedTransform, noopTransform())) {
           const style = transformStyle(transform());
-          element.style.setProperty("transform", style.transform);
+          element.style.setProperty("transform", style.transform ?? null);
         } else {
           element.style.removeProperty("transform");
         }

src/create-droppable.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsup-preset-solid";
+
+export default defineConfig(
+  {
+    entry: "src/index.tsx",
+    devEntry: true,
+  },
+  {
+    // Uncomment this to update package.json
+    // writePackageJson: true,
+    dropConsole: true,
+  }
+);