create-chayns-app 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-chayns-app",
-    "version": "1.2.0",
+    "version": "1.2.2",
     "private": false,
     "description": "Create a new chayns® development project in one command.",
     "keywords": [

package/templates/page/src/index.jsx

@@ -1,15 +1,16 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './components/App';
 
-chayns.ready
-    .then(() => {
-        try {
-            ReactDOM.render(<App />, document.querySelector('#root'));
-        } catch (e) {
-            console.error('Encountered error at `ReactDOM.render`: ', e);
-        }
-    })
-    .catch((error) => {
-        console.warn('No chayns environment found.', error);
-    });
+try {
+    await chayns.ready;
+} catch (ex) {
+    console.warn('No chayns environment found.', ex);
+}
+
+try {
+    const root = createRoot(document.querySelector('#root'));
+    root.render(<App />);
+} catch (ex) {
+    console.error('Encountered error at `ReactDOM.render`: ', ex);
+}

package/templates/page/toolkit.config.js

@@ -0,0 +1,18 @@
+const { buildToolkitConfig } = require('chayns-toolkit');
+
+module.exports = buildToolkitConfig({
+    development: {
+        host: '0.0.0.0',
+        port: process.env.PORT || 8080,
+    },
+    output: {
+        entryPoints: {
+            index: {
+                pathIndex: './src/index',
+                pathHtml: './src/index.html',
+            },
+            // Add more entrypoints here
+        },
+        cssVersion: '4.2',
+    },
+});