updating website and build

Author: cblanquera

build.ts

@@ -4,42 +4,47 @@ import path from 'node:path';
 import unocss from 'unocss/vite';
 //stackpress
 import { server as http } from 'stackpress/http';
+import { CLIENT_TEMPLATE, PAGE_TEMPLATE } from 'stackpress/view';
 //config
 import type { Config } from './common.js';
 import * as common from './common.js';
 
 export const config: Config = {
   server: {
     ...common.server,
-    mode: 'production'
+    mode: 'production',
+    //where to store the build files
+    build: common.build
   },
   view: {
     ...common.view,
     //reactus specific settings
     engine: {
       //path where to save assets (css, images, etc)
-      assetPath: path.join(common.docs, 'assets'),
+      assetPath: path.join(common.assets, 'assets'),
       //path where to save the client scripts (js)
-      clientPath: path.join(common.docs, 'client'),
-      //path where to save the server scripts (js)
-      pagePath: path.join(common.build, 'pages'),
+      clientPath: path.join(common.assets, 'client'),
+      //template wrapper for the client script (tsx)
+      clientTemplate: CLIENT_TEMPLATE,
       //filepath to a global css file
       cssFiles: [ 
         'frui/frui.css', 
         'stackpress/stackpress.css', 
         'virtual:uno.css' 
       ],
+      //path where to save and load (live) the server script (js)
+      pagePath: path.join(common.cwd, '.build/views'),
+      //template wrapper for the page script (tsx)
+      pageTemplate: PAGE_TEMPLATE,
       //vite plugins
       plugins: [ unocss() ],
       //original vite options (overrides other settings related to vite)
       vite: undefined
     }
   },
   brand: common.brand,
-  cli: common.cli,
-  cookie: common.cookie,
   language: common.language,
-  session: common.session
+  terminal: common.terminal
 };
 
 export default async function bootstrap() {

config/build.ts

@@ -1,57 +1,24 @@
 //node
 import path from 'node:path';
-
+//modules
+import type { ToastPosition } from 'react-toastify';
+//types
 export type { Config } from 'stackpress/types';
-
+//pathnames
 export const cwd = process.cwd();
 export const docs = path.join(cwd, 'docs');
 export const build = path.join(cwd, '.build');
 export const assets = path.join(cwd, 'public');
+export const modules = path.join(cwd, 'node_modules');
 
+//common config
 export const brand = {
   name: 'Stackpress',
   logo: '/logo.png',
   icon: '/icon.png',
   favicon: '/favicon.ico'
 };
 
-export const server = {
-  port: 3000,
-  cwd: cwd
-};
-
-export const view = {
-  //url flag (ie. ?json) used to disable template 
-  //rendering and show the raw json data instead
-  noview: 'json',
-  //used by vite and in development mode
-  //to determine the root of the project
-  base: '/',
-  //frontend notification display settings
-  notify: {
-    position: 'bottom-center',
-    autoClose: 1000,
-    hideProgressBar: false,
-    closeOnClick: true,
-    pauseOnHover: true,
-    draggable: true,
-    theme: 'dark',
-  }
-};
-
-export const session = {
-  //name of the session cookie
-  key: 'session',
-  //used to generate the session id
-  seed: 'abc123',
-  access: { GUEST: [ { method: 'ALL', route: '/**' } ] }
-};
-
-export const cookie = { 
-  //see: https://github.com/jshttp/cookie?tab=readme-ov-file#options-1
-  path: '/' 
-};
-
 export const language = {
   //url flag (ie. ?json) used to change the user's locale
   //this is also the name of the cookie used to store the locale
@@ -77,7 +44,32 @@ export const language = {
   }
 };
 
-export const cli = {
+export const server = {
+  host: '127.0.0.1',
+  port: 3000,
+  cwd: cwd
+};
+
+export const terminal = {
   label: '[WWW]',
   idea: path.join(cwd, 'schema.idea')
-};
+};
+
+export const view = {
+  //url flag (ie. ?json) used to disable template 
+  //rendering and show the raw json data instead
+  noview: 'json',
+  //used by vite and in development mode
+  //to determine the root of the project
+  base: '/',
+  //frontend notification display settings
+  notify: {
+    position: 'bottom-center' as ToastPosition,
+    autoClose: 5000,
+    hideProgressBar: false,
+    closeOnClick: true,
+    pauseOnHover: true,
+    draggable: true,
+    theme: 'dark',
+  }
+};

config/common.ts

@@ -2,14 +2,17 @@
 import unocss from 'unocss/vite';
 //stackpress
 import { server as http } from 'stackpress/http';
+import { CLIENT_TEMPLATE, DOCUMENT_TEMPLATE } from 'stackpress/view';
 //config
 import type { Config } from './common.js';
 import * as common from './common.js';
 
 export const config: Config = {
   server: {
     ...common.server,
-    mode: 'development'
+    mode: 'development',
+    //where to store the build files
+    build: common.build
   },
   view: {
     ...common.view,
@@ -22,21 +25,30 @@ export const config: Config = {
       //<script type="module" src="/client/[id][extname]"></script>
       //<script type="module" src="/client/abc123.tsx"></script>
       clientRoute: '/client',
+      //template wrapper for the client script (tsx)
+      clientTemplate: CLIENT_TEMPLATE,
       //filepath to a global css file
       cssFiles: [ 
         'frui/frui.css', 
         'stackpress/stackpress.css', 
         'virtual:uno.css' 
       ],
+      optimizeDeps: { 
+        include: [ 'react-dom/client' ] 
+      },
+      //template wrapper for the document markup (html)
+      documentTemplate: DOCUMENT_TEMPLATE,
       //vite plugins
-      plugins: [ unocss() ]
+      plugins: [ unocss() ],
+      //original vite options (overrides other settings related to vite)
+      vite: undefined,
+      //ignore files in watch mode
+      watchIgnore: []
     }
   },
   brand: common.brand,
-  cli: common.cli,
-  cookie: common.cookie,
   language: common.language,
-  session: common.session
+  terminal: common.terminal
 };
 
 export default async function bootstrap() {