fix: semantic release setup (#202)

* v2.0.1-alpha.1

* strip comments

* cleanup config

* moved files back to root

* ignore some stuff

* fix: package.json

* fix: ci

* fix: renovate

Author: stipsan

packages/scroll-into-view-if-needed/.babelrc.js renamed to .babelrc.js

@@ -12,6 +12,7 @@ if (BABEL_ENV === 'cjs') {
 }
 
 module.exports = {
+  comments: false,
   presets: [
     '@babel/preset-typescript',
     [

.circleci/config.yml

@@ -2,17 +2,17 @@
 aliases:
   - &restore-cache
     keys:
-      - v4-dependencies-{{ .Branch }}-{{ checksum "yarn.lock" }}
+      - v5-dependencies-{{ .Branch }}-{{ checksum "yarn.lock" }}
       # Fallback in case checksum fails
-      - v4-dependencies-{{ .Branch }}-
+      - v5-dependencies-{{ .Branch }}-
 
   - &install
     run: yarn --no-progress
 
   - &save-cache
     paths:
       - node_modules
-    key: v4-dependencies-{{ .Branch }}-{{ checksum "yarn.lock" }}
+    key: v5-dependencies-{{ .Branch }}-{{ checksum "yarn.lock" }}
 
   - &cypress-dependencies-install
     run:
@@ -29,19 +29,7 @@ jobs:
       - restore-cache: *restore-cache
       - *install
       - run: yarn lint
-      - run:
-          name: scroll-into-view-if-needed
-          command: yarn build:d.ts
-          working_directory: packages/scroll-into-view-if-needed
-      - run:
-          name: scroll-into-view-if-needed
-          command: yarn build
-          working_directory: packages/scroll-into-view-if-needed
-      - run:
-          name: smooth-scroll-into-view-if-needed
-          command: yarn typecheck
-          working_directory: packages/smooth-scroll-into-view-if-needed
-      - save-cache: *save-cache
+      - run: yarn typecheck
 
   Build:
     docker:
@@ -53,35 +41,14 @@ jobs:
       - run: yarn build
       - save-cache: *save-cache
 
-  Website:
-    docker:
-      - image: circleci/node:carbon-browsers
-    steps:
-      - checkout
-      - run: 
-          name: Report dependency versions included in the docker image
-          command: node --version && npm --version && npx --version && yarn --version
-      - *cypress-dependencies-install
-      - restore-cache: *restore-cache
-      - *install
-      - run: yarn build
-      - save-cache: *save-cache
-
   Semantic Release:
     docker:
       - image: circleci/node:8
     steps:
       - checkout
       - restore-cache: *restore-cache
       - *install
-      #- run:
-      #    name: scroll-into-view-if-needed
-      #    command: npx --no-install semantic-release -e semantic-release-monorepo
-      #    working_directory: packages/scroll-into-view-if-needed
-      #- run:
-      #    name: smooth-scroll-into-view-if-needed
-      #    command: npx --no-install semantic-release -e semantic-release-monorepo
-      #    working_directory: packages/smooth-scroll-into-view-if-needed
+      - run: npx semantic-release
 
 # Workflows enables us to run multiple jobs in parallel
 workflows:
@@ -90,12 +57,10 @@ workflows:
     jobs:
       - Typecheck
       - Build
-      - Website
       - Semantic Release:
           requires:
             - Typecheck
             - Build
-            - Website
           filters:
             branches:
               only:

.gitignore

@@ -1,3 +1,9 @@
 node_modules
 lerna-debug.log
-.next
+.next
+dist
+es
+typings
+umd
+/compute.js
+/index.js

packages/scroll-into-view-if-needed/CHANGELOG.md renamed to CHANGELOG.md

@@ -12,3 +12,67 @@ This used to be just a [ponyfill](https://ponyfill.com) for
 release.
 
 ## [Demo](https://scroll-into-view-if-needed.netlify.com)
+
+## Install
+
+```bash
+yarn add scroll-into-view-if-needed
+```
+
+## Usage
+
+```js
+import scrollIntoView from 'scroll-into-view-if-needed'
+const node = document.getElementById('hero')
+
+// similar behavior as Element.scrollIntoView({block: "nearest", inline: "nearest"})
+// only that it is a no-op if `node` is already visible
+// see: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
+// same behavior as Element.scrollIntoViewIfNeeded()
+// see: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded
+scrollIntoView(node, {
+  scrollMode: 'if-needed',
+  block: 'nearest',
+  inline: 'nearest',
+})
+
+// same behavior as Element.scrollIntoViewIfNeeded(true) without the "IfNeeded" behavior
+// see: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded
+scrollIntoView(node, { block: 'center', inline: 'center' })
+// scrollMode is "always" by default
+
+// smooth scroll if the browser supports it and if the element isn't visible
+scrollIntoView(node, { behavior: 'smooth', scrollMode: 'if-needed' })
+```
+
+### Ponyfill smooth scrolling
+
+If you're ok with a larger bundlesize and want the smooth scrolling behavior to be ponyfilled you can use the [`smooth-scroll-into-view-if-needed`](https://github.com/stipsan/smooth-scroll-into-view-if-needed) addon.
+
+### Custom scrolling transition
+
+If the default smooth scrolling ponyfill isn't the duration or easing you want,
+you can provide your own scrolling logic by giving `behavior` a callback.
+
+```js
+import scrollIntoView from 'scroll-into-view-if-needed'
+const node = document.getElementById('hero')
+
+scrollIntoView(node, {
+  // Your scroll actions will always be an array, even if there is nothing to scroll
+  behavior: scrollActions =>
+    // list is sorted from innermost (closest parent to your target) to outermost (often the document.body or viewport)
+    scrollActions.forEach(([el, scrollTop, scrollLeft]) => {
+      // implement the scroll anyway you want
+      el.scrollTop = scrollTop
+      el.scrollLeft = scrollLeft
+
+      // If you need the relative scroll coordinates, for things like window.scrollBy style logic, just do the math
+      const offsetTop = el.scrollTop - scrollTop
+      const offsetLeft = el.scrollLeft - scrollLeft
+    }),
+  // all the other options (scrollMode, block, inline) still work, so you don't need to reimplement them (unless you really really want to)
+})
+```
+
+## More documentation will be added (hang in there)

README.md

@@ -1,34 +1,86 @@
 {
-  "private": true,
-  "workspaces": [
-    "packages/*",
-    "integration-tests/*",
-    "website"
+  "name": "scroll-into-view-if-needed",
+  "description": "Ponyfill for upcoming Element.scrollIntoView() APIs like scrollMode: if-needed, behavior: smooth and block: center",
+  "license": "MIT",
+  "author": "Stian Didriksen",
+  "homepage": "https://scroll-into-view-if-needed.netlify.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stipsan/scroll-into-view-if-needed.git"
+  },
+  "version": "2.0.0-dev",
+  "main": "index.js",
+  "files": [
+    "compute.js",
+    "es",
+    "typings",
+    "umd"
   ],
   "scripts": {
-    "build": "lerna exec --concurrency 1 -- yarn build",
+    "prebuild": "yarn clean",
+    "build": "yarn build:d.ts && yarn build:cjs && yarn build:es && yarn build:umd && yarn build:umd.min",
+    "build:cjs": "BABEL_ENV=cjs babel src -d . --extensions '.ts'",
+    "build:d.ts": "tsc --emitDeclarationOnly",
+    "build:es": "BABEL_ENV=es babel src -d es --extensions '.ts'",
+    "build:umd": "BABEL_ENV=umd NODE_ENV=development rollup -c -f umd -o umd/scroll-into-view-if-needed.js",
+    "build:umd.min": "BABEL_ENV=umd NODE_ENV=production rollup -c -f umd -o umd/scroll-into-view-if-needed.min.js",
+    "clean": "rimraf 'umd' 'es' 'typings'",
     "precommit": "lint-staged",
-    "predeploy:website": "yarn build",
-    "deploy:website": "cd website && yarn deploy",
+    "dev": "concurrently 'tsc --watch' 'yarn build:cjs --watch'",
     "lint": "eslint ./integration-examples",
-    "publish:canary": "lerna publish --npm-tag=next --canary",
-    "typecheck": "lerna exec --concurrency 1 -- yarn typecheck"
+    "prepublishOnly": "unset npm_config_cafile && yarn build",
+    "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
+    "@babel/cli": "7.0.0-beta.46",
+    "@babel/core": "7.0.0-beta.46",
+    "@babel/plugin-external-helpers": "7.0.0-beta.46",
+    "@babel/preset-env": "7.0.0-beta.46",
+    "@babel/preset-typescript": "7.0.0-beta.46",
     "babel-eslint": "8.2.3",
+    "babel-plugin-add-module-exports": "0.2.1",
+    "babel-plugin-dev-expression": "0.2.1",
+    "concurrently": "3.5.1",
     "eslint": "4.19.1",
     "eslint-config-prettier": "2.9.0",
     "eslint-plugin-import": "2.11.0",
     "eslint-plugin-react": "7.7.0",
     "husky": "0.14.3",
-    "lerna": "2.11.0",
     "lint-staged": "7.0.5",
     "prettier": "1.12.1",
-    "prettier-package-json": "1.5.1"
+    "prettier-package-json": "1.5.1",
+    "rimraf": "2.6.2",
+    "rollup": "0.58.2",
+    "rollup-plugin-babel": "4.0.0-beta.4",
+    "rollup-plugin-commonjs": "9.1.0",
+    "rollup-plugin-node-resolve": "3.3.0",
+    "rollup-plugin-replace": "2.0.0",
+    "rollup-plugin-uglify": "3.0.0",
+    "semantic-release": "15.1.7",
+    "typescript": "2.8.3"
   },
+  "keywords": [
+    "behavior-smooth",
+    "if-needed",
+    "polyfill",
+    "ponyfill",
+    "scroll",
+    "scroll-into-view",
+    "scrollIntoView",
+    "scrollIntoViewIfNeeded",
+    "scrollMode",
+    "smooth",
+    "smoothscroll",
+    "typescript"
+  ],
   "publishConfig": {
     "tag": "next"
   },
+  "browserify": {
+    "transform": [
+      "loose-envify"
+    ]
+  },
   "lint-staged": {
     "*.js": [
       "prettier --write",
@@ -59,6 +111,7 @@
       "git add"
     ]
   },
+  "module": "es/index.js",
   "prettier": {
     "semi": false,
     "singleQuote": true,
@@ -72,7 +125,11 @@
       }
     ]
   },
-  "resolutions": {
-    "@types/react": "*"
-  }
+  "release": {
+    "prepare": [
+      "@semantic-release/npm"
+    ]
+  },
+  "sideEffects": false,
+  "typings": "typings/index.d.ts"
 }