create-chayns-app 1.2.13 → 1.3.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-chayns-app",
-    "version": "1.2.13",
+    "version": "1.3.0-beta.1",
     "private": false,
     "description": "Create a new chayns® development project in one command.",
     "keywords": [
@@ -43,17 +43,17 @@
         "start": "node src/index.js"
     },
     "devDependencies": {
-        "@eslint/js": "^9.39.4",
+        "@eslint/js": "^9.39.5",
         "chalk": "^5.6.2",
         "commander": "^14.0.3",
         "enquirer": "^2.4.1",
-        "esbuild": "^0.27.4",
-        "eslint": "^9.39.4",
+        "esbuild": "^0.28.1",
+        "eslint": "^9.39.5",
         "execa": "^9.6.1",
         "fast-glob": "^3.3.3",
         "is-npm": "^6.1.0",
-        "ora": "^9.3.0",
-        "prettier": "^3.8.1",
+        "ora": "^9.4.1",
+        "prettier": "^3.9.6",
         "prettier-plugin-packagejson": "^3.0.2",
         "validate-npm-package-name": "^7.0.2"
     },

package/templates/api-v5/page/src/{index.jsx → bootstrap.jsx}

@@ -1,7 +1,6 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import AppWrapper from './components/AppWrapper';
-{{ logger-import }}
+
 try {
     const root = createRoot(document.querySelector('#root'));
     root.render(<AppWrapper />);

package/templates/api-v5/page/src/components/App.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useSite } from 'chayns-api';
 
 const App = () => {

package/templates/api-v5/page/src/components/AppWrapper.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ChaynsProvider } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';
 import App from './App';

package/templates/api-v5/page/src/index.js

@@ -0,0 +1,2 @@
+{{ logger-import }}
+void import('./bootstrap');

package/templates/api-v5/page-module/src/components/App.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { WaitUntil } from 'chayns-api';
 import { SmallWaitCursor } from '@chayns-components/core';
 import './app.scss';

package/templates/api-v5/page-module/src/components/AppWrapper.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ChaynsProvider, withCompatMode } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';
 import App from './App';

package/templates/api-v5/page-module-redux/src/components/App.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { WaitUntil } from 'chayns-api';
 import { SmallWaitCursor } from '@chayns-components/core';
 import { useSelector } from 'react-redux';

package/templates/api-v5/page-module-redux/src/components/AppWrapper.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Provider } from 'react-redux';
 import { ChaynsProvider, withCompatMode } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';

package/templates/api-v5/page-redux/src/{index.jsx → bootstrap.jsx}

@@ -1,7 +1,6 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import AppWrapper from './components/AppWrapper';
-{{ logger-import }}
+
 try {
     const root = createRoot(document.querySelector('#root'));
     root.render(<AppWrapper />);

package/templates/api-v5/page-redux/src/components/App.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const App = () => {
     return <h1>Hi! Welcome to your newly created chayns application!</h1>;
 };

package/templates/api-v5/page-redux/src/components/AppWrapper.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Provider } from 'react-redux';
 import { ChaynsProvider } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';

package/templates/api-v5/page-redux/src/index.js

@@ -0,0 +1,2 @@
+{{ logger-import }}
+void import('./bootstrap');

package/templates/api-v5/page-ts/src/{index.tsx → bootstrap.tsx}

@@ -1,7 +1,6 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import AppWrapper from './components/AppWrapper';
-{{ logger-import }}
+
 try {
     const root = createRoot(document.querySelector('#root') as Element);
     root.render(<AppWrapper />);

package/templates/api-v5/page-ts/src/components/App.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const App = () => {
     return <h1>Hello World! Welcome to your newly created chayns application!</h1>;
 };

package/templates/api-v5/page-ts/src/components/AppWrapper.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ChaynsProvider } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';
 import App from './App';

package/templates/api-v5/page-ts/src/index.ts

@@ -0,0 +1,2 @@
+{{ logger-import }}
+void import('./bootstrap');

package/templates/api-v5/page-ts-module/src/components/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { WaitUntil } from 'chayns-api';
 import { SmallWaitCursor } from '@chayns-components/core';
 import './app.scss';

package/templates/api-v5/page-ts-module/src/components/AppWrapper.tsx

@@ -1,9 +1,8 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { ChaynsProvider, withCompatMode } from 'chayns-api';
+import { ChaynsProvider, type ChaynsProviderProps, withCompatMode } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';
 import App from './App';
 
-const AppWrapper = (props: ComponentPropsWithoutRef<typeof ChaynsProvider>) => (
+const AppWrapper = (props: ChaynsProviderProps) => (
     <div className="{{ package-name-underscore }}">
         <ChaynsProvider {...props}>
             <PageProvider>

package/templates/api-v5/page-ts-module-redux/src/components/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { WaitUntil } from 'chayns-api';
 import { SmallWaitCursor } from '@chayns-components/core';
 import { useSelector } from 'react-redux';

package/templates/api-v5/page-ts-module-redux/src/components/AppWrapper.tsx

@@ -1,11 +1,10 @@
-import React, { ComponentPropsWithoutRef } from 'react';
 import { Provider } from 'react-redux';
-import { ChaynsProvider, withCompatMode } from 'chayns-api';
+import { ChaynsProvider, type ChaynsProviderProps, withCompatMode } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';
 import App from './App';
 import store from '../redux-modules';
 
-const AppWrapper = (props: ComponentPropsWithoutRef<typeof ChaynsProvider>) => (
+const AppWrapper = (props: ChaynsProviderProps) => (
     <div className="{{ package-name-underscore }}">
         <ChaynsProvider {...props}>
             <Provider store={store}>

package/templates/api-v5/page-ts-redux/src/{index.tsx → bootstrap.tsx}

@@ -1,7 +1,6 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import AppWrapper from './components/AppWrapper';
-{{ logger-import }}
+
 try {
     const root = createRoot(document.querySelector('#root') as Element);
     root.render(<AppWrapper />);

package/templates/api-v5/page-ts-redux/src/components/App.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const App = () => {
     return <h1>Hi! Welcome to your newly created chayns application!</h1>;
 };

package/templates/api-v5/page-ts-redux/src/components/AppWrapper.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Provider } from 'react-redux';
 import { ChaynsProvider } from 'chayns-api';
 import { PageProvider } from '@chayns-components/core';

package/templates/api-v5/page-ts-redux/src/index.ts

@@ -0,0 +1,2 @@
+{{ logger-import }}
+void import('./bootstrap');

package/templates/api-v5/shared/toolkit.config-module.mjs

@@ -11,5 +11,7 @@ export default buildToolkitConfig({
         },
         cssVersion: '5.0',
         prefixCss: true,
+        reactRuntime: 'automatic',
+        reactCompiler: true,
     },
 });

package/templates/api-v5/shared/toolkit.config.mjs

@@ -14,5 +14,7 @@ export default buildToolkitConfig({
             // Add more entrypoints here
         },
         cssVersion: '5.0',
+        reactRuntime: 'automatic',
+        reactCompiler: true,
     },
 });

package/templates/api-v5/shared/ts/tsconfig.json

@@ -2,18 +2,19 @@
     "compilerOptions": {
         "allowJs": true,
         "allowSyntheticDefaultImports": true,
-        "baseUrl": "src",
         "checkJs": false,
         "esModuleInterop": true,
         "experimentalDecorators": true,
         "isolatedModules": true,
-        "jsx": "react",
+        "jsx": "react-jsx",
         "lib": ["DOM", "ESNext"],
-        "moduleResolution": "Node",
+        "module": "Preserve",
+        "moduleResolution": "Bundler",
         "target": "ES2020",
         "noEmit": true,
         "resolveJsonModule": true,
         "skipLibCheck": true,
-        "strict": true
+        "strict": true,
+        "verbatimModuleSyntax": true
     }
 }

package/templates/page/src/components/App.jsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const App = () => {
     return <h1>Hi! Welcome to your newly created chayns application!</h1>;
 };

package/templates/page/src/index.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './components/App';