Merge pull request #12 from reactplay/Issue-369-Create-play-workflow

Issue 369 create play workflow

Author: atapas

.npmrc

@@ -0,0 +1 @@
+@reactplay:registry=https://npm.pkg.github.com

README.md

@@ -1,4 +1,51 @@
-# React-Play Development Kit
+# Create React Play
 
-## Prerequisite
-1. GitHUb ssh to be configured
+## Welcome to  `reactplay.io` ecosystem
+
+A package to generate boilerplate files for creating a play withing your local system. Another idea of this package to create a backbone structure for running all sort of maintenance and house keeping task.
+
+## Command Line Options
+Here are few options
+- -h/help: Show all available arguments and flags
+- -c/create: Creates a play boilerplate within local directory structure
+- -u/update: Update an exsiting play
+- -p/prepare: Prepre an environment for build/run
+
+## How it works
+
+### Example: Create a play
+1. Fork [reactplay](https://github.com/reactplay/react-play)
+2. Clone your branch
+3. Install packages using
+   ```bash
+   yarn
+   #or
+   npm install
+   ```
+4. run reactplay application using 
+   ```bash
+   yarn start
+   #or
+   npm start
+   ```
+5. Hit "Create" button on web portal
+6. Provide necessary information
+7. Submit your play request
+8. It will generate an unique id for you
+9. <b>Navigate to root directory of your local reactplay repo and run 
+   ```bash
+   npx create-react-play -c <the_unique_id>
+   ```
+   This will create necessary resources and link them together.
+   </b>
+10. Now you will find your play under
+    ```
+    <reactplay_directory>/plays/<your_play_name>
+    ```
+11. Now its all with you, create an awesome play and flaunt it infront of the globe
+12. Create a pull request when you are done    
+
+### Example: Prepare environemnt
+```bash
+   npx create-react-play -p
+```

_templates/component_js.tmpl

@@ -0,0 +1,30 @@
+import PlayHeader from 'common/playlists/PlayHeader';
+import './styles.%PLAY_STYLE%';
+
+function %PLAY_TITLE_NAME%(props) {
+
+  // Your Code Start below.
+
+  return (
+    <>
+      <div className="play-details">
+        <PlayHeader play={props} />
+        <div className="play-details-body">
+        {/* Your Code Starts Here */}
+          <div>
+            <h1>Play Details -  %PLAY_TITLE_STRING%</h1>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+              Pellentesque euismod, urna eu tincidunt consectetur,
+              nisi nunc ultricies nisi, eget consectetur nunc nisi
+              euismod nunc.
+            </p>
+          </div>
+        {/* Your Code Ends Here */}
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default %PLAY_TITLE_NAME%;

_templates/component_ts.tmpl

@@ -0,0 +1,31 @@
+import React from 'react';
+import PlayHeader from 'common/playlists/PlayHeader';
+import './styles.{{style}}';
+
+function %PLAY_TITLE_NAME%(props) {
+
+  // Your Code Start below.
+
+  return (
+    <>
+      <div className="play-details">
+        <PlayHeader play={props} />
+        <div className="play-details-body">
+        {/* Your Code Starts Here */}
+          <div>
+            <h1>Play Details -  %PLAY_TITLE_STRING%</h1>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+              Pellentesque euismod, urna eu tincidunt consectetur,
+              nisi nunc ultricies nisi, eget consectetur nunc nisi
+              euismod nunc.
+            </p>
+          </div>
+        {/* Your Code Ends Here */}
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default %PLAY_TITLE_NAME%;

_templates/readme_md.tmpl

@@ -0,0 +1,27 @@
+# %PLAY_NAME%
+
+%PLAY_DESCRIPTION%
+
+## Play Demographic
+
+- Language: %PLAY_LANGUAGE%
+- Level: %PLAY_LEVEL%
+
+## Creator Information
+
+- User: %PLAY_GITHUB%
+- Gihub Link: https://github.com/%PLAY_GITHUB%
+- Blog: %PLAY_BLOG%
+- Video: %PLAY_VIDEO%
+
+## Implementation Details
+
+Update your implementation idea and details here
+
+## Consideration
+
+Update all considerations(if any)
+
+## Resources
+
+Update external resources(if any)

_templates/styles_css.tmpl

@@ -0,0 +1 @@
+/* enter stlyes here */

_templates/styles_scss.tmpl

@@ -0,0 +1 @@
+/* enter stlyes here */

bin/global.js

@@ -1,10 +1,12 @@
 #!/usr/bin/env node
 
-import { log, invoke_process } from "../lib/index.js";
+import { invoke_process } from "../lib/index.js";
 import { CONSOLE_COLORS } from "../util/const.js";
+import fs from "fs";
+// import * as meta from "";
 
 // Displays the text in the console
-
+let meta = JSON.parse(fs.readFileSync("package.json", "utf-8"));
 console.log(
   CONSOLE_COLORS.FgGreen,
   "┌─────────────────────────────────────────────────────────────────────────┐"
@@ -16,13 +18,13 @@ console.log(
   " |                               Welcome to                                |"
 );
 console.log(
-  " |                       React Play Development Kit                        |"
+  ` |                      Create Rect Play (v ${meta.version})                         |`
 );
 console.log(
   " |                                                                         |"
 );
 console.log(
-  " |                       For help hit : rpdk -h/help                       |"
+  " |                 For help hit : create-react-play -h/help                |"
 );
 console.log(
   " └─────────────────────────────────────────────────────────────────────────┘"

hooks/basic_hooks.js

@@ -1,4 +1,26 @@
+import { exec } from "child_process";
+import { Log } from "../log/index.js";
+
 export const basic_get_package_manager = () => {
-  console.log("Checking package manager");
+  Log.log("Checking package manager");
   return "yarn";
 };
+
+export const basic_check_shell_connectivity = () => {
+  Log.log("Checking shell connectivity");
+  Log.log(process.cwd());
+  exec(
+    `sh ${process.cwd()}\\react-play-dev-kit\\scripts\\sample.sh`,
+    (error, stdout, stderr) => {
+      if (error) {
+        Log.log(`error: ${error.message}`);
+        return;
+      }
+      if (stderr) {
+        Log.log(`stderr: ${stderr}`);
+        return;
+      }
+      Log.log(`stdout: ${stdout}`);
+    }
+  );
+};

hooks/data_hooks.js

@@ -1,3 +1,11 @@
+import { loadPlay } from "../lib/services/datasource/index.js";
+import { Log } from "../log/index.js";
+
 export const data_read_table = (table_name) => {
-  console.log(`Reading ${table_name} table`);
+  Log.log(`Reading ${table_name} table`);
+};
+
+export const data_read_play_by_id = async (arg) => {
+  const data = await loadPlay(arg.value);
+  return data;
 };