@bleedingdev/modern-js-main-doc 3.8.2-ultramodern.9 → 3.8.3-ultramodern.2

package/ultramodern-preset/src/index.ts

@@ -0,0 +1,127 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { defineConfig, type UserConfig } from '@rspress/core';
+import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
+
+const siteTitle = 'UltraModern.js 3.0';
+const siteDescription =
+  'UltraModern.js 3.0 is a SuperApp framework forked from Modern.js for Effect, TanStack Router, SSR, BFF, and independently deployable Micro Verticals.';
+const socialDescription =
+  'A SuperApp framework for Effect, TanStack Router, SSR, BFF, and Micro Verticals.';
+const defaultOrigin = 'https://bleedingdev.github.io';
+const githubUrl = 'https://github.com/BleedingDev/ultramodern.js';
+
+export const ultraModernDocsAssets = new URL('../assets/', import.meta.url);
+
+export type UltraModernDocsPresetOptions = {
+  base?: string;
+  origin?: string;
+};
+
+const normalizeBase = (base = '/') => {
+  const trimmed = base.trim();
+  const withLeadingSlash = trimmed.startsWith('/') ? trimmed : `/${trimmed}`;
+  return withLeadingSlash.endsWith('/')
+    ? withLeadingSlash
+    : `${withLeadingSlash}/`;
+};
+
+const asPublicDirectories = (
+  publicDir: NonNullable<
+    NonNullable<UserConfig['builderConfig']>['server']
+  >['publicDir'],
+) => {
+  if (!publicDir) {
+    return [];
+  }
+  return Array.isArray(publicDir) ? publicDir : [publicDir];
+};
+
+export const applyUltraModernDocsPreset = (
+  config: UserConfig,
+  options: UltraModernDocsPresetOptions = {},
+): UserConfig => {
+  const base = normalizeBase(options.base ?? process.env.DOCS_BASE);
+  const origin = (options.origin ?? process.env.DOCS_ORIGIN ?? defaultOrigin)
+    .trim()
+    .replace(/\/+$/, '');
+  const siteUrl = new URL(base, `${origin || defaultOrigin}/`).toString();
+  const publicAsset = (assetPath: string) =>
+    `${base}${assetPath.replace(/^\//, '')}`;
+  const absoluteAsset = (assetPath: string) =>
+    new URL(assetPath.replace(/^\//, ''), siteUrl).toString();
+  const builderConfig = config.builderConfig ?? {};
+  const server = builderConfig.server ?? {};
+  const themeConfig = config.themeConfig ?? {};
+  const documentStatic = config.root
+    ? { name: path.resolve(config.root, '..', 'static') }
+    : undefined;
+  const presetAssets = { name: fileURLToPath(ultraModernDocsAssets) };
+  const publicDirectories = [
+    ...asPublicDirectories(server.publicDir),
+    ...(documentStatic ? [documentStatic] : []),
+    presetAssets,
+  ].filter(
+    (candidate, index, all) =>
+      all.findIndex(entry => entry.name === candidate.name) === index,
+  );
+
+  return {
+    ...config,
+    title: siteTitle,
+    description: siteDescription,
+    base,
+    logo: {
+      light: publicAsset('/img/ultramodern-logo-light.svg'),
+      dark: publicAsset('/img/ultramodern-logo-dark.svg'),
+    },
+    icon: absoluteAsset('/img/favicon.ico'),
+    themeConfig: {
+      ...themeConfig,
+      locales: (themeConfig.locales ?? []).map(locale => ({
+        ...locale,
+        title: siteTitle,
+        description: socialDescription,
+      })),
+      editLink: {
+        docRepoBaseUrl: `${githubUrl}/tree/main-ultramodern/packages/document/docs`,
+        text: 'Edit this page on GitHub',
+      },
+      socialLinks: [
+        ...(themeConfig.socialLinks ?? []).filter(
+          link => link.icon !== 'github',
+        ),
+        { icon: 'github', mode: 'link', content: githubUrl },
+      ],
+    },
+    builderConfig: {
+      ...builderConfig,
+      server: {
+        ...server,
+        publicDir: publicDirectories,
+      },
+      plugins: [
+        ...(builderConfig.plugins ?? []).filter(
+          plugin => plugin.name !== 'rsbuild-plugin-open-graph',
+        ),
+        pluginOpenGraph({
+          title: siteTitle,
+          siteName: siteTitle,
+          type: 'website',
+          url: siteUrl,
+          image: absoluteAsset('/img/ultramodern-social-card.png'),
+          description: socialDescription,
+          twitter: {
+            card: 'summary_large_image',
+            title: siteTitle,
+            image: absoluteAsset('/img/ultramodern-social-card.png'),
+            description: socialDescription,
+          },
+        }),
+      ],
+    },
+  };
+};
+
+export const defineUltraModernConfig = (config: UserConfig): UserConfig =>
+  defineConfig(applyUltraModernDocsPreset(config));

package/static/img/social-card.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-labelledby="title desc">
-  <title id="title">UltraModern.js 3.0</title>
-  <desc id="desc">A SuperApp framework for Effect, TanStack Router, SSR, BFF, and Micro Verticals.</desc>
-  <rect width="1200" height="630" fill="#0f172a"/>
-  <path fill="#14b8a6" opacity=".22" d="M0 360c180-92 330-116 498-48 173 70 310 61 480-22 77-38 149-58 222-62v402H0V360z"/>
-  <path fill="#38bdf8" opacity=".18" d="M0 438c160-54 316-49 468 15 160 67 337 67 531 0 74-26 141-39 201-40v217H0V438z"/>
-  <rect x="86" y="90" width="96" height="96" rx="24" fill="#020617"/>
-  <path fill="#14b8a6" d="M111 116h15v35c0 13 7 21 18 21s18-8 18-21v-35h15v35c0 22-13 35-33 35s-33-13-33-35v-35z"/>
-  <path fill="#38bdf8" d="M157 116h18v70h-18v-70z"/>
-  <text x="86" y="284" fill="#f8fafc" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif" font-size="76" font-weight="800">UltraModern.js 3.0</text>
-  <text x="90" y="360" fill="#cbd5e1" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif" font-size="35" font-weight="500">Effect, TanStack Router, SSR, BFF, and Micro Verticals.</text>
-</svg>