@terrymooreii/sia 2.0.2 → 2.1.1

package/lib/assets.js

@@ -141,11 +141,24 @@ export function copyDefaultStyles(config, defaultsDir) {
     return copied;
   }
   
-  // Copy default styles from the package
+  // Copy selected theme from the package
   if (existsSync(defaultStylesDir)) {
-    const copied = copyAssets(defaultStylesDir, outputStylesDir);
-    console.log(`🎨 Copied ${copied.length} default style files`);
-    return copied;
+    const themeName = config.theme || 'main';
+    const themeFile = join(defaultStylesDir, `${themeName}.css`);
+    
+    if (existsSync(themeFile)) {
+      // Copy the selected theme as main.css so templates don't need to change
+      ensureDir(outputStylesDir);
+      copyFileSync(themeFile, join(outputStylesDir, 'main.css'));
+      console.log(`🎨 Using "${themeName}" theme`);
+      return ['main.css'];
+    } else {
+      // Fallback to copying all styles if theme not found
+      console.log(`⚠️  Theme "${themeName}" not found, using default`);
+      const copied = copyAssets(defaultStylesDir, outputStylesDir);
+      console.log(`🎨 Copied ${copied.length} default style files`);
+      return copied;
+    }
   }
   
   console.log('⚠️  No styles found');

package/lib/build.js

@@ -201,6 +201,15 @@ export async function build(options = {}) {
   // Load configuration
   const config = loadConfig(options.rootDir || process.cwd());
   
+  // Only show drafts in dev mode if explicitly enabled in config
+  // For production builds, always disable showDrafts
+  if (!options.devMode) {
+    if (config.server) {
+      config.server.showDrafts = false;
+    }
+  }
+  // If devMode is true, use the config value (which defaults to false)
+  
   // Clean output directory if requested
   if (options.clean !== false) {
     cleanOutput(config);

package/lib/config.js

@@ -10,6 +10,7 @@ const defaultConfig = {
     url: 'http://localhost:3000',
     author: 'Anonymous'
   },
+  theme: 'main', // Theme CSS file to use: 'main' or 'minimal'
   input: 'src',
   output: 'dist',
   layouts: '_layouts',
@@ -39,7 +40,8 @@ const defaultConfig = {
     size: 10
   },
   server: {
-    port: 3000
+    port: 3000,
+    showDrafts: false  // Show draft posts when using dev server
   }
 };
 

package/lib/content.js

@@ -4,6 +4,11 @@ import matter from 'gray-matter';
 import { Marked } from 'marked';
 import { markedHighlight } from 'marked-highlight';
 import { markedEmoji } from 'marked-emoji';
+import { gfmHeadingId } from 'marked-gfm-heading-id';
+import footnote from 'marked-footnote';
+import { markedSmartypants } from 'marked-smartypants';
+import markedAlert from 'marked-alert';
+import markedLinkifyIt from 'marked-linkify-it';
 import hljs from 'highlight.js';
 
 /**
@@ -77,7 +82,7 @@ const emojis = {
 };
 
 /**
- * Configure marked with syntax highlighting and emoji support
+ * Configure marked with syntax highlighting, emoji support, and enhanced markdown features
  */
 const marked = new Marked(
   markedHighlight({
@@ -101,7 +106,12 @@ const marked = new Marked(
   markedEmoji({
     emojis,
     renderer: (token) => token.emoji
-  })
+  }),
+  gfmHeadingId(),
+  footnote(),
+  markedSmartypants(),
+  markedAlert(),
+  markedLinkifyIt()
 );
 
 // Configure marked options
@@ -273,7 +283,15 @@ export function loadCollection(config, collectionName) {
         return null;
       }
     })
-    .filter(item => item !== null && !item.draft);
+    .filter(item => {
+      if (item === null) return false;
+      // Include drafts if showDrafts is enabled in server config
+      if (item.draft && config.server?.showDrafts) {
+        return true;
+      }
+      // Otherwise, exclude drafts
+      return !item.draft;
+    });
   
   // Sort items
   const sortBy = collectionConfig.sortBy || 'date';

package/lib/server.js

@@ -188,7 +188,7 @@ function setupWatcher(config, wss) {
       console.log('🔄 Rebuilding...\n');
       
       try {
-        await build({ clean: false, rootDir: config.rootDir });
+        await build({ clean: false, rootDir: config.rootDir, devMode: true });
         notifyReload(wss);
       } catch (err) {
         console.error('❌ Rebuild failed:', err.message);
@@ -213,8 +213,8 @@ export async function startServer(options = {}) {
   
   console.log('\n⚡ Sia - Development Server\n');
   
-  // Initial build
-  await build({ clean: true, rootDir: config.rootDir });
+  // Initial build with devMode enabled to show drafts if configured
+  await build({ clean: true, rootDir: config.rootDir, devMode: true });
   
   // Create servers
   const httpServer = createHttpServer(config, wsPort);

package/lib/templates.js

@@ -24,7 +24,8 @@ function dateFilter(date, format = 'long') {
     year: { year: 'numeric' },
     month: { month: 'long', year: 'numeric' },
     time: { hour: 'numeric', minute: '2-digit' },
-    full: { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' }
+    full: { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' },
+    full_time: { weekday: 'short', month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: '2-digit' }
   };
   
   if (format === 'iso') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terrymooreii/sia",
-  "version": "2.0.2",
+  "version": "2.1.1",
   "description": "A simple, powerful static site generator with markdown, front matter, and Nunjucks templates",
   "main": "lib/index.js",
   "bin": {
@@ -37,8 +37,13 @@
     "highlight.js": "^11.9.0",
     "js-yaml": "^4.1.0",
     "marked": "^11.1.1",
+    "marked-alert": "^2.1.2",
     "marked-emoji": "^2.0.2",
+    "marked-footnote": "^1.4.0",
+    "marked-gfm-heading-id": "^3.1.3",
     "marked-highlight": "^2.1.0",
+    "marked-linkify-it": "^3.1.14",
+    "marked-smartypants": "^1.1.11",
     "nunjucks": "^3.2.4",
     "prompts": "^2.4.2",
     "ws": "^8.16.0"

package/readme.md

@@ -4,6 +4,7 @@ A simple, powerful static site generator built with JavaScript. Similar to Eleve
 
 ## Features
 
+- **Enhanced Markdown** - Syntax highlighting, emoji support, footnotes, alert boxes, auto-linkify, and more
 - **Markdown & Front Matter** - Write content in markdown with YAML front matter
 - **Nunjucks Templates** - Flexible templating with includes and layouts
 - **Multiple Content Types** - Blog posts, pages, and notes (tweet-like short posts)
@@ -11,7 +12,7 @@ A simple, powerful static site generator built with JavaScript. Similar to Eleve
 - **Pagination** - Built-in pagination for listing pages
 - **Image Support** - Automatic image copying and organization
 - **Live Reload** - Development server with hot reloading
-- **Dark Mode** - Built-in light/dark theme with toggle
+- **Themes** - Built-in themes (main, minimal) with light/dark mode toggle
 - **RSS Feed** - Automatic RSS feed generation
 - **YAML/JSON Config** - Flexible configuration options
 
@@ -104,6 +105,8 @@ site:
   url: "https://example.com"
   author: "Your Name"
 
+theme: main  # 'main' or 'minimal'
+
 input: src
 output: dist
 
@@ -128,8 +131,18 @@ pagination:
 
 server:
   port: 3000
+  showDrafts: false  # Set to true to show draft posts in dev server
 ```
 
+### Server Configuration
+
+| Option | Description | Default |
+|-------|-------------|---------|
+| `port` | Port number for development server | `3000` |
+| `showDrafts` | Show draft posts when using `sia dev` | `false` |
+
+When `showDrafts` is set to `true`, draft posts (posts with `draft: true` in front matter) will be included in the development server build. This is useful for previewing draft content locally. Drafts are always excluded from production builds.
+
 ## Front Matter
 
 Each markdown file can have YAML front matter:
@@ -155,9 +168,105 @@ excerpt: "Custom excerpt text"
 | `tags` | Array of tags |
 | `layout` | Template to use |
 | `permalink` | Custom URL |
-| `draft` | If true, excluded from build |
+| `draft` | If true, excluded from build (unless `server.showDrafts` is enabled) |
 | `excerpt` | Custom excerpt |
 
+## Markdown Features
+
+Sia supports enhanced markdown features beyond standard markdown:
+
+### Syntax Highlighting
+
+Code blocks are automatically highlighted using Highlight.js:
+
+````markdown
+```javascript
+function hello() {
+  console.log("Hello, world!");
+}
+```
+````
+
+### Emoji Support
+
+Use emoji shortcodes in your markdown:
+
+```markdown
+:smile: :rocket: :heart: :thumbsup:
+```
+
+Common emojis: `:smile:`, `:heart:`, `:thumbsup:`, `:fire:`, `:rocket:`, `:star:`, `:check:`, `:warning:`, and many more.
+
+### Heading IDs
+
+All headings automatically get ID attributes for anchor links:
+
+```markdown
+## My Heading
+```
+
+Becomes: `<h2 id="my-heading">My Heading</h2>`
+
+You can link to headings within the same document:
+
+```markdown
+[Link to My Heading](#my-heading)
+```
+
+### Footnotes
+
+Add footnotes to your content:
+
+```markdown
+This is a sentence with a footnote[^1].
+
+[^1]: This is the footnote content.
+```
+
+### Typography Enhancements
+
+Smart typography automatically converts:
+
+- Straight quotes (`"` and `'`) to curly quotes (`"` `"` `'` `'`)
+- Double hyphens (`--`) to en-dash (`–`)
+- Triple hyphens (`---`) to em-dash (`—`)
+- Three dots (`...`) to ellipsis (`…`)
+
+### Alert Boxes
+
+Create GitHub Flavored Markdown-style alert boxes:
+
+```markdown
+> [!NOTE]
+> This is a note alert.
+
+> [!TIP]
+> This is a tip alert.
+
+> [!WARNING]
+> This is a warning alert.
+
+> [!CAUTION]
+> This is a caution alert.
+```
+
+### Auto-Linkify
+
+Plain URLs are automatically converted to clickable links:
+
+```markdown
+Visit https://example.com for more info.
+```
+
+### GitHub Flavored Markdown
+
+Full GFM support including:
+
+- Tables
+- Task lists (`- [ ]` and `- [x]`)
+- Strikethrough (`~~text~~`)
+- And more
+
 ## Templates
 
 Sia uses Nunjucks for templating. Templates are loaded from: