@zikojs/server 0.1.0 → 0.4.0

package/src/code-splitter/directives.js

@@ -1,5 +0,0 @@
-export const define_derictives=()=>{
-    globalThis.use_server_only = Symbol('use-server-only');
-    globalThis.use_server_only_end = Symbol('use-server-only-end');
-    globalThis.use_client_only = Symbol('use-client-only-end')
-}

package/src/code-splitter/index.js

@@ -1 +0,0 @@
-export * from './directives.js'

package/src/config/index.js

@@ -1,13 +0,0 @@
-import { defineConfig as defineViteConfig } from "vite";
-import { vite_setup } from "../vite/index.js";
-export function defineConfig({ outDir = "dist" } = {}) {
-  return defineViteConfig(({ command, mode }) => {
-    const base_config = vite_setup({
-      outDir,
-      mode,
-    });
-    base_config.plugins = base_config.plugins || [];
-    base_config.aaa = 10
-    return base_config;
-  });
-}

package/src/count.sh

@@ -1,9 +0,0 @@
-#!/bin/bash
-
-# Count total lines in all .js and .ts files, excluding dist and node_modules
-total_lines=$(find . -type f \( -name "*.js" -o -name "*.ts" \) \
-  -not -path "*/node_modules/*" \
-  -not -path "*/dist/*" \
-  -exec wc -l {} + | awk '{total += $1} END {print total}')
-
-echo "Total JS + TS lines: $total_lines"

package/src/entry-client/index.js

@@ -1,45 +0,0 @@
-import {
-    normalize_path,
-    routesMatcher,
-    dynamicRoutesParser,
-    isDynamic,
-  } from "../utils/index.js";
-
-export function EntryClient({ base = '', pages } = {}) {
-  
-  if (import.meta.env.DEV) pages = import.meta.glob("/src/pages/**/*{.js,.mdz}");
-  pages = import.meta.glob("/src/pages/**/*{.js,.mdz}");
-  addEventListener("load", async () => {
-    const data = JSON.parse(document.head.querySelector('script#ziko-data')?.textContent ?? "{}")
-    globalThis.Ziko = data;
-    const root = "./pages/";
-    async function hydrate(path) {
-      if (path.endsWith("/")) path = path.slice(0, -1);
-      const matchEntry = Object.entries(pages).find(([route]) =>
-        routesMatcher(normalize_path(route, root), `/${path}`)
-      );
-      if (!matchEntry) return; 
-
-      const [mask, moduleImport] = matchEntry;
-
-      const module = await moduleImport();
-      let UIElement;
-
-      if (isDynamic(mask)) {
-        const params = dynamicRoutesParser(mask, `/${path}`);
-        UIElement = await module.default(params);
-      } else {
-        UIElement = await module.default();
-      }
-
-      UIElement.unmount();
-
-      const elementsToHydrate = [...document.querySelectorAll('[data-hydration-index]')];
-      elementsToHydrate.forEach(el => {
-        el.replaceWith(__Ziko__.__HYDRATION__.store.get(+el.dataset.hydrationIndex)().element);
-      });
-    }
-
-    hydrate(location.pathname.slice(1));
-  });
-}

package/src/entry-server/index.js

@@ -1,39 +0,0 @@
-import { 
-  renderToString,
-  globImports,
-  readFiles, 
-} from "../server-only-utils/index.js";
-
-import { 
-  routesMatcher,
-  dynamicRoutesParser,
-  isDynamic
-} from "../utils/routes-matcher.js";
-
-export function EntryServer() {
-  return async function render(path, req, res) {
-    if(path.endsWith("/")) path = path.slice(0, -1);
-    // const all_files = await readFiles()
-    const pairs = await globImports("./src/pages/**/*{.js,.mdz}")
-
-    let [mask, module] = Object.entries(pairs).find(([route]) => routesMatcher(route, `/${path}`));
-    let UIElement, ui, params;
-    if (isDynamic(mask)) params = dynamicRoutesParser(mask, `/${path}`);
-    const {Component, GET, POST, DELETE, UPDATE, head, prerender} = await module
-    if(Component){
-      UIElement = params ? await Component.call(this, params) : await Component();
-      ui = renderToString(UIElement);
-    }
-
-    return {
-      head,
-      ui,
-      prerender,
-      hydration_map : __Ziko__.__HYDRATION__,
-      GET,
-      POST,
-      DELETE,
-      UPDATE,
-    };
-  };
-}

package/src/prerender/index.js

@@ -1,63 +0,0 @@
-import { 
-  globImports,
-  renderToString,
-  writeToDist,
-  ManifestParser,
-  resolveStaticRoutes,
- } from "ziko-server/server-only-utils";
-
-import { routesGrouper } from "../utils/routes-matcher.js";
-
-const StaticRoutesMap = {
-    "/blog/[...slug]":[
-        { slug : 1 },
-        { slug : 2 },
-        { slug : 3 }
-    ],
-    "/bb/[lang]/dd/[id]":[
-        { lang : "en", id : 1},
-        { lang : "en", id : 2},
-        { lang : "en", id : 3},
-        { lang : "fr", id : 1},
-        { lang : "fr", id : 2},
-        { lang : "fr", id : 3}
-    ]
-}
-
-
-
-async function prerender({outDir = 'dist'} = "") {
-    const PRERENDERED_ROUTES = []
-    const pages = await globImports("./src/pages/**/*{.js,.ts,.mdz}") 
-    const StaticPages = await resolveStaticRoutes(pages, StaticRoutesMap)
-
-    const grouped = routesGrouper(pages)
-
-    const Manifest = new ManifestParser(`${outDir}/.client/.vite/manifest.json`)
-    for(let route in grouped.static){
-        const Page = grouped.static[route];
-        const {Component, head} = Page
-        if(Component){
-          const res = await Component();
-          const ui = renderToString(res)
-          PRERENDERED_ROUTES.push(route)
-          writeToDist({route, ui, head, entry_client_path : Manifest.EntryClientFile, outDir})
-        }
-    }
-    for(let route in StaticPages){
-        const Page = StaticPages[route];
-        const {Component, head} = Page
-        if(Component){
-          const res = await Component();
-          const ui = renderToString(res)
-          PRERENDERED_ROUTES.push(route)
-        //   console.log({hi :__Ziko__.__HYDRATION__.store, route})
-        //   __Ziko__.__HYDRATION__.reset()
-          writeToDist({route, ui, head, entry_client_path : Manifest.EntryClientFile, outDir})
-        }
-        // console.log(PRERENDERED_ROUTES)
-    }
-}
-
-
-export { prerender }

package/src/server/api-handler.js

@@ -1,22 +0,0 @@
-export async function API_HANDLER(fn, req, res) {
-  const result = await fn(req, res);
-
-  if (result instanceof Response) {
-    const body = await result.text();
-    res
-      .status(result.status || 200)
-      .set(Object.fromEntries(result.headers.entries()))
-      .send(body);
-    return;
-  }
-  if (typeof result === "object" && result !== null) {
-    res.json(result);
-    return;
-  }
-  if (["string", "number", "boolean"].includes(typeof result)) {
-    res.send(String(result));
-    return;
-  }
-  if (result === undefined) return;
-  res.status(500).send("Unsupported response type");
-}

package/src/server/dev-server.js

@@ -1,21 +0,0 @@
-export const dev_server = async (app, base)=>{
-    const { createServer } = await import("vite");
-    let vite = await createServer({
-      server: { middlewareMode: true },
-      appType: "custom",
-      base,
-    });
-    app.use(vite.middlewares);
-    return vite
-}
-
-// import {join} from 'path'
-// export const prod_server = async (app, base, baseDir)=>{
-//   const compression = (await import("compression")).default;
-//   const sirv = (await import("sirv")).default;
-//   app.use(compression());
-//   app.use(
-//     base,
-//     sirv(join(baseDir, "./dist/.client"), { extensions: [] }),
-//   );
-// }

package/src/server/response.js

@@ -1,6 +0,0 @@
-// type ? : ssr | ssg | json
-// env ? : Dev | Prod 
-// 
-const response=(type, data)=>{
-
-}

package/src/server/setup-middleware.js

@@ -1,21 +0,0 @@
-// import { join } from 'path';
-// import { pathToFileURL } from 'url';
-// const ziko_config_path = pathToFileURL(join(process.cwd(), 'ziko.config.js')).href;
-
-export function SetupMiddleware(req, res, next) {
-    const protocol = req.protocol || (req.connection.encrypted ? 'https' : 'http');
-    const host = req.headers.host;
-    const origin = `${protocol}://${host}`
-    globalThis.Ziko = {
-      engine: 'zikojs',
-      isProd : process.env.NODE_ENV === "production",
-      url : req.url,
-      protocol,
-      host,
-      origin,
-      locals: {},   
-    };
-    if(globalThis?.__Ziko__) __Ziko__.__HYDRATION__.reset();
-  Object.assign(req, {Ziko})
-  next();
-}

package/src/server-only-utils/glob-imports.js

@@ -1,47 +0,0 @@
-import fg from 'fast-glob';
-import path from 'path';
-import { pathToFileURL } from 'url';
-import { normalize_path } from '../utils/normalize-path.js';
-
-export async function globImports(pattern = './src/pages/**/*.{js,ts,jsx,tsx,mdz}', { cwd = process.cwd() , root = "./pages/"} = {}) {
-  const files = await fg(pattern, { cwd });
-  const modules = {};
-
-  for (const file of files) {
-    const absPath = path.resolve(cwd, file);
-    const fileUrl = pathToFileURL(absPath).href;
-    const key = './' + file.replace(/\\/g, '/');
-    modules[key] = () => import(/* @vite-ignore */fileUrl);
-  }
-
-  const routes = Object.keys(modules);
-  
-  const pairs = {};
-  for (let i = 0; i < routes.length; i++) {
-      const module = await modules[routes[i]]();
-      const {
-        default : Component,
-        head,
-        prerender,
-        GET, 
-        POST, 
-        PUT, 
-        DELETE,
-        PATCH
-      } = await module
-
-      Object.assign(pairs, { 
-        [normalize_path(routes[i], root)]: {
-          ...(Component && {Component}),
-          ...(head && {head}),
-          ...(prerender !== undefined && {prerender}),
-          ...(GET && {GET}),
-          ...(POST && {POST}),
-          ...(PUT && {PUT}),
-          ...(PATCH && {PATCH}),
-          ...(DELETE && {DELETE}),
-        } });
-  }  
-
-  return pairs
-}

package/src/server-only-utils/import-middlwares.js

@@ -1,29 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { pathToFileURL } from 'url';
-
-export async function importMiddlewares({ cwd = process.cwd() } = {}) {
-  const possibleFiles = [
-    path.join(cwd, 'src', 'middleware.js'),
-    path.join(cwd, 'src', 'middleware.ts')
-  ];
-
-  for (const file of possibleFiles) {
-    if (fs.existsSync(file)) {
-      const fileUrl = pathToFileURL(file).href;
-      const module = await import(/* @vite-ignore */ fileUrl);
-
-      const middlewares = {};
-      for (const [key, value] of Object.entries(module)) {
-        if (typeof value === 'function') {
-          middlewares[key] = value;
-        }
-      }
-
-      return middlewares;
-    }
-  }
-
-  // No middleware file found
-  return {};
-}

package/src/server-only-utils/import-prerendered-routes.js

@@ -1,11 +0,0 @@
-import { join } from 'path';
-import { pathToFileURL } from 'url';
-
-export async function importPrerenderedRoutes({ cwd = process.cwd(), isProduction } = {}) {
-    const file = isProduction 
-                    ? join(cwd, 'dist/.server/prerenderd-routes.js') 
-                    : join(cwd, '.ziko/cache/.prerenderd-routes.js')
-    const FileUrl = pathToFileURL(file).href;
-    const module = await import(/* @vite-ignore */ FileUrl);
-    return module?.PRERENDERED_ROUTES || []
-}

package/src/server-only-utils/index.d.ts.txt

@@ -1,3 +0,0 @@
-import {UIElement} from "ziko"
-export declare function renderToString(UIElement: UIElement): string;
-export declare function renderDomToString(UIElement: HTMLElement): string;

package/src/server-only-utils/manifest-parser.js

@@ -1,22 +0,0 @@
-import {readFileSync, existsSync} from 'fs';
-import {join} from 'path';
-
-export class ManifestParser {
-    constructor(relative_path){
-        this.#init(relative_path)
-    }
-    #init(relative_path){
-        const file = join(process.cwd(), relative_path);
-        if (existsSync(file)) this.manifest = JSON.parse(readFileSync(file, "utf-8"));
-        else {
-            console.error(`Manifest file not found: ${file}`)
-            this.manifest = null
-        }
-    }
-    get EntryClientFile(){
-        return this.manifest['.ziko/entry-client.js'].file
-    }
-}
-
-// const manifest = new ManifestParser('./dist/client/.vite/manifest.json')
-// console.log(manifest.files)

package/src/server-only-utils/read-files.js

@@ -1,20 +0,0 @@
-import fg from "fast-glob";
-import { readFile } from "fs/promises";
-import { resolve, relative } from "path";
-
-export async function readFiles(pattern = './src/**/*.{js,ts}', { cwd = process.cwd() , root = "./pages/"} = {}) {
-  const files = await fg(pattern, { cwd });
-  const absoluteRoot = resolve(root);
-  console.log({files})
-  const modules = {};
-
-  const result = new Map()
-   for (const file of files) {
-    const code = await readFile(file, "utf8");
-    if(!code.includes('use client')) continue;
-    // Normalize route to something like "src/pages/index.js"
-    const route = relative(absoluteRoot, file).replace(/\\/g, "/");
-    result.set(route, code);
-  }
-  console.log(result)
-}

package/src/server-only-utils/renderDomToString.js

@@ -1,8 +0,0 @@
-import {JSDOM} from "jsdom"
-const {document} = new JSDOM().window;
-globalThis.document = document
-
-const renderDomToString=UIElement=>UIElement.outerHTML;
-export {
-    renderDomToString
-}

package/src/server-only-utils/renderToString.js

@@ -1,8 +0,0 @@
-import {JSDOM} from "jsdom"
-const {document} = new JSDOM().window;
-globalThis.document = document
-
-const renderToString=UIElement=>UIElement.element?.outerHTML;
-export {
-    renderToString
-}

package/src/server-only-utils/resolve-static-routes.js

@@ -1,64 +0,0 @@
-export async function resolveStaticRoutes(routes, StaticRoutesMap) {
-  const result = {};
-
-  for (const [routePattern, handler] of Object.entries(routes)) {
-    const { Component, prerender, head } = handler;
-    if(!Component || prerender === false) continue;
-    const staticParamsList = StaticRoutesMap[routePattern];
-    if (staticParamsList && /\[.*\]/.test(routePattern)) {
-      for (const params of staticParamsList) {
-        let resolvedRoute = routePattern;
-
-        // Handle [...param] → can include slashes
-        resolvedRoute = resolvedRoute.replace(/\[\.\.\.(\w+)\]/g, (_, key) => {
-          return encodeURIComponent(params[key])?.replace(/%2F/g, '/');
-        });
-
-        // Handle [param]+ or [param]
-        resolvedRoute = resolvedRoute.replace(/\[(\w+)\]\+?/g, (_, key) => {
-          return encodeURIComponent(params[key]);
-        });
-
-        result[resolvedRoute] = {
-          Component : () => Component(params),
-          head
-        }
-      }
-    } else {
-      result[routePattern] = {
-        Component,
-        head
-      }
-    }
-  }
-
-  return result;
-}
-
-
-// DEMO
-
-// const StaticRoutesMap = {
-//   "/blog/[...slug]": [
-//     { slug: "2025/oct/post1" },
-//     { slug: "2025/oct/post2" },
-//     { slug: "2025/nov/post3" }
-//   ],
-//   "/user/[id]+": [
-//     { id: 1 },
-//     { id: 2 },
-//     { id: 3 }
-//   ],
-//   "/product/[category]/[id]": [
-//     { category: "books", id: 12 },
-//     { category: "tech", id: 5 }
-//   ]
-// };
-
-// const routes = {
-//   "/blog/[...slug]": (params) => `Blog page for ${params.slug}`,
-//   "/user/[id]+": (params) => `User ${params.id}`,
-//   "/product/[category]/[id]": (params) => `Product ${params.category} #${params.id}`
-// };
-
-// resolveStaticRoutes(routes, StaticRoutesMap).then(console.log);

package/src/server-only-utils/write-to-dist.js

@@ -1,24 +0,0 @@
-import {mkdir, writeFile} from 'fs/promises';
-import {join, dirname} from 'path';
-
-export async function writeToDist({route, ui, head, outDir = 'dist', entry_client_path = ''}={}) {
-    entry_client_path = `/.client/${entry_client_path}`
-    const out = `
-<!doctype html>
-<html>
-<head>
-    <script type="module" src="${entry_client_path}"></script>
-    <script type='application/json' id='ziko-data'>
-${JSON.stringify(globalThis?.Ziko ?? {}, null, 2)}
-    </script>
-</head>
-<body>
-${ui}
-</body>
-</html>
-    `
-    const filePath = join(outDir, route === '/' ? '' : route, 'index.html');
-    await mkdir(dirname(filePath), { recursive: true });
-    await writeFile(filePath, out, 'utf8');
-    console.log(`✔️  Saved ${route} → ${filePath}`);
-}

package/src/setup/files-content.js

@@ -1,53 +0,0 @@
-const HTMLINDEX = `
-<!doctype html>
-<html>
-<head>
-    <title>Ziko - App </title>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script type="module" src="/.ziko/entry-client.js"></script>
-    <!--app-head-->
-</head>
-<body>
-    <!--app-html-->
-</body>
-</html>
-`.trim()
-
-const SERVER = `
-import { createServer } from "ziko-server/server";
-createServer()
-`.trim()
-
-const ENTRY_SERVER = `
-import {EntryServer} from "ziko-server/entry-server";
-export default EntryServer
-`.trim()
-
-const ENTRY_CLIENT = `
-import {EntryClient} from "ziko-server/entry-client";
-EntryClient({
-  base : new URL(".", import.meta.url).pathname
-})
-`.trim()
-
-const PRERENDER_SCRIPT = `
-import {prerender} from 'ziko-server'
-prerender()
-`
-
-const GENERATE_ROUTES_SCRIPT = `
-import { generate_routes } from "ziko-server/setup";
-generate_routes()
-`
-
-export const Files_Content = {
-    'index.html': HTMLINDEX,
-    'server.js' : SERVER,
-    'entry-server.js' : ENTRY_SERVER,
-    'entry-client.js' : ENTRY_CLIENT,
-    'scripts/prerender.js' : PRERENDER_SCRIPT,
-    'scripts/generate-routes.js' : GENERATE_ROUTES_SCRIPT,
-    'cache/.keep' : null
-}

package/src/setup/generate-hydration-map.js

@@ -1,3 +0,0 @@
-export async function generate_hydration_map() {
-    
-}

package/src/setup/generate-routes.js

@@ -1,22 +0,0 @@
-import {writeFileSync} from "fs"
-import { join } from "path";
-
-const __pages__ = {
-  "/src/pages/index.js": () => import("/src/pages/index.js"),
-  "/src/pages/me.js": () => import("/src/pages/me.js"),
-  "/src/pages/about/index.js": () => import("/src/pages/about/index.js"),
-};
-
-export function generate_routes(){
-    const Pages = stringify(__pages__);
-    const Output = `export const pages = ${Pages}`
-    const path = join(process.cwd(), './.ziko/cache/.generated-routes.js')
-    writeFileSync(path, Output)
-}
-
-function stringify(obj) {
-  const entries = Object.entries(obj).map(
-    ([key, val]) => `  "${key}": ${val.toString()}`
-  );
-  return `{\n${entries.join(",\n")}\n}`;
-}

package/src/setup/index.js

@@ -1,3 +0,0 @@
-export * from "./generate-routes.js"
-export * from './setup-ziko-folder.js'
-export * from './generate-hydration-map.js'

package/src/setup/setup-ziko-folder.js

@@ -1,16 +0,0 @@
-import { mkdir, writeFile } from 'fs/promises';
-import { dirname, join } from 'path';
-import { Files_Content } from './files-content.js';
-
-export async function setup_ziko_folder(basePath) {
-  for (const [file, content] of Object.entries(Files_Content)) {
-    const fullPath = join(basePath, file);
-    const dir = dirname(fullPath);
-    await mkdir(dir, { recursive: true });
-    try {
-      const existing = await readFile(fullPath, 'utf8');
-      if (existing === content) continue;
-    } catch {}
-    await writeFile(fullPath, content ?? '', 'utf8');
-  }
-}

package/src/template.js

@@ -1,14 +0,0 @@
-  const HTML_TEMPLATE =`
-  <!doctype html>
-    <html>
-        <head>
-            <title> Ziko - Ssr - Template </title>
-            <!--app-head-->
-        </head>
-        <body>
-            <!--app-html-->
-        </body>
-    </html>
-`.trim()
-
-export default HTML_TEMPLATE;

package/src/utils/api.js

@@ -1,7 +0,0 @@
-export function isAPI(fn) {
-  return (
-    fn 
-    && (typeof fn === 'function')
-    && ['GET', 'POST', 'DELETE', 'PUT'].includes(fn.name)
-  )
-}

package/src/utils/html-template.js

@@ -1,19 +0,0 @@
-export const HTMLTemplate = `
-<!doctype html>
-<html lang="en">
-  <head>
-    <title>Z</title>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="test ziko-ssr"/>
-    <title>Vite App</title>
-    <!--app-head-->
-  </head>
-  <body>
-    <!--app-html-->
-    <script type="module" src="/src/entry-client.js" async></script>
-    <!-- <script type="module" src="node_modules/ziko-server/entry/client.js" async></script> -->
-  </body>
-</html>
-`

package/src/utils/index.js

@@ -1,4 +0,0 @@
-export * from "./normalize-path.js";
-export * from "./routes-matcher.js";
-export * from "./html-template.js";
-export * from "./isAsync.js";

package/src/utils/isAsync.js

@@ -1,3 +0,0 @@
-export function isAsync(fn) {
-  return fn && fn.constructor && fn.constructor.name === "AsyncFunction";
-}