added NestJS example 1d

examples/with-nest/README.md

@@ -0,0 +1,79 @@
+<p align="center">
+  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
+</p>
+
+[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
+[circleci-url]: https://circleci.com/gh/nestjs/nest
+
+  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
+    <p align="center">
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
+<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
+<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
+<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
+<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
+  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg" alt="Donate us"/></a>
+    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
+  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow" alt="Follow us on Twitter"></a>
+</p>
+  <!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
+  [![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->
+
+## Description
+
+[Nest](https://github.com/nestjs/nest) framework with Reactus and React.
+
+## Project setup
+
+```bash
+$ yarn
+```
+
+## Compile and run the project
+
+```bash
+# development
+$ yarn start
+
+# watch mode (nest start --watch)
+$ yarn start:dev
+
+# production mode
+$ yarn start:prod
+```
+
+## Run tests
+
+```bash
+# unit tests
+$ yarn test
+```
+
+## Resources
+
+Check out a few resources that may come in handy when working with NestJS:
+
+- Visit the [NestJS Documentation](https://docs.nestjs.com) to learn more about the framework.
+- For questions and support, please visit our [Discord channel](https://discord.gg/G7Qnnhy).
+- To dive deeper and get more hands-on experience, check out our official video [courses](https://courses.nestjs.com/).
+- Deploy your application to AWS with the help of [NestJS Mau](https://mau.nestjs.com) in just a few clicks.
+- Visualize your application graph and interact with the NestJS application in real-time using [NestJS Devtools](https://devtools.nestjs.com).
+- Need help with your project (part-time to full-time)? Check out our official [enterprise support](https://enterprise.nestjs.com).
+- To stay in the loop and get updates, follow us on [X](https://x.com/nestframework) and [LinkedIn](https://linkedin.com/company/nestjs).
+- Looking for a job, or have a job to offer? Check out our official [Jobs board](https://jobs.nestjs.com).
+
+## Support
+
+Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
+
+## Stay in touch
+
+- Author - [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
+- Website - [https://nestjs.com](https://nestjs.com/)
+- Twitter - [@nestframework](https://twitter.com/nestframework)
+
+## License
+
+Nest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).

examples/with-nest/components/Edit.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function Edit({ name }: { name: string }) {
+    return (
+      <p className="py-4">
+        Edit <code>pages/{name}.tsx</code> and save to test HMR
+      </p>
+    )
+  }

examples/with-nest/jest.config.mjs

@@ -0,0 +1,11 @@
+export default {
+  preset: 'ts-jest/presets/default-esm',
+  testEnvironment: 'node',
+  extensionsToTreatAsEsm: ['.ts'],
+  transform: {
+    '^.+\\.ts$': ['ts-jest', { useESM: true }]
+  },
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1'
+  }
+};

examples/with-nest/nest-cli.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/nest-cli",
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src",
+  "compilerOptions": {
+    "deleteOutDir": true
+  }
+}

examples/with-nest/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "reactus-with-nest",
+  "version": "1.0.0",
+  "private": true,
+  "license": "UNLICENSED",
+  "type": "module",
+  "scripts": {
+    "build": "tsx scripts/build.ts",
+    "start": "nest start",
+    "start:dev": "nest start --watch",
+    "start:debug": "nest start --debug --watch",
+    "start:prod": "NODE_ENV=production nest start --prod",
+    "test": "jest --config jest.config.mjs",
+    "test:watch": "jest --watch",
+    "test:cov": "jest --coverage",
+    "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
+    "test:e2e": "jest --config ./test/jest-e2e.json"
+  },
+  "dependencies": {
+    "@nestjs/common": "^11.0.1",
+    "@nestjs/core": "^11.0.1",
+    "@nestjs/platform-express": "^11.0.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "reactus": "^0.2.10",
+    "reflect-metadata": "^0.2.2",
+    "rxjs": "^7.8.1"
+  },
+  "devDependencies": {
+    "@nestjs/cli": "^11.0.0",
+    "@nestjs/schematics": "^11.0.0",
+    "@nestjs/testing": "^11.0.1",
+    "@swc/cli": "^0.6.0",
+    "@swc/core": "^1.10.7",
+    "@types/express": "^5.0.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.15.3",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
+    "@types/supertest": "^6.0.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "globals": "^16.0.0",
+    "jest": "^29.7.0",
+    "source-map-support": "^0.5.21",
+    "supertest": "^7.0.0",
+    "ts-jest": "^29.2.5",
+    "ts-loader": "^9.5.2",
+    "ts-node": "^10.9.2",
+    "tsconfig-paths": "^4.2.0",
+    "tsx": "^4.19.4",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.4"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts"
+    ],
+    "rootDir": "src",
+    "testRegex": ".*\\.spec\\.ts$",
+    "transform": {
+      "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "collectCoverageFrom": [
+      "**/*.(t|j)s"
+    ],
+    "coverageDirectory": "../coverage",
+    "testEnvironment": "node"
+  }
+}

examples/with-nest/pages/about.tsx

@@ -0,0 +1,29 @@
+import './page.css';
+import React from 'react';
+import Edit from '../components/Edit.js';
+
+export function Head({ styles = [] }: { styles?: string[] }) {
+  return (
+    <>
+      <title>About Reactus</title>
+      <meta name="description" content="About Reactus" />
+      <link rel="icon" type="image/svg+xml" href="/react.svg" />
+      <link rel="stylesheet" type="text/css" href="/global.css" />
+      {styles.map((href, index) => (
+        <link key={index} rel="stylesheet" type="text/css" href={href} />
+      ))}
+    </>
+  )
+}
+
+export default function AboutPage() {
+  return (
+    <>
+      <h1 className="uppercase">About Reactus</h1>
+      <div className="p-4">
+        <Edit name="about" />
+        <a href="/">Home Page</a>
+      </div>
+    </>
+  )
+}

examples/with-nest/pages/home.tsx

@@ -0,0 +1,34 @@
+import './page.css';
+import React, { useState } from 'react';
+import Edit from '../components/Edit.js';
+
+export function Head({ styles = [] }: { styles?: string[] }) {
+  return (
+    <>
+      <title>Reactus</title>
+      <meta name="description" content="Reactus" />
+      <link rel="icon" type="image/svg+xml" href="/react.svg" />
+      <link rel="stylesheet" type="text/css" href="/global.css" />
+      {styles.map((href, index) => (
+        <link key={index} rel="stylesheet" type="text/css" href={href} />
+      ))}
+    </>
+  )
+}
+
+export default function HomePage() {
+  const [count, setCount] = useState(0)
+
+  return (
+    <>
+      <h1>React + Reactus with NestJS!</h1>
+      <div className="p-4">
+        <button className="text-reactus" onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
+        <Edit name="about" />
+        <a href="/about">About Reactus</a>
+      </div>
+    </>
+  )
+}

examples/with-nest/pages/page.css

@@ -0,0 +1,7 @@
+:root { display: initial; }
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}

examples/with-nest/public/global.css

@@ -0,0 +1,70 @@
+:root {
+  display: none;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

examples/with-nest/scripts/build.ts

@@ -0,0 +1,41 @@
+//node
+import path from 'node:path';
+//reactus
+import { build } from 'reactus';
+
+async function builder() {
+  const cwd = process.cwd();
+  const engine = build({
+    cwd,
+    //path where to save assets (css, images, etc)
+    assetPath: path.join(cwd, 'public/assets'),
+    //path where to save and load (live) the client scripts (js)
+    clientPath: path.join(cwd, 'public/client'),
+    //path where to save and load (live) the server script (js)
+    pagePath: path.join(cwd, '.build/pages')
+  });
+
+  await engine.set('@/pages/home');
+  await engine.set('@/pages/about');
+
+  const responses = [
+    ...await engine.buildAllClients(),
+    ...await engine.buildAllAssets(),
+    ...await engine.buildAllPages()
+  ].map(response => {
+    const results = response.results;
+    if (typeof results?.contents === 'string') {
+      results.contents = results.contents.substring(0, 100) + ' ...';
+    }
+    return results;
+  });
+
+  //console.log(responses);
+  //fix for unused variable :)
+  if (responses.length) return;
+}
+
+builder().catch(e => {
+  console.error(e);
+  process.exit(1);
+});