Published scroll primitive

Author: David Di Biase

packages/scroll/README.md

@@ -1,5 +1,7 @@
 # @solid-primitives/scroll
 
+[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
+
 Helpful primitives to manage browser scrolling.
 
 `createScrollObserver` - Helpful monitor that reports the current position of an element or window.
@@ -24,16 +26,16 @@ const position = createScrollObserver(() => ref);
 
 ## Demo
 
-You may view a working example here: https://codesandbox.io/s/solid-create-audio-6wc4c?file=/src/index.tsx
+You may view a working example here: https://codesandbox.io/s/solid-primitives-scroll-csg7f
 
 ## Changelog
 
 <details>
 <summary><b>Expand Changelog</b></summary>
 
-1.0.0
+0.0.100
 
-First ported commit from react-use-localstorage.
+Initial porting of the scroll primitive.
 
 </details>
 

packages/scroll/package.json

@@ -1,11 +1,23 @@
 {
   "name": "@solid-primitives/scroll",
-  "version": "1.0.0",
+  "version": "0.0.100",
   "description": "Primitive to manage scrolling",
   "author": "David Di Biase <dave.dibiase@gmail.com>",
   "license": "MIT",
-  "typings": "dist/index.d.ts",
-  "scripts": {},
+  "homepage": "https://github.com/davedbase/solid-primitives/tree/main/packages/audio",
+  "private": false,
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": "false",
+  "scripts": {
+    "prebuild": "npm run clean",
+    "clean": "rimraf dist/",
+    "build": "tsc"
+  },
   "keywords": [
     "monitor",
     "scrollTo",
@@ -21,11 +33,11 @@
     "typescript": "^4.0.2"
   },
   "dependencies": {
-    "solid-js": "^1.0.0"
+    "solid-js": "^1.0.3"
   },
   "jest": {
     "setupFiles": [
       "./test/setup.ts"
     ]
   }
-}
+}

packages/scroll/src/index.ts

@@ -15,6 +15,7 @@ import { createSignal, onCleanup, createEffect } from 'solid-js';
   target: () => T | Window = () => window
 ): (() => number | null) => {
   const getPosition = (): number | null =>
+    // @ts-ignore
     target && typeof target() !== "undefined" ? target().pageYOffset : null;
   const [position, setPosition] = createSignal<number | null>(getPosition());
   const handleScroll = () => setPosition(getPosition());

packages/scroll/tsconfig.json

@@ -1,30 +1,10 @@
 {
-  "include": ["src", "types"],
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "target": "es5",
-    "module": "esnext",
-    "lib": ["dom", "esnext"],
-    "importHelpers": true,
-    "declaration": true,
-    "sourceMap": true,
-    "rootDir": "./src",
-    "strict": true,
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "strictFunctionTypes": true,
-    "strictPropertyInitialization": true,
-    "noImplicitThis": true,
-    "alwaysStrict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "moduleResolution": "node",
-    "baseUrl": "./src",
-    "paths": {
-      "*": ["src/*", "node_modules/*"]
-    },
-    "jsx": "react",
-    "esModuleInterop": true
-  }
-}
+    "outDir": "./dist",
+    "emitDeclarationOnly": false
+  },
+  "include": [
+    "./src"
+  ]
+}