webpack progression

Author: nicoflrs

.vscode/launch.json

@@ -0,0 +1,7 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": []
+}

nexus/dist/sidebar.js

@@ -1,5 +1,6 @@
 import React, { Component, render } from 'react';
-import parser from '../src/parser/parser.js';
+import main from '../src/parser/parser.js';
+import test from './test.js';
 // import Node from 'Nodes.jsx'
 
 // interface ComponentNode {
@@ -8,7 +9,7 @@ import parser from '../src/parser/parser.js';
 //   props: Object
 // }
 
-class MainSideBarTest extends Component() {
+class MainSideBarTest extends Component {
   // pass array down as props to all children
   constructor() {
     super();
@@ -20,8 +21,11 @@ class MainSideBarTest extends Component() {
   }
 
   componentDidMount() {
-    const res = parser('../src/parser/App.jsx');
-    console.log(res);
+    // const res = parser('../src/parser/App.jsx');
+    // console.log(res);
+    // console.log(main);
+    // console.log(test);
+    console.log(main);
     console.log('test string');
     const testStr = 'I am a string initialized in componentDidMount';
   }
@@ -33,7 +37,7 @@ class MainSideBarTest extends Component() {
     console.log('hello');
     return (
       <div>
-        <h1>I'm the main sidebar parent</h1>
+        <h1>I'm the main sidebar parent HELLO</h1>
         <div>{testStr}</div>
       </div>
     );

nexus/media/MainSidebarTest.jsx

@@ -0,0 +1,5 @@
+const test = {name: "testImport"};
+
+
+
+module.exports = test;

nexus/media/test.js

@@ -0,0 +1,48 @@
+// Example React component for testing parser logic.
+
+import React from 'react';
+import { Link } from 'react-router-dom';
+import Chatrooms from './components/Chatrooms.jsx';
+import Chatroom from './components/Chatroom.jsx';
+import styles from './styles.css';
+import Children from "./Children.jex";
+
+const URL = "http://google.com";
+const NUMBER = 10;
+function FUNC() {
+    console.log('func');
+}
+const FUNCTWO = () => {
+    return 2;
+}
+
+export async function getStaticProps() {
+    const allPostsData = 'function';
+    return {
+        props: {
+            allPostsData
+        }
+    }
+}
+
+const App = (props) => {
+    const socket = io();
+
+    return (
+        <div>
+            {/* <button onClick={useRouter}></button> */}
+            {/* <Chatroom name={'Brian'} otherProp={500}/> */}
+            {/* <Chatrooms name={'Mike'} otherProp={600}/> */}
+            <Link href="/dogs"><a>click me for dogs</a></Link>
+            <Children name={'Brian'} otherProp={500}/>
+            <Children name={'David'} otherProp={300}/>
+            <Children name={'Nico'} otherProp={100}/>
+            <Children name={'Alex'} otherProp={400}/>
+            <Children name={'Mike'} otherProp={600}/>
+            <Comp />
+            <button>HTML Button</button>
+        </div>
+    )
+};
+
+export default {App, URL};

nexus/out/parser/App.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import Nested from './Nested.jsx';
+
+const Children = (props) => {
+  return (
+      <div>
+        <Nested />
+      </div>
+  )
+};
+
+export default Children;

nexus/out/parser/Children.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const Nested = (props) => {
+  return (
+      <div>
+        <h1></h1>
+        <p></p>
+      </div>
+  )
+};
+
+export default Nested;