fix: scope to @TanStack and prep for alpha release

TanStack · Feb 6, 2022 · 1f89461 · 1f89461
1 parent 426fe5e
commit 1f89461
Show file tree

Hide file tree

Showing 36 changed files with 79 additions and 109 deletions.
diff --git a/README.md b/README.md
@@ -1,30 +1,29 @@
-![React Virtual Header](https://github.com/tannerlinsley/react-virtual/raw/master/media/repo-dark.png)
+![React Virtual Header](https://github.com/tanstack/react-virtual/raw/master/media/repo-dark.png)
 
 Hooks for virtualizing scrollable elements in React
 
 <a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
-  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
-</a>
-<a href="https://npmjs.com/package/react-virtual" target="\_parent">
-  <img alt="" src="https://img.shields.io/npm/dm/react-virtual.svg" />
-</a>
-<a href="https://bundlephobia.com/result?p=react-virtual" target="\_parent">
-  <img alt="" src="https://badgen.net/bundlephobia/minzip/react-virtual" />
-</a>
-<a href="https://spectrum.chat/react-virtual">
-  <img alt="Join the community on Spectrum" src="https://withspectrum.github.io/badge/badge.svg" />
-</a>
-<a href="https://github.com/react-virtual/react-virtual" target="\_parent">
-  <img alt="" src="https://img.shields.io/github/stars/tannerlinsley/react-virtual.svg?style=social&label=Star" />
-</a>
-<a href="https://twitter.com/tannerlinsley" target="\_parent">
+  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack" />
+</a><a href="https://github.com/tanstack/react-virtual/actions?table=workflow%3A%22react-virtual+tests%22">
+<img src="https://github.com/tanstack/react-virtual/workflows/react-virtual%20tests/badge.svg" />
+</a><a href="https://npmjs.com/package/react-virtual" target="\_parent">
+  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/react-virtual.svg" />
+</a><a href="https://bundlephobia.com/result?p=@tanstack/react-virtual@latest" target="\_parent">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-virtual@latest" />
+</a><a href="#badge">
+    <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
+  </a><a href="https://github.com/tanstack/react-virtual/discussions">
+  <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
+</a><a href="https://github.com/tanstack/react-virtual" target="\_parent">
+  <img alt="" src="https://img.shields.io/github/stars/tanstack/react-virtual.svg?style=social&label=Star" />
+</a><a href="https://twitter.com/tannerlinsley" target="\_parent">
   <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
 </a>
 
 <br />
 <br />
 
-Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/tannerlinsley/react-query), [React Table](https://github.com/tannerlinsley/react-table), [React Charts](https://github.com/tannerlinsley/react-charts), [React Form](https://github.com/tannerlinsley/react-form)
+Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/@tanstack/react-query), [React Table](https://github.com/@tanstack/react-table), [React Charts](https://github.com/@tanstack/react-charts)
 
 ## Visit [react-virtual.tanstack.com](https://react-virtual.tanstack.com) for docs, guides, API and more!
 

diff --git a/docs/next.config.js b/docs/next.config.js
@@ -21,7 +21,7 @@ const remarkPlugins = [
   require('remark-images'),
   [
     require('remark-github'),
-    { repository: 'https://github.com/tannerlinsley/react-virtual' },
+    { repository: 'https://github.com/tanstack/react-virtual' },
   ],
   require('remark-unwrap-images'),
   [

diff --git a/docs/src/components/Footer.js b/docs/src/components/Footer.js
@@ -41,7 +41,7 @@ export const Footer = props => {
             <ul className="mt-4">
               <li className="mt-4">
                 <a
-                  href="https://github.com/tannerlinsley/react-virtual/discussions"
+                  href="https://github.com/tanstack/react-virtual/discussions"
                   className="text-base leading-6 text-gray-500 hover:text-gray-900"
                 >
                   Forum & Support
@@ -65,7 +65,7 @@ export const Footer = props => {
               </li>
               <li className="mt-4">
                 <a
-                  href="https://github.com/tannerlinsley/react-virtual/releases"
+                  href="https://github.com/tanstack/react-virtual/releases"
                   className="text-base leading-6 text-gray-500 hover:text-gray-900"
                 >
                   Releases
@@ -74,12 +74,12 @@ export const Footer = props => {
               <li className="mt-4">
                 <a
                   className="github-button"
-                  href="https://github.com/tannerlinsley/react-virtual"
+                  href="https://github.com/tanstack/react-virtual"
                   data-color-scheme="no-preference: light; light: light; dark: dark;"
                   data-icon="octicon-star"
                   data-size="large"
                   data-show-count="true"
-                  aria-label="Star tannerlinsley/react-virtual on GitHub"
+                  aria-label="Star tanstack/react-virtual on GitHub"
                 >
                   Star
                 </a>

diff --git a/docs/src/pages/docs/installation.md b/docs/src/pages/docs/installation.md
@@ -10,11 +10,11 @@ You can install React Virtual with [NPM](https://npmjs.com),
 ### NPM
 
 ```sh
-npm install react-virtual --save
+npm install @tanstack/react-virtual --save
 ```
 
 or
 
 ```sh
-yarn add react-virtual
+yarn add @tanstack/react-virtual
 ```
diff --git a/docs/src/pages/docs/overview.md b/docs/src/pages/docs/overview.md
@@ -3,7 +3,7 @@ id: overview
 title: Overview
 ---
 
-[![](https://badgen.net/bundlephobia/minzip/react-virtual)](https://bundlephobia.com/result?p=react-virtual)
+[![](https://badgen.net/bundlephobia/minzip/@tanstack/react-virtual)](https://bundlephobia.com/result?p=@tanstack/react-virtual)
 
 <br />
 

diff --git a/docs/src/pages/examples/dynamic.md b/docs/src/pages/examples/dynamic.md
@@ -4,12 +4,12 @@ title: Dynamic
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/dynamic)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/dynamic)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/dynamic)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/dynamic)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/dynamic?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: dynamic"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/dynamic?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: dynamic"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/examples/fixed.md b/docs/src/pages/examples/fixed.md
@@ -4,12 +4,12 @@ title: Fixed
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/fixed)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/fixed)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/fixed)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/fixed)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/fixed?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: fixed"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/fixed?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: fixed"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/examples/infinite-scroll.md b/docs/src/pages/examples/infinite-scroll.md
@@ -4,12 +4,12 @@ title: Infinite Scroll
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/infinite-scroll)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/infinite-scroll)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/infinite-scroll)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/infinite-scroll)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/infinite-scroll?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: infinite-scroll"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/infinite-scroll?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: infinite-scroll"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/examples/padding.md b/docs/src/pages/examples/padding.md
@@ -4,12 +4,12 @@ title: Padding
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/padding)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/padding)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/padding)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/padding)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/padding?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: padding"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/padding?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: padding"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/examples/smooth-scroll.md b/docs/src/pages/examples/smooth-scroll.md
@@ -4,12 +4,12 @@ title: Smooth Scroll
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/smooth-scroll)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/smooth-scroll)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/smooth-scroll)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/smooth-scroll)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/smooth-scroll?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: smooth-scroll"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/smooth-scroll?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: smooth-scroll"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/examples/sticky.md b/docs/src/pages/examples/sticky.md
@@ -4,12 +4,12 @@ title: Sticky
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/sticky)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/sticky)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/sticky)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/sticky)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/sticky?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: sticky"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/sticky?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: sticky"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/examples/variable.md b/docs/src/pages/examples/variable.md
@@ -4,12 +4,12 @@ title: Variable
 toc: false
 ---
 
-- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/variable)
-- [View Source](https://github.com/tannerlinsley/react-virtual/tree/master/examples/variable)
+- [Open in CodeSandbox](https://codesandbox.io/s/github/tanstack/react-virtual/tree/master/examples/variable)
+- [View Source](https://github.com/tanstack/react-virtual/tree/master/examples/variable)
 
 <iframe
-  src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/variable?autoresize=1&fontsize=14&theme=dark"
-  title="tannerlinsley/react-virtual: variable"
+  src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/variable?autoresize=1&fontsize=14&theme=dark"
+  title="tanstack/react-virtual: variable"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   style={{
     width: '100%',

diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
@@ -210,8 +210,8 @@ const Home = props => {
         <section className="bg-gray-900 body-font">
           <div className="container max-w-7xl px-4  mx-auto -mt-72 relative">
             <iframe
-              src="https://codesandbox.io/embed/github/tannerlinsley/react-virtual/tree/master/examples/dynamic?autoresize=1&fontsize=16&theme=dark"
-              title="tannerlinsley/react-virtual: dynamic"
+              src="https://codesandbox.io/embed/github/tanstack/react-virtual/tree/master/examples/dynamic?autoresize=1&fontsize=16&theme=dark"
+              title="tanstack/react-virtual: dynamic"
               sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
               className="shadow-2xl"
               style={{

diff --git a/docs/src/siteConfig.js b/docs/src/siteConfig.js
@@ -1,9 +1,9 @@
 // List of projects/orgs using your project for the users page.
 export const siteConfig = {
   editUrl:
-    'https://github.com/tannerlinsley/react-virtual/edit/master/docs/src/pages',
+    'https://github.com/tanstack/react-virtual/edit/master/docs/src/pages',
   copyright: `Copyright © ${new Date().getFullYear()} Tanner Linsley. All Rights Reserved.`,
-  repoUrl: 'https://github.com/tannerlinsley/react-virtual',
+  repoUrl: 'https://github.com/tanstack/react-virtual',
   algolia: {
     appId: 'BH4D9OD16A',
     apiKey: 'f501b7d59335fb8731d2c76764c3fc86',

diff --git a/examples/dynamic/package.json b/examples/dynamic/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-virtual": "2.10.3"
+    "@tanstack/react-virtual": "3.0.0-alpha.0"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^3.0.1",

diff --git a/examples/dynamic/src/main.jsx b/examples/dynamic/src/main.jsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 
 import './index.css'
 
-import { useVirtual } from 'react-virtual'
+import { useVirtual } from '@tanstack/react-virtual'
 
 function App() {
   const rows = new Array(10000)

diff --git a/examples/dynamic/vite.config.js b/examples/dynamic/vite.config.js
@@ -18,7 +18,7 @@ export default defineConfig({
   resolve: process.env.USE_SOURCE
     ? {
         alias: {
-          'react-virtual': path.resolve(
+          '@tanstack/react-virtual': path.resolve(
             __dirname,
             '../../packages/react-virtual/src/index.tsx',
           ),

diff --git a/examples/fixed/package.json b/examples/fixed/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-virtual": "2.10.3"
+    "@tanstack/react-virtual": "3.0.0-alpha.0"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^3.0.1",

diff --git a/examples/fixed/src/main.jsx b/examples/fixed/src/main.jsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 
 import './index.css'
 
-import { useVirtual } from 'react-virtual'
+import { useVirtual } from '@tanstack/react-virtual'
 
 function App() {
   return (

diff --git a/examples/fixed/vite.config.js b/examples/fixed/vite.config.js
@@ -18,7 +18,7 @@ export default defineConfig({
   resolve: process.env.USE_SOURCE
     ? {
         alias: {
-          'react-virtual': path.resolve(
+          '@tanstack/react-virtual': path.resolve(
             __dirname,
             '../../packages/react-virtual/src/index.tsx',
           ),

diff --git a/examples/infinite-scroll/package.json b/examples/infinite-scroll/package.json
@@ -12,7 +12,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-query": "^1.3.3",
-    "react-virtual": "2.10.3"
+    "@tanstack/react-virtual": "2.10.3"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^3.0.1",

diff --git a/examples/infinite-scroll/src/main.jsx b/examples/infinite-scroll/src/main.jsx
@@ -5,7 +5,7 @@ import { useInfiniteQuery } from 'react-query'
 
 import './index.css'
 
-import { useVirtual } from 'react-virtual'
+import { useVirtual } from '@tanstack/react-virtual'
 
 // axios override to fake "get" a website
 // delete lines 9-36 if you are reusing this code outside of this demo

diff --git a/examples/infinite-scroll/vite.config.js b/examples/infinite-scroll/vite.config.js
@@ -18,7 +18,7 @@ export default defineConfig({
   resolve: process.env.USE_SOURCE
     ? {
         alias: {
-          'react-virtual': path.resolve(
+          '@tanstack/react-virtual': path.resolve(
             __dirname,
             '../../packages/react-virtual/src/index.tsx',
           ),

diff --git a/examples/padding/src/main.jsx b/examples/padding/src/main.jsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 
 import './index.css'
 
-import { useVirtual } from 'react-virtual'
+import { useVirtual } from '@tanstack/react-virtual'
 
 function App() {
   const rows = new Array(10000)

diff --git a/examples/padding/vite.config.js b/examples/padding/vite.config.js
@@ -18,7 +18,7 @@ export default defineConfig({
   resolve: process.env.USE_SOURCE
     ? {
         alias: {
-          'react-virtual': path.resolve(
+          '@tanstack/react-virtual': path.resolve(
             __dirname,
             '../../packages/react-virtual/src/index.tsx',
           ),

diff --git a/examples/smooth-scroll/package.json b/examples/smooth-scroll/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-virtual": "2.10.3"
+    "@tanstack/react-virtual": "2.10.3"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^3.0.1",

diff --git a/examples/smooth-scroll/src/main.jsx b/examples/smooth-scroll/src/main.jsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 
 import './index.css'
 
-import { useVirtual } from 'react-virtual'
+import { useVirtual } from '@tanstack/react-virtual'
 
 function easeInOutQuint(t) {
   return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t

diff --git a/examples/smooth-scroll/vite.config.js b/examples/smooth-scroll/vite.config.js
@@ -18,7 +18,7 @@ export default defineConfig({
   resolve: process.env.USE_SOURCE
     ? {
         alias: {
-          'react-virtual': path.resolve(
+          '@tanstack/react-virtual': path.resolve(
             __dirname,
             '../../packages/react-virtual/src/index.tsx',
           ),

diff --git a/examples/sticky/package.json b/examples/sticky/package.json
@@ -12,7 +12,7 @@
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-virtual": "2.10.3"
+    "@tanstack/react-virtual": "2.10.3"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^3.0.1",

diff --git a/examples/sticky/src/App.jsx b/examples/sticky/src/App.jsx
@@ -2,7 +2,7 @@ import './App.css'
 import * as React from 'react'
 import faker from 'faker'
 import { findIndex, groupBy } from 'lodash'
-import { useVirtual, defaultRangeExtractor } from 'react-virtual'
+import { useVirtual, defaultRangeExtractor } from '@tanstack/react-virtual'
 
 const groupedNames = groupBy(
   Array.from({ length: 1000 })