UILib Packages (#723)

* Create an entry file for core sub module of rnuilib

* create a script that generate sub packages

* add build:packages script

* remove core.js

* build separate package per each component

* cleanup and add proper comments

Author: ethanshar

package.json

@@ -27,7 +27,8 @@
     "xcode": "open ./ios/uilib.xcodeproj",
     "build:dev": "tsc --p tsconfig.dev.json",
     "build:exports": "./node_modules/.bin/babel src --out-dir src --config-file ./src/.babelrc.json --extensions '.ts,.tsx' --ignore 'src/index.ts'",
-    "build": "tsc --p tsconfig.build.json && npm run build:exports",
+    "build:packages": "node scripts/buildPackages.js",
+    "build": "tsc --p tsconfig.build.json && npm run build:exports && npm run build:packages",
     "log": "react-native log-ios | grep 'ethan -'",
     "docs:install": "(cd ./uilib-docs && rm -rf node_modules && rm -rf package-lock.json && npm install)",
     "docs:deploy": "(cd ./uilib-docs && gatsby build --prefix-paths && gh-pages -d public --branch gh-pages)",

scripts/buildPackages.js

@@ -0,0 +1,47 @@
+const fs = require('fs');
+const _ = require('lodash');
+
+const packages = [
+  {
+    filename: 'keyboard.js',
+    content: `module.exports = require('./lib/components/Keyboard').default;\n`
+  },
+  {
+    filename: 'core.js',
+    components: ['View', 'Text', 'Image', 'TouchableOpacity', 'Button']
+  }
+];
+
+/* Write custom packages */
+packages.forEach((package) => {
+  let content = package.content || '';
+
+  if (package.components) {
+    content += 'module.exports = {\n';
+    package.components.forEach((component) => {
+      content += `get ${component}() {\n`;
+      content += `return require('./src/components/${_.camelCase(
+        component
+      )}').default;`;
+      content += `},\n`;
+    });
+    content += '};\n';
+  }
+
+  fs.writeFileSync(package.filename, content);
+});
+
+/* Write all components as separate packages */
+const path = './src/components';
+fs.readdir(path, (err, files) => {
+  if (!err) {
+    files
+      .filter((f) => f !== 'index.js')
+      .forEach((file) => {
+        fs.writeFileSync(
+          `${file}.js`,
+          `module.exports = require('${path}/${file}').default;\n`
+        );
+      });
+  }
+});