@digo-labs/common 0.1.9 → 0.1.10

package/dist/types/websocket-types.d.ts

@@ -39,7 +39,7 @@ export interface WebsocketsHubConfig {
     port: number;
 }
 export interface WebsocketConnectionConfig {
-    app: string;
+    app?: string;
     url?: string;
     id?: string;
     reconnect?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digo-labs/common",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -18,11 +18,13 @@
       "default": "./dist/index.css"
     },
     "./vite.apps": "./vite.apps.ts",
+    "./vite-plugin-raw-mdx": "./vite-plugin-raw-mdx.ts",
     "./package.json": "./package.json"
   },
   "files": [
     "dist",
-    "vite.apps.ts"
+    "vite.apps.ts",
+    "vite-plugin-raw-mdx.ts"
   ],
   "publishConfig": {
     "access": "public",

package/vite-plugin-raw-mdx.ts

@@ -0,0 +1,63 @@
+import { readdirSync, readFileSync } from 'node:fs';
+import { join }                      from 'node:path';
+import type { Plugin }               from 'vite';
+
+type RawMdxConfig = { docsDir: string; };
+
+function extractSection(content: string): string {
+  const match = content.match(/^section:\s*(.+)$/m);
+  return match?.[1].trim().replace(/['"]/g, '') ?? 'Uncategorized';
+}
+
+function toSlug(name: string): string {
+  return name.toLowerCase().replace(/\s+/g, '-');
+}
+
+export function rawMdxPlugin(config: RawMdxConfig): Plugin {
+  const { docsDir } = config;
+
+  return {
+    name: 'vite-plugin-raw-mdx',
+
+    configureServer(server) {
+      server.middlewares.use((req, res, next) => {
+        const match = req.url?.match(/^\/docs\/([^/]+)\/([^/]+)\.mdx(\?.*)?$/);
+        if (!match) return next();
+
+        const [, sectionSlug, slug] = match;
+        const filePath              = join(docsDir, `${slug}.mdx`);
+
+        try {
+          const content      = readFileSync(filePath, 'utf8');
+          const expectedSlug = toSlug(extractSection(content));
+
+          if (expectedSlug !== sectionSlug) {
+            res.statusCode = 404;
+            res.end('Not found');
+            return;
+          }
+
+          res.setHeader('Content-Type', 'text/plain; charset=utf-8');
+          res.end(content);
+        } catch {
+          next();
+        }
+      });
+    },
+
+    generateBundle() {
+      const files = readdirSync(docsDir).filter(f => f.endsWith('.mdx'));
+
+      for (const file of files) {
+        const content     = readFileSync(join(docsDir, file), 'utf8');
+        const sectionSlug = toSlug(extractSection(content));
+
+        this.emitFile({
+          type:     'asset',
+          fileName: `docs/${sectionSlug}/${file}`,
+          source:   content,
+        });
+      }
+    },
+  };
+}

package/vite.apps.ts

@@ -9,15 +9,18 @@ import remarkGfm                  from 'remark-gfm';
 import remarkFrontmatter          from 'remark-frontmatter';
 import remarkMdxFrontmatter       from 'remark-mdx-frontmatter';
 import rehypeSlug                 from 'rehype-slug';
+import { resolve }                from 'node:path';
+import { rawMdxPlugin }           from './vite-plugin-raw-mdx';
 
 export type DigoViteConfigProperties = {
   includeAssetsFrom: string[];
   port:              number;
   allowedHosts?:     string[];
+  docsDir?:          string;
 };
 
 export function digoViteConfig(properties: DigoViteConfigProperties) {
-  const { includeAssetsFrom, port, allowedHosts } = properties;
+  const { includeAssetsFrom, port, allowedHosts, docsDir } = properties;
   return  defineConfig({
     plugins: [
       react({
@@ -37,6 +40,7 @@ export function digoViteConfig(properties: DigoViteConfigProperties) {
         rehypePlugins:        [rehypeSlug],
 
       }),
+      ...docsDir ? [rawMdxPlugin({ docsDir: resolve(process.cwd(), docsDir) })] : [],
     ],
     server: {
       port:         port,