diff --git a/app/srcbak/App.css b/app/srcbak/App.css deleted file mode 100644 index 595c765..0000000 --- a/app/srcbak/App.css +++ /dev/null @@ -1,8 +0,0 @@ -body { - font-family: Arial; - margin: 0; -} - -h1 { - margin: 10px; -} diff --git a/app/srcbak/App.hx b/app/srcbak/App.hx deleted file mode 100644 index f07af47..0000000 --- a/app/srcbak/App.hx +++ /dev/null @@ -1,33 +0,0 @@ -import react.ReactMacro.jsx; -import Webpack.*; -import Root; - - -class App { - static var STYLES = require('./App.css'); - - static public function main() { - new App(); - } - - public function new() { - var root = createRoot(); - - var rootComponent = react.ReactDOM.render(jsx(' - - '), root); - - #if debug - ReactHMR.autoRefresh(rootComponent); - #end - } - - function createRoot() { - var current = js.Browser.document.getElementById('root'); - if (current != null) return current; - current = Dom.div(); - current.id = 'root'; - Dom.body().appendChild(current); - return current; - } -} diff --git a/app/srcbak/Dom.hx b/app/srcbak/Dom.hx deleted file mode 100644 index 9585552..0000000 --- a/app/srcbak/Dom.hx +++ /dev/null @@ -1,16 +0,0 @@ -class Dom { - static var TEMP = js.Browser.document.createDivElement(); - - inline static public function div() { - return js.Browser.document.createDivElement(); - } - - inline static public function html(html: String) { - TEMP.innerHTML = html; - return TEMP.firstElementChild; - } - - inline static public function body() { - return js.Browser.document.body; - } -} diff --git a/app/srcbak/Root.hx b/app/srcbak/Root.hx deleted file mode 100644 index 3f58418..0000000 --- a/app/srcbak/Root.hx +++ /dev/null @@ -1,53 +0,0 @@ -import com.Foo; -import components.Header; -import react.ReactMacro.jsx; -import react.ReactComponent; -import react.router.Route; - -typedef RootState = { - route: String, - ?component: react.React.CreateElementType -} - -class Root extends react.ReactComponentOfState { - - public function new() { - super(); - state = { route:'' }; - } - - override function componentDidMount() { - switch (state.route) { - default: - Webpack.load(Foo).then(function(_) { - setState(cast { component:Foo }); - }); - } - } - function yeet(){ - //state.route="yeet"; - //trace(this.props.location.pathname); - trace(state); - } - - override function render() { - return jsx(' -
-
-

Hello Haxe + Webpack + React

- ${renderContent()} -
- '); - } - - function renderContent() { - if (state.component == null) - return jsx(' - Loading... - '); - else - return jsx(' - - '); - } -} diff --git a/app/srcbak/bundles/MyBundle.hx b/app/srcbak/bundles/MyBundle.hx deleted file mode 100644 index 24ed933..0000000 --- a/app/srcbak/bundles/MyBundle.hx +++ /dev/null @@ -1,12 +0,0 @@ -import react.ReactComponent; -import react.router.Route.RouteRenderProps; - -@:expose('default') -class MyBundle extends ReactComponentOfProps { - // If you want to execute code when this bundle is _first_ loaded: - public static function onLoad() { - // ... - } - - // ... -} \ No newline at end of file diff --git a/app/srcbak/com/Foo.css b/app/srcbak/com/Foo.css deleted file mode 100644 index 2bce033..0000000 --- a/app/srcbak/com/Foo.css +++ /dev/null @@ -1,14 +0,0 @@ -.foo { - margin: 10px; - padding: 10px; - background: #eee; -} - -.foo .yeah { - margin-top: 20px; -} - -.foo .yeah p { - margin: 0; - border-bottom: solid 1px red; -} \ No newline at end of file diff --git a/app/srcbak/com/Foo.hx b/app/srcbak/com/Foo.hx deleted file mode 100644 index d8d7ea4..0000000 --- a/app/srcbak/com/Foo.hx +++ /dev/null @@ -1,27 +0,0 @@ -package com; - -import react.ReactComponent; -import react.ReactMacro.jsx; -import Webpack.*; - -class Foo extends ReactComponent { - - static var STYLES = require('./Foo.css'); - static var IMG = require('./bug.png'); - static var CONFIG = require('../config.json'); - - public function yeet(){ - trace(state); - } - - override function render() { - return jsx(' -
- ${CONFIG.hello}! -

${CONFIG.yeet}!

-
- Let\'s do some HRM guys
-
- '); - } -} diff --git a/app/srcbak/com/Foo2.hx b/app/srcbak/com/Foo2.hx deleted file mode 100644 index 60006e6..0000000 --- a/app/srcbak/com/Foo2.hx +++ /dev/null @@ -1,23 +0,0 @@ -package com; - -import react.ReactComponent; -import react.ReactMacro.jsx; -import Webpack.*; - -class Foo2 extends ReactComponent { - - static var STYLES = require('./Foo.css'); - static var IMG = require('./bug.png'); - static var CONFIG = require('../config.json'); - - - override function render() { - return jsx(' -
- ${CONFIG.hello}! -
- Let\'s do some HRM guys
-
- '); - } -} diff --git a/app/srcbak/com/bug.png b/app/srcbak/com/bug.png deleted file mode 100644 index 2d5fb90..0000000 Binary files a/app/srcbak/com/bug.png and /dev/null differ diff --git a/app/srcbak/components/Header.css b/app/srcbak/components/Header.css deleted file mode 100644 index e69de29..0000000 diff --git a/app/srcbak/components/Header.hx b/app/srcbak/components/Header.hx deleted file mode 100644 index e8b8963..0000000 --- a/app/srcbak/components/Header.hx +++ /dev/null @@ -1,20 +0,0 @@ -package components; - -import react.ReactMacro.jsx; -import react.ReactComponent; -import Webpack.*; - -class Header extends ReactComponent{ - static var STYLES = require('./Header.css'); - public function yeet(){ - trace(props); - props.foo(); - } - override function render() { - return jsx(' -
- -
- '); - } -} \ No newline at end of file diff --git a/app/srcbak/config.json b/app/srcbak/config.json deleted file mode 100644 index bc5024e..0000000 --- a/app/srcbak/config.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "hello": "This is an asynchronous module" , - "yeet": "yote" -}