chore: remove @next

README.md

@@ -13,15 +13,15 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/view360@next
+npm install @egjs/view360
 ```
 
 </div>
 </div>
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).

demo/docs/tutorials/Installation.mdx

@@ -11,18 +11,6 @@ import CodeBlock from "@theme/CodeBlock";
 import Install from "@site/src/components/tutorial/Install";
 
 :::info
-View360 v4 is currently in beta, and some APIs may change after the final release.
-View360 v4 must be installed using the `@next` tag explicitly.
-
-```shell
-npm install @egjs/view360@next
-```
-
-If you want a stable version, please install v3 using the tag `@latest`.
-```shell
-npm install @egjs/view360@latest
-```
-
 Looking for the documents of the previous version? Check these documents:
 - [Demo (v3)](https://naver.github.io/egjs-view360/v3/)
 - [API (v3)](https://naver.github.io/egjs-view360/release/3.6.4/doc/)

demo/i18n/ko/docusaurus-plugin-content-docs/current/tutorials/Installation.mdx

@@ -11,17 +11,6 @@ import CodeBlock from "@theme/CodeBlock";
 import Install from "@site/src/components/tutorial/Install";
 
 :::info
-View360 v4는 현재 베타 상태로 개발되고 있으며, 최종 릴리즈 전까지 일부 API가 변경될 수 있습니다.
-View360 v4는 `@next` 태그를 명시적으로 사용해서 설치하셔야 합니다.
-```shell
-npm install @egjs/view360@next
-```
-
-Stable 버젼을 원하실 경우 `@latest`` 태그를 사용해서 v3를 설치해주세요
-```shell
-npm install @egjs/view360@latest
-```
-
 기존 버젼의 문서를 찾고 계신가요? 아래 링크들을 확인해보세요:
 - [Demo (v3)](https://naver.github.io/egjs-view360/v3/)
 - [API (v3)](https://naver.github.io/egjs-view360/release/3.6.4/doc/)

demo/src/components/home/Main.tsx

@@ -36,7 +36,7 @@ export default React.memo(() => {
     <div className={styles.packageNameSub}>360° panorama image / video viewer built with Typescript</div>
     <div className={styles.badges}>
       <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-        <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+        <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
       </a>
       <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
         <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -113,22 +113,22 @@ export default React.memo(() => {
         }
       ]}>
       <TabItem value="js">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/view360"}</CodeBlock>
       </TabItem>
       <TabItem value="react">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/react-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/react-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="ng">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/ngx-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/ngx-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="vue2">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="vue3">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue3-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue3-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="svelte">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/svelte-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/svelte-view360"}</CodeBlock>
       </TabItem>
     </Tabs>
     <div className={styles.btnsWrapper}>

demo/src/components/tutorial/Install.tsx

@@ -81,24 +81,24 @@ export default () => <Tabs
     }
   ]}>
   <TabItem value="npm">
-    <CodeBlock className="language-shell">npm install @egjs/view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/view360</CodeBlock>
   </TabItem>
   <TabItem value="yarn">
-    <CodeBlock className="language-shell">yarn add @egjs/view360@next</CodeBlock>
+    <CodeBlock className="language-shell">yarn add @egjs/view360</CodeBlock>
   </TabItem>
   <TabItem value="react">
-    <CodeBlock className="language-shell">npm install @egjs/react-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/react-view360</CodeBlock>
   </TabItem>
   <TabItem value="ng">
-    <CodeBlock className="language-shell">npm install @egjs/ngx-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/ngx-view360</CodeBlock>
   </TabItem>
   <TabItem value="vue2">
-    <CodeBlock className="language-shell">npm install @egjs/vue-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/vue-view360</CodeBlock>
   </TabItem>
   <TabItem value="vue3">
-    <CodeBlock className="language-shell">npm install @egjs/vue3-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/vue3-view360</CodeBlock>
   </TabItem>
   <TabItem value="svelte">
-    <CodeBlock className="language-shell">npm install @egjs/svelte-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/svelte-view360</CodeBlock>
   </TabItem>
 </Tabs>

package.json

@@ -57,8 +57,6 @@
     "typedoc-to-mdx": "^0.1.0",
     "typescript": "^4.7.4"
   },
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next",
   "husky": {
     "hooks": {
       "commit-msg": "node ./config/validate-commit-msg.js"

packages/ngx-view360/README.md

@@ -13,15 +13,15 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/ngx-view360@next
+npm install @egjs/ngx-view360
 ```
 
 </div>
 </div>
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/ngx-view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).

packages/ngx-view360/projects/ngx-view360/README.md

@@ -4,16 +4,16 @@
 
 <p align=center>
   <a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank">
-    <img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=version&logo=NPM">
+    <img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=version&logo=NPM">
   </a>
   <a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank">
-    <img alt="npm bundle size (scoped)" src="https://img.shields.io/bundlephobia/minzip/@egjs/ngx-view360/next?style=flat-square&label=%F0%9F%92%BE%20gzipped&color=007acc">
+    <img alt="npm bundle size (scoped)" src="https://img.shields.io/bundlephobia/minzip/@egjs/ngx-view360?style=flat-square&label=%F0%9F%92%BE%20gzipped&color=007acc">
   </a>
   <a href="https://github.com/naver/egjs-view360/graphs/commit-activity">
     <img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/naver/egjs-view360.svg?style=flat-square&label=%E2%AC%86%20commits&color=08CE5D">
   </a>
   <a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank">
-    <img src="https://img.shields.io/npm/dm/@egjs/ngx-view360/next?style=flat-square&label=%E2%AC%87%20downloads&color=08CE5D" alt="npm downloads per month">
+    <img src="https://img.shields.io/npm/dm/@egjs/ngx-view360?style=flat-square&label=%E2%AC%87%20downloads&color=08CE5D" alt="npm downloads per month">
   </a>
   <a href="https://github.com/naver/egjs-view360/graphs/contributors" target="_blank">
     <img alt="GitHub contributors" src="https://img.shields.io/github/contributors/naver/egjs-view360.svg?label=%F0%9F%91%A5%20contributors&style=flat-square&color=08CE5D"></a>

packages/ngx-view360/projects/ngx-view360/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@egjs/ngx-view360",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0",
   "description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
   "sideEffects": [
     "**/*.css",
     "**/*.sass"
   ],
   "dependencies": {
-    "@egjs/view360": "4.0.0-beta.7"
+    "@egjs/view360": "~4.0.0"
   },
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next",
   "repository": {
     "type": "git",
     "url": "https://github.com/naver/egjs-view360/tree/master/packages/ngx-view360"