refactor: new structure

.eslintrc

@@ -1,5 +1,6 @@
 {
   "extends": ["@react-native-community", "prettier"],
+  "root": true,
   "rules": {
     "prettier/prettier": [
       "error",
@@ -11,12 +12,17 @@
         "useTabs": false
       }
     ],
+    "no-shadow": "off",
+    "@typescript-eslint/no-shadow": ["error"],
     "no-bitwise": 0,
     "prefer-const": "warn",
     "no-console": ["error", { "allow": ["warn", "error"] }]
   },
   "globals": {
-      "JSX": "readonly"
+    "JSX": "readonly"
+  },
+  "env": {
+    "jest": true
   },
   "plugins": ["prettier"]
 }

.github/workflows/publish.yml

@@ -0,0 +1,23 @@
+name: "🚀 Publish"
+
+on:
+    push:
+        branches:
+          - main
+
+jobs:
+    release:
+        name: 🚀 Publish
+        runs-on: macos-11
+        steps:
+            - name: 📚 checkout
+              uses: actions/checkout@v2.4.2
+            - name: 🟢 node
+              uses: actions/setup-node@v3.3.0
+              with:
+                  node-version: 16
+                  registry-url: https://registry.npmjs.org
+            - name: 🚀 Build & Publish
+              run: yarn install && yarn build && yarn publish --access public
+              env:
+                  NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}

.gitignore

@@ -28,16 +28,13 @@ build/
 .gradle
 local.properties
 *.iml
-*.hprof
-/android/gradlew
-/android/gradlew.bat
-/android/gradle/
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
+yarn.lock
 
 # BUCK
 buck-out/
@@ -59,8 +56,9 @@ buck-out/
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
+/vendor/bundle/
 
-# Library
-lib/
+# generated
+lib

.husky/pre-push

@@ -1,5 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn build
-yarn test
+#yarn build
+#yarn test

.npmignore

@@ -1,66 +1,11 @@
-# OSX
-#
-.DS_Store
-
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
-*.hprof
-/android/gradlew
-/android/gradlew.bat
-/android/gradle/
-
-# node.js
-#
-node_modules/
-npm-debug.log
-yarn-error.log
-
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://docs.fastlane.tools/best-practices/source-control/
-
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
-
-# Bundle artifact
-*.jsbundle
-
-# CocoaPods
-/ios/Pods/
-
-# Library
-example/
+.github/
+.husky/
+RNCustomStyleSheet/
+assets/
+.eslintignore
+.eslintrc
+CONTRIBUTING.md
+babel.config.js
+.buckconfig
+jest-setup.js
+docs/

.prettierrc.js

@@ -1,11 +1,7 @@
 module.exports = {
-  useTabs: false,
-  printWidth: 120,
-  tabWidth: 2,
-  singleQuote: true,
-  trailingComma: 'none',
-  semi: true,
-  quoteProps: 'as-needed',
+  arrowParens: 'avoid',
+  bracketSameLine: true,
   bracketSpacing: true,
-  arrowParens: 'always',
-}
+  singleQuote: true,
+  trailingComma: 'es5'
+};

.vscode/settings.json

@@ -1,13 +1,17 @@
 {
   "files.autoSave": "onFocusChange",
-  "eslint.alwaysShowStatus": true,
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
   "editor.formatOnSave": true,
   "editor.formatOnPaste": true,
   "javascript.validate.enable": true,
   "typescript.validate.enable": true,
   "json.format.enable": true,
-  "window.zoomLevel": 0,
+  "window.zoomLevel": 0.8,
   "editor.tabSize": 2,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "[javascript]": {
@@ -57,23 +61,34 @@
     "activityBar.activeBackground": "#2f7c47",
     "activityBar.activeBorder": "#422c74",
     "activityBar.background": "#2f7c47",
-    "activityBar.foreground": "#e7e7e7",
-    "activityBar.inactiveForeground": "#e7e7e799",
-    "activityBarBadge.background": "#422c74",
-    "activityBarBadge.foreground": "#e7e7e7",
     "sash.hoverBorder": "#2f7c47",
     "statusBar.background": "#215732",
-    "statusBar.foreground": "#e7e7e7",
     "statusBarItem.hoverBackground": "#2f7c47",
     "statusBarItem.remoteBackground": "#215732",
-    "statusBarItem.remoteForeground": "#e7e7e7",
     "titleBar.activeBackground": "#215732",
-    "titleBar.activeForeground": "#e7e7e7",
     "titleBar.inactiveBackground": "#21573299",
-    "titleBar.inactiveForeground": "#e7e7e799",
-    "commandCenter.border": "#e7e7e799"
+    "editorGroup.border": "#2f7c47",
+    "panel.border": "#2f7c47",
+    "sideBar.border": "#2f7c47",
+    "statusBar.border": "#215732",
+    "statusBar.debuggingBackground": "#572146",
+    "statusBar.debuggingBorder": "#572146",
+    "tab.activeBorder": "#2f7c47",
+    "titleBar.border": "#215732"
   },
   "peacock.color": "#215732",
-  "workbench.editor.enablePreview": false,
-  "workbench.editor.enablePreviewFromQuickOpen": false
+  "workbench.editor.enablePreview": true,
+  "workbench.editor.enablePreviewFromQuickOpen": false,
+  "background.fullscreen": {
+    "image": [
+      "https://images.unsplash.com/photo-1469474968028-56623f02e42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2374&q=80",
+      "https://plus.unsplash.com/premium_photo-1666792562882-8bd04befec7e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1375&q=80",
+      "https://images.unsplash.com/photo-1426604966848-d7adac402bff?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",
+      "https://plus.unsplash.com/premium_photo-1666896192348-dbd2afd19b07?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1375&q=80"
+    ], // An array may be useful when set interval for carousel
+    "opacity": 0.93, // 0.85 ~ 0.95 recommended
+    "size": "cover", // also css, `cover` to self-adaption (recommended)，or `contain`、`200px 200px`
+    "position": "center", // alias to `background-position`, default `center`
+    "interval": 60 // seconds of interval for carousel, default `0` to disabled.
+  }
 }

CONTRIBUTING.md

@@ -0,0 +1,35 @@
+# Contributing
+
+We welcome code changes that improve this library or fix a problem, and please make sure to follow all best practices and test all the changes/fixes before committing and creating a pull request. 🚀 🚀
+
+### Commiting and Pushing Changes
+
+Commit messages should be formatted as:
+
+```
+<type>[optional scope]: <description>
+
+[optional body]
+
+[optional footer]
+```
+
+Where type can be one of the following:
+
+- feat
+- fix
+- docs
+- chore
+- style
+- refactor
+- test
+
+and an optional scope can be a component
+
+```
+docs(StoryContainer): update contributing guide
+```
+
+```
+fix(MultiStoryContainer): story progressbar is stuck
+```

LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.