create-riebeckite 0.0.30 → 0.0.32

package/dist/src/index.js

@@ -298,7 +298,10 @@ var seo = np("@riebeckite/plugin-seo", "seo", {
 var toc = np("@riebeckite/plugin-toc", "tocPlugin");
 var properties = np("@riebeckite/plugin-properties", "properties", {
   include: { depth: 2, value: '["created", "modified", "tags", "status"]' },
-  order: { depth: 2, value: '["created", "modified", "tags", "status"]' }
+  fields: {
+    depth: 2,
+    value: '{ created: { type: "date", format: "yyyy-MM-dd" }, modified: { type: "date", format: "yyyy-MM-dd" }, tags: { type: "tags", variant: "chips" }, status: { type: "badge", variants: { active: "success", draft: "warning", archived: "danger" } } }'
+  }
 });
 var alias = np("@riebeckite/plugin-alias", "aliasPlugin", `{ status: 308 }`);
 var codeEnhance = np("@riebeckite/plugin-code-enhance", "codeEnhance", {
@@ -431,12 +434,7 @@ var gallery = np("@riebeckite/plugin-gallery", "gallery", {
   aspect: { depth: 2, value: '"4/3"' },
   language: { depth: 3, value: '"gallery"' }
 });
-var mermaid = np("@riebeckite/plugin-mermaid", "mermaid", {
-  render: { depth: 2, value: '"build"' },
-  theme: { depth: 2, value: '{ light: "default", dark: "dark" }' },
-  caption: { depth: 3, value: "true" },
-  fallback: { depth: 3, value: "true" }
-});
+var mermaidPele = np("@riebeckite/plugin-mermaid-pele", "mermaidPele");
 var graphviz = np("@riebeckite/plugin-graphviz", "graphviz", {
   render: { depth: 2, value: '"build"' },
   engine: { depth: 2, value: '"dot"' },
@@ -578,8 +576,7 @@ var gardenExplorer = np(
 var ux = np("@riebeckite/plugin-ux", "uxPlugin", {
   progress: { depth: 2, value: "true" },
   backToTop: { depth: 2, value: "true" },
-  tocScrollSpy: { depth: 2, value: "true" },
-  codeCopy: { depth: 3, value: "true" }
+  tocScrollSpy: { depth: 2, value: "true" }
 });
 var dailyNotes = np(
   "@riebeckite/plugin-daily-notes",
@@ -708,7 +705,7 @@ var showcase = {
     autoCardLink,
     richEmbed,
     gallery,
-    mermaid,
+    mermaidPele,
     graphviz,
     d2,
     plantuml,
@@ -866,6 +863,7 @@ function parseArguments(arguments_) {
   let utilities;
   let listPresets = false;
   let githubActions = false;
+  let cloudflareWorkers = false;
   let contentRepository;
   let siteRepository;
   for (let index = 0; index < arguments_.length; index += 1) {
@@ -882,6 +880,10 @@ function parseArguments(arguments_) {
       githubActions = true;
       continue;
     }
+    if (argument === "--cloudflare-workers") {
+      cloudflareWorkers = true;
+      continue;
+    }
     if (argument === "--content-repository" || argument === "--site-repository") {
       const value = arguments_[index + 1];
       if (value === void 0 || value.startsWith("-")) {
@@ -919,7 +921,7 @@ function parseArguments(arguments_) {
     }
     if (directory !== void 0) {
       throw new Error(
-        "Usage: create-riebeckite [directory] [--preset <name>] [--utilities <names>] [--github-actions] [--content-repository <owner/repository>] [--site-repository <owner/repository>] [--force]"
+        "Usage: create-riebeckite [directory] [--preset <name>] [--utilities <names>] [--github-actions | --cloudflare-workers] [--content-repository <owner/repository>] [--site-repository <owner/repository>] [--force]"
       );
     }
     directory = argument;
@@ -932,6 +934,7 @@ function parseArguments(arguments_) {
     listPresets,
     deployment: scaffoldDeploymentFromFlags({
       githubActions,
+      cloudflareWorkers,
       contentRepository,
       siteRepository
     })
@@ -946,7 +949,14 @@ function printPresets() {
 }
 
 // src/interactive.ts
-import { isCancel, log, multiselect, select, text } from "@clack/prompts";
+import {
+  confirm,
+  isCancel,
+  log,
+  multiselect,
+  select,
+  text
+} from "@clack/prompts";
 var DEFAULT_DIRECTORY = "my-riebeckite-site";
 var DEFAULT_INTERACTIVE_DEPLOYMENT = "none";
 function interactiveAnswersToOptions(answers) {
@@ -996,7 +1006,12 @@ async function promptInteractiveAnswers() {
     }))
   });
   if (isCancel(preset)) return null;
-  const utilities = await multiselect({
+  const customize = await confirm({
+    message: "Customize extra project files?",
+    initialValue: false
+  });
+  if (isCancel(customize)) return null;
+  const utilities = customize ? await multiselect({
     message: "Extra project files",
     options: SCAFFOLD_UTILITIES.map(({ name, label, description }) => ({
       value: name,
@@ -1005,7 +1020,7 @@ async function promptInteractiveAnswers() {
     })),
     initialValues: [...SCAFFOLD_DEFAULT_UTILITIES],
     required: false
-  });
+  }) : SCAFFOLD_DEFAULT_UTILITIES;
   if (isCancel(utilities)) return null;
   const contentSource = await select({
     message: "Where will you write content?",
@@ -1061,7 +1076,12 @@ async function promptInteractiveAnswers() {
     answers = { directory, preset, utilities, contentSource, deployment };
   }
   log.step("Creating Riebeckite site...");
-  return answers;
+  const installDependencies2 = await confirm({
+    message: "Install dependencies now?",
+    initialValue: true
+  });
+  if (isCancel(installDependencies2)) return null;
+  return { answers, installDependencies: installDependencies2 };
 }
 async function promptDeployNow() {
   const answer = await select({
@@ -1237,11 +1257,11 @@ var README_DEMOS = {
       fence('js tab="Vanilla"', 'console.log("Hello from JavaScript");')
     ].join("\n")
   },
-  "@riebeckite/plugin-mermaid": {
-    title: { en: "Mermaid", ja: "Mermaid" },
+  "@riebeckite/plugin-mermaid-pele": {
+    title: { en: "Mermaid (Pele)", ja: "Mermaid (Pele)" },
     intro: {
-      en: "A `mermaid` fence becomes a rendered diagram at build time.",
-      ja: "`mermaid` フェンスはビルド時にレンダリングされた図になります。"
+      en: "A `mermaid` fence becomes a static diagram at build time without Chromium.",
+      ja: "`mermaid` フェンスは Chromium を使わずビルド時に静的な図になります。"
     },
     markdown: fence(
       "mermaid",
@@ -1531,7 +1551,7 @@ var README_DEMO_ORDER = [
   "@riebeckite/plugin-obsidian-markdown/wikilinks",
   "@riebeckite/plugin-code-enhance",
   "@riebeckite/plugin-code-tabs",
-  "@riebeckite/plugin-mermaid",
+  "@riebeckite/plugin-mermaid-pele",
   "@riebeckite/plugin-d2",
   "@riebeckite/plugin-graphviz",
   "@riebeckite/plugin-chartjs",
@@ -1637,7 +1657,7 @@ var PLUGIN_MARKDOWN_GUIDES = {
     ].join("\n")
   },
   "@riebeckite/plugin-properties": {
-    summary: "Renders selected frontmatter properties in the article metadata slot.",
+    summary: "Renders selected frontmatter properties in article metadata.",
     markdown: [
       "---",
       "created: 2026-09-30",
@@ -2734,7 +2754,7 @@ function pluginsContent(language) {
   lines.push(read(copy.intro, language), "");
   lines.push(heading(2, read(copy.installHeading, language)), "");
   lines.push(read(copy.installStep1, language), "");
-  lines.push(codeBlock("sh", "npm install @riebeckite/plugin-mermaid"));
+  lines.push(codeBlock("sh", "npm install @riebeckite/plugin-mermaid-pele"));
   lines.push(read(copy.installStep2, language), "");
   lines.push(
     codeBlock(
@@ -2742,12 +2762,12 @@ function pluginsContent(language) {
       [
         'import { defineConfig } from "@riebeckite/core";',
         'import { l10n } from "@riebeckite/plugin-l10n";',
-        'import { mermaid } from "@riebeckite/plugin-mermaid";',
+        'import { mermaidPele } from "@riebeckite/plugin-mermaid-pele";',
         'import { obsidianMarkdown } from "@riebeckite/plugin-obsidian-markdown";',
         "",
         "export default defineConfig({",
         "  // ...",
-        "  plugins: [obsidianMarkdown(), l10n({ ... }), mermaid()],",
+        "  plugins: [obsidianMarkdown(), l10n({ ... }), mermaidPele()],",
         "});"
       ].join("\n")
     )
@@ -3297,7 +3317,7 @@ function copyPasteDemoLines(preset, words, language) {
 }
 
 // src/scaffold/version.ts
-var RIEBECKITE_VERSION = "^0.0.30";
+var RIEBECKITE_VERSION = "^0.0.32";
 
 // src/scaffold/templates.ts
 function siteTemplateFiles(preset, variables, options = {}) {
@@ -3591,7 +3611,7 @@ function isNotFoundError(error) {
 async function runCreateRiebeckite(arguments_) {
   const resolved = await resolveOptions(arguments_);
   if (resolved === null) return;
-  const { options, interactive } = resolved;
+  const { options, installDependencies: shouldInstallDependencies } = resolved;
   if (options.listPresets) {
     printPresets();
     return;
@@ -3617,8 +3637,8 @@ async function runCreateRiebeckite(arguments_) {
   const relative = path4.relative(process.cwd(), result.targetDirectory) || ".";
   console.log(`Created a ${options.preset} Riebeckite site in ${relative}`);
   console.log("");
-  if (interactive && options.deployment.type === "cloudflare-workers") {
-    await publishCloudflareSite(targetDirectory, relative);
+  if (shouldInstallDependencies) {
+    await prepareInteractiveSite(targetDirectory, relative, options, result);
     return;
   }
   printScaffoldNextSteps(options, result, relative);
@@ -3630,16 +3650,35 @@ async function resolveOptions(arguments_) {
       console.log("Operation cancelled.");
       return null;
     }
-    return { options: interactiveAnswersToOptions(answers), interactive: true };
+    return {
+      options: interactiveAnswersToOptions(answers.answers),
+      installDependencies: answers.installDependencies
+    };
   }
   try {
-    return { options: parseArguments(arguments_), interactive: false };
+    return { options: parseArguments(arguments_), installDependencies: false };
   } catch (error) {
     console.error(error instanceof Error ? error.message : String(error));
     process.exitCode = 1;
     return null;
   }
 }
+async function prepareInteractiveSite(targetDirectory, relative, options, result) {
+  const commands = packageManagerCommands();
+  console.log(`Installing dependencies with ${commands.name}...`);
+  try {
+    await installDependencies(targetDirectory, commands, spawnCommand);
+  } catch (error) {
+    if (!(error instanceof DeploymentFailure)) throw error;
+    reportInstallationFailure(error, relative, options);
+    return;
+  }
+  if (options.deployment.type === "cloudflare-workers") {
+    await publishCloudflareSite(targetDirectory, relative, false);
+    return;
+  }
+  printScaffoldNextSteps(options, result, relative);
+}
 function printScaffoldNextSteps(options, result, relative) {
   const externalContent = isExternalContent(options.deployment);
   const editFile = !externalContent && result.files.includes("content/index.md") ? "content/index.md" : void 0;
@@ -3648,15 +3687,17 @@ function printScaffoldNextSteps(options, result, relative) {
 function isExternalContent(deployment) {
   return deployment.type === "github-actions" && deployment.content.type === "external";
 }
-async function publishCloudflareSite(targetDirectory, relative) {
+async function publishCloudflareSite(targetDirectory, relative, install = true) {
   const commands = packageManagerCommands();
-  console.log(`Installing dependencies with ${commands.name}...`);
-  try {
-    await installDependencies(targetDirectory, commands, spawnCommand);
-  } catch (error) {
-    if (!(error instanceof DeploymentFailure)) throw error;
-    reportDeploymentFailure(error, relative);
-    return;
+  if (install) {
+    console.log(`Installing dependencies with ${commands.name}...`);
+    try {
+      await installDependencies(targetDirectory, commands, spawnCommand);
+    } catch (error) {
+      if (!(error instanceof DeploymentFailure)) throw error;
+      reportDeploymentFailure(error, relative);
+      return;
+    }
   }
   const deployNow = await promptDeployNow();
   if (!deployNow) {
@@ -3674,6 +3715,20 @@ async function publishCloudflareSite(targetDirectory, relative) {
   console.log("");
   console.log("Deployment complete.");
 }
+function reportInstallationFailure(error, relative, options) {
+  const commands = packageManagerCommands();
+  console.error("");
+  console.error("Project created successfully.");
+  console.error(error.message);
+  console.error("You can continue with:");
+  if (relative !== ".") console.error(`  cd ${relative}`);
+  console.error(`  ${commands.install.label}`);
+  if (options.deployment.type === "cloudflare-workers") {
+    console.error(`  ${commands.build.label}`);
+    console.error(`  ${commands.deploy.label}`);
+  }
+  process.exitCode = 1;
+}
 function reportDeploymentFailure(error, relative) {
   const commands = packageManagerCommands();
   console.error("");

package/dist/src/interactive.d.ts

@@ -18,11 +18,15 @@ export type InteractiveAnswers = {
     readonly contentRepository: string;
     readonly siteRepository: string;
 };
+export type InteractiveSetupAnswers = {
+    readonly answers: InteractiveAnswers;
+    readonly installDependencies: boolean;
+};
 export declare function interactiveAnswersToOptions(answers: InteractiveAnswers): CreateRiebeckiteOptions;
 /**
  * Run the prompt flow. Returns `null` when the user cancels, so the caller can
  * exit without a stack trace. Repository values are only trimmed here; their
  * `owner/repository` shape is validated by the existing scaffold.
  */
-export declare function promptInteractiveAnswers(): Promise<InteractiveAnswers | null>;
+export declare function promptInteractiveAnswers(): Promise<InteractiveSetupAnswers | null>;
 export declare function promptDeployNow(): Promise<boolean>;

package/dist/src/scaffold/index.js

@@ -298,7 +298,10 @@ var seo = np("@riebeckite/plugin-seo", "seo", {
 var toc = np("@riebeckite/plugin-toc", "tocPlugin");
 var properties = np("@riebeckite/plugin-properties", "properties", {
   include: { depth: 2, value: '["created", "modified", "tags", "status"]' },
-  order: { depth: 2, value: '["created", "modified", "tags", "status"]' }
+  fields: {
+    depth: 2,
+    value: '{ created: { type: "date", format: "yyyy-MM-dd" }, modified: { type: "date", format: "yyyy-MM-dd" }, tags: { type: "tags", variant: "chips" }, status: { type: "badge", variants: { active: "success", draft: "warning", archived: "danger" } } }'
+  }
 });
 var alias = np("@riebeckite/plugin-alias", "aliasPlugin", `{ status: 308 }`);
 var codeEnhance = np("@riebeckite/plugin-code-enhance", "codeEnhance", {
@@ -431,12 +434,7 @@ var gallery = np("@riebeckite/plugin-gallery", "gallery", {
   aspect: { depth: 2, value: '"4/3"' },
   language: { depth: 3, value: '"gallery"' }
 });
-var mermaid = np("@riebeckite/plugin-mermaid", "mermaid", {
-  render: { depth: 2, value: '"build"' },
-  theme: { depth: 2, value: '{ light: "default", dark: "dark" }' },
-  caption: { depth: 3, value: "true" },
-  fallback: { depth: 3, value: "true" }
-});
+var mermaidPele = np("@riebeckite/plugin-mermaid-pele", "mermaidPele");
 var graphviz = np("@riebeckite/plugin-graphviz", "graphviz", {
   render: { depth: 2, value: '"build"' },
   engine: { depth: 2, value: '"dot"' },
@@ -578,8 +576,7 @@ var gardenExplorer = np(
 var ux = np("@riebeckite/plugin-ux", "uxPlugin", {
   progress: { depth: 2, value: "true" },
   backToTop: { depth: 2, value: "true" },
-  tocScrollSpy: { depth: 2, value: "true" },
-  codeCopy: { depth: 3, value: "true" }
+  tocScrollSpy: { depth: 2, value: "true" }
 });
 var dailyNotes = np(
   "@riebeckite/plugin-daily-notes",
@@ -708,7 +705,7 @@ var showcase = {
     autoCardLink,
     richEmbed,
     gallery,
-    mermaid,
+    mermaidPele,
     graphviz,
     d2,
     plantuml,
@@ -816,11 +813,11 @@ var README_DEMOS = {
       fence('js tab="Vanilla"', 'console.log("Hello from JavaScript");')
     ].join("\n")
   },
-  "@riebeckite/plugin-mermaid": {
-    title: { en: "Mermaid", ja: "Mermaid" },
+  "@riebeckite/plugin-mermaid-pele": {
+    title: { en: "Mermaid (Pele)", ja: "Mermaid (Pele)" },
     intro: {
-      en: "A `mermaid` fence becomes a rendered diagram at build time.",
-      ja: "`mermaid` フェンスはビルド時にレンダリングされた図になります。"
+      en: "A `mermaid` fence becomes a static diagram at build time without Chromium.",
+      ja: "`mermaid` フェンスは Chromium を使わずビルド時に静的な図になります。"
     },
     markdown: fence(
       "mermaid",
@@ -1110,7 +1107,7 @@ var README_DEMO_ORDER = [
   "@riebeckite/plugin-obsidian-markdown/wikilinks",
   "@riebeckite/plugin-code-enhance",
   "@riebeckite/plugin-code-tabs",
-  "@riebeckite/plugin-mermaid",
+  "@riebeckite/plugin-mermaid-pele",
   "@riebeckite/plugin-d2",
   "@riebeckite/plugin-graphviz",
   "@riebeckite/plugin-chartjs",
@@ -1216,7 +1213,7 @@ var PLUGIN_MARKDOWN_GUIDES = {
     ].join("\n")
   },
   "@riebeckite/plugin-properties": {
-    summary: "Renders selected frontmatter properties in the article metadata slot.",
+    summary: "Renders selected frontmatter properties in article metadata.",
     markdown: [
       "---",
       "created: 2026-09-30",
@@ -2313,7 +2310,7 @@ function pluginsContent(language) {
   lines.push(read(copy.intro, language), "");
   lines.push(heading(2, read(copy.installHeading, language)), "");
   lines.push(read(copy.installStep1, language), "");
-  lines.push(codeBlock("sh", "npm install @riebeckite/plugin-mermaid"));
+  lines.push(codeBlock("sh", "npm install @riebeckite/plugin-mermaid-pele"));
   lines.push(read(copy.installStep2, language), "");
   lines.push(
     codeBlock(
@@ -2321,12 +2318,12 @@ function pluginsContent(language) {
       [
         'import { defineConfig } from "@riebeckite/core";',
         'import { l10n } from "@riebeckite/plugin-l10n";',
-        'import { mermaid } from "@riebeckite/plugin-mermaid";',
+        'import { mermaidPele } from "@riebeckite/plugin-mermaid-pele";',
         'import { obsidianMarkdown } from "@riebeckite/plugin-obsidian-markdown";',
         "",
         "export default defineConfig({",
         "  // ...",
-        "  plugins: [obsidianMarkdown(), l10n({ ... }), mermaid()],",
+        "  plugins: [obsidianMarkdown(), l10n({ ... }), mermaidPele()],",
         "});"
       ].join("\n")
     )
@@ -2967,7 +2964,7 @@ function utilityTemplateFiles(utilities) {
 }
 
 // src/scaffold/version.ts
-var RIEBECKITE_VERSION = "^0.0.30";
+var RIEBECKITE_VERSION = "^0.0.32";
 
 // src/scaffold/templates.ts
 function siteTemplateFiles(preset, variables, options = {}) {

package/dist/src/scaffold/version.d.ts

@@ -1 +1 @@
-export declare const RIEBECKITE_VERSION = "^0.0.30";
+export declare const RIEBECKITE_VERSION = "^0.0.32";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-riebeckite",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/src/index.js",
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "esbuild": "^0.28.2",
-    "@riebeckite/test": "0.0.30"
+    "@riebeckite/test": "0.0.32"
   },
   "repository": {
     "type": "git",

package/templates/scaffold/presets/empty/app/routes/_404.tsx

@@ -4,14 +4,14 @@ const handler = (c: Context) => {
   c.status(404);
 
   return c.render(
-    <main class="not-found">
+    <div class="not-found">
       <p class="not-found__status">404</p>
       <h1>Page not found</h1>
       <p>The page you requested does not exist or is not available.</p>
       <p>
         <a href="/">Back to home</a>
       </p>
-    </main>,
+    </div>,
   );
 };
 

package/templates/scaffold/presets/empty/app/routes/_renderer.tsx

@@ -25,7 +25,11 @@ export default jsxRenderer(async ({ children }, c) => {
         <head>
           <RiebeckiteHead colorModeScript={false} />
         </head>
-        <body class="riebeckite-page rb-site">{children}</body>
+        <body class="riebeckite-page rb-site">
+          <main id="main-content" tabindex={-1} class="riebeckite-main">
+            {children}
+          </main>
+        </body>
       </ThemeRoot>
     </SiteProvider>
   );

package/templates/scaffold/presets/empty/app/routes/index.tsx

@@ -3,9 +3,9 @@ import { config } from "virtual:riebeckite/config";
 
 export default createRoute((c) =>
   c.render(
-    <main class="riebeckite-empty">
+    <div class="riebeckite-empty">
       <h1>{config.site.title}</h1>
       <p>This is a blank Riebeckite site. Add Markdown files under content/ to get started.</p>
-    </main>,
+    </div>,
   ),
 );

package/templates/scaffold/presets/minimal/app/routes/_404.tsx

@@ -4,14 +4,14 @@ const handler = (c: Context) => {
   c.status(404);
 
   return c.render(
-    <main class="not-found">
+    <div class="not-found">
       <p class="not-found__status">404</p>
       <h1>Page not found</h1>
       <p>The page you requested does not exist or is not available.</p>
       <p>
         <a href="/">Back to home</a>
       </p>
-    </main>,
+    </div>,
   );
 };
 

package/templates/scaffold/presets/minimal/app/routes/_renderer.tsx

@@ -25,7 +25,11 @@ export default jsxRenderer(async ({ children }, c) => {
         <head>
           <RiebeckiteHead colorModeScript={false} />
         </head>
-        <body class="riebeckite-page rb-site">{children}</body>
+        <body class="riebeckite-page rb-site">
+          <main id="main-content" tabindex={-1} class="riebeckite-main">
+            {children}
+          </main>
+        </body>
       </ThemeRoot>
     </SiteProvider>
   );