Merge pull request #1 from kanzitelli/improvements

Improvements

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 *.log
-lib/
+lib/
+*.env

.npmignore

@@ -1,2 +1,3 @@
 node_modules/
-src/
+src/
+*.env

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  printWidth: 100,
+  bracketSpacing: false,
+  arrowParens: 'avoid',
+};

.release-it.json

@@ -0,0 +1,15 @@
+{
+  "non-interactive": true,
+  "git": {
+    "requireCleanWorkingDir": false
+  },
+  "npm": {
+    "publish": false
+  },
+  "src": {
+    "tagName": "v${version}"
+  },
+  "github": {
+    "release": true
+  }
+}

README.md

@@ -1,13 +1,15 @@
 <img src="https://xxx-files.ggc.team/oss/if-component/if-component-readme.png" width="100%" title="Logo">
 
 ### Install it
+
 ```🤏
 yarn add @kanzitelli/if-component
 ```
 
 ### Use it
+
 ```tsx
-import { If } from '@kanzitelli/if-component';
+import {If} from '@kanzitelli/if-component';
 
 class OrdersScreen = () => {
   return (
@@ -19,3 +21,13 @@ class OrdersScreen = () => {
   )
 }
 ```
+
+### TS lib starter
+
+```bash
+> git clone https://github.com/kanziteli/if-component rn-lib
+> cd rn-lib && rm -rf .git
+> yarn
+```
+
+Don't forget to change your lib's name in `package.json` and check other scripts.

package.json

@@ -1,12 +1,18 @@
 {
   "name": "@kanzitelli/if-component",
-  "version": "0.0.1",
-  "description": "🤏 the tiniest missing component for React (Native). just fun experiment",
+  "version": "0.0.2",
+  "description": "The tiniest missing component for React (Native). Can be used as a TS starter for building components or libraries.",
   "author": "Batyr (dev@batyr.io)",
   "main": "lib/index.js",
   "scripts": {
     "build": "cd src && tsc && cp ../package.json ../lib/ && echo Build completed!",
-    "clean": "rm -rf ./node_modules ./package-lock.json && yarn"
+    "clean": "rm -rf ./node_modules ./package-lock.json && yarn",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "format:check": "prettier --check ./src",
+    "format:write": "prettier --write ./src",
+    "release:github": "yarn build && dotenv release-it",
+    "release:npm": "yarn build && npm publish --access public",
+    "release:npm:private": "yarn build && npm publish"
   },
   "keywords": [
     "react",
@@ -17,10 +23,14 @@
     "react": ">= 16.x.x"
   },
   "devDependencies": {
-    "@types/node": "^14.14.25",
-    "@types/react": "^17.0.1",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.1.4"
+    "@react-native-community/eslint-config": "^3.0.1",
+    "@types/node": "^16.10.1",
+    "@types/react": "^17.0.24",
+    "dotenv-cli": "^4.0.0",
+    "eslint": "^7.32.0",
+    "prettier": "^2.4.1",
+    "ts-node": "^10.2.1",
+    "typescript": "^4.4.3"
   },
   "license": "MIT"
 }

src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-type IfProps = {
+export type IfProps = {
   _: boolean;
-  _then: JSX.Element;
-  _else?: JSX.Element;
-}
-export const If = ({_,_then,_else}: IfProps) => (_ ? _then : _else || null);
+  _then: JSX.Element | React.FC<any>;
+  _else?: JSX.Element | React.FC<any>;
+};
+export const If = ({_, _then, _else}: IfProps) => (_ ? (typeof _then === 'function' ? _then({}) : _then) : (typeof _else === 'function' ? _else({}) : _else) || null);

tsconfig.json

@@ -8,6 +8,7 @@
           "dom"
       ],
       "declaration": true,
+      "jsx": "react-native",
       "outDir": "lib",
       "rootDir": "src",
       "strict": true,