LUME_DRAFT should be true in dev mode

Author: oscarotero

CHANGELOG.md

@@ -12,7 +12,7 @@ Go to the `v1` branch to see the changelog of Lume 1.
 
 ### Changed
 - Cache results of `search.files()`.
-- LumeCMS: Don't enable draft previews by default.
+- `LUME_DRAFTS` environment variable is true by default with `--serve | -s`.
 
 ### Fixed
 - Ensure console output for validate_html and seo plugins is shown after the build process.

cli/build_worker.ts

@@ -1,6 +1,6 @@
 import { log } from "../core/utils/log.ts";
 import { localIp, openBrowser } from "../core/utils/net.ts";
-import { setEnv } from "../core/utils/env.ts";
+import { env, setEnv } from "../core/utils/env.ts";
 import { normalizePath } from "../core/utils/path.ts";
 import { resolveConfigFile } from "../core/utils/lume_config.ts";
 import { fromFileUrl } from "../deps/path.ts";
@@ -36,6 +36,12 @@ async function build({ type, config, serve, cms: loadCms }: BuildOptions) {
   // Set the live reload environment variable to add hash to the URLs in the module loader
   setEnv("LUME_LIVE_RELOAD", "true");
 
+  // Show draft pages in development mode (if not set already)
+  const showDrafts = env<boolean | undefined>("LUME_DRAFTS");
+  if (showDrafts === undefined) {
+    setEnv("LUME_DRAFTS", "true");
+  }
+
   const _config = await resolveConfigFile(["_config.ts", "_config.js"], config);
   const site = await createSite(_config);
 

core/site.ts

@@ -831,28 +831,31 @@ export default class Site {
     let draftPages = 0;
     const [_pages, _staticFiles] = await this.source.build((_, page) => {
       if (page?.data.draft) {
-        draftPages++;
+        ++draftPages;
       }
       return !page?.data.draft || showDrafts === true;
     }, filters);
 
-    const item = this.debugBar?.endMeasure(
+    this.debugBar?.endMeasure(
       "load",
       `[Loading] ${_pages.length} pages and ${_staticFiles.length} static files`,
     );
 
-    if (item && draftPages > 0) {
-      item.details = showDrafts
-        ? `${draftPages} draft included`
-        : `${draftPages} draft hidden`;
-
-      item.actions = [{
-        text: showDrafts ? "Hide drafts" : "Show drafts",
-        data: {
-          type: "lume:drafts",
-          value: !showDrafts,
-        },
-      }];
+    if (draftPages > 0) {
+      const item = this.debugBar?.buildItem();
+
+      if (item) {
+        item.title = showDrafts
+          ? `${draftPages} draft pages rendered`
+          : `${draftPages} draft pages skipped`;
+        item.actions = [{
+          text: showDrafts ? "Skip draft pages" : "Include draft pages",
+          data: {
+            type: "lume:drafts",
+            value: !showDrafts,
+          },
+        }];
+      }
     }
 
     return [_pages, _staticFiles];