Upload 7 files

Dockerfile

@@ -0,0 +1,75 @@
+# Multi-stage build untuk HF Spaces
+# Stage 1: Build Next.js
+FROM node:18-alpine AS nextjs-builder
+
+WORKDIR /app
+
+# Install dependencies
+COPY package.json package-lock.json* ./
+RUN npm ci --only=production
+
+# Copy source dan build
+COPY . .
+RUN npm run build
+
+# Stage 2: Jekyll + Ruby
+FROM ruby:3.1-alpine AS final
+
+# Install system dependencies
+RUN apk add --no-cache \
+    build-base \
+    git \
+    nodejs \
+    npm \
+    curl \
+    bash \
+    tzdata
+
+# Install Jekyll dan Bundler
+RUN gem install jekyll bundler && gem cleanup
+
+# Set working directory
+WORKDIR /app
+
+# Copy Next.js build dari stage sebelumnya
+COPY --from=nextjs-builder /app/.next ./.next
+COPY --from=nextjs-builder /app/node_modules ./node_modules
+COPY --from=nextjs-builder /app/package.json ./package.json
+COPY --from=nextjs-builder /app/public ./public
+
+# Copy sisa files
+COPY . .
+
+# Create user dan directories untuk HF Spaces
+RUN addgroup -g 1000 appuser && \
+    adduser -D -s /bin/bash -u 1000 -G appuser appuser
+
+# Create directories dengan proper permissions
+RUN mkdir -p /app/projects /app/templates /app/.next && \
+    chmod -R 755 /app && \
+    chown -R appuser:appuser /app
+
+# Copy dan setup entrypoint
+COPY entrypoint-hf.sh /usr/local/bin/entrypoint.sh
+RUN chmod +x /usr/local/bin/entrypoint.sh && \
+    chown appuser:appuser /usr/local/bin/entrypoint.sh
+
+# Switch ke non-root user
+USER appuser
+
+# Expose port untuk HF Spaces
+EXPOSE 7860
+
+# Environment variables
+ENV PORT=7860
+ENV NODE_ENV=production
+ENV JEKYLL_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV CI=true
+
+# Health check
+HEALTHCHECK --interval=30s --timeout=10s --start-period=60s --retries=3 \
+    CMD curl -f http://localhost:7860/api/health || exit 1
+
+ENTRYPOINT ["/usr/local/bin/entrypoint.sh"]
+CMD ["start"]

next.config.js

@@ -0,0 +1,117 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  swcMinify: true,
+  output: 'standalone',
+  
+  // Disable problematic features untuk HF Spaces
+  telemetry: {
+    enabled: false
+  },
+  
+  // Environment variables
+  env: {
+    JEKYLL_ENV: process.env.JEKYLL_ENV || 'production',
+    GEMINI_API_KEY: process.env.GEMINI_API_KEY,
+    NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
+    NEXT_TELEMETRY_DISABLED: '1',
+  },
+  
+  // API routes configuration
+  async rewrites() {
+    return [
+      // Jekyll preview proxy
+      {
+        source: '/preview/:site/:path*',
+        destination: '/api/jekyll/preview/:site/:path*'
+      },
+      // Static jekyll files
+      {
+        source: '/sites/:site/:path*',
+        destination: '/api/jekyll/static/:site/:path*'
+      }
+    ];
+  },
+  
+  // Headers untuk CORS dan security
+  async headers() {
+    return [
+      {
+        source: '/api/:path*',
+        headers: [
+          {
+            key: 'Access-Control-Allow-Origin',
+            value: process.env.NODE_ENV === 'production' 
+              ? process.env.ALLOWED_ORIGINS || '*'
+              : '*'
+          },
+          {
+            key: 'Access-Control-Allow-Methods',
+            value: 'GET, POST, PUT, DELETE, OPTIONS'
+          },
+          {
+            key: 'Access-Control-Allow-Headers',
+            value: 'Content-Type, Authorization, X-Requested-With'
+          }
+        ]
+      },
+      {
+        source: '/sites/:path*',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=3600, s-maxage=3600'
+          }
+        ]
+      }
+    ];
+  },
+  
+  // Webpack config untuk Jekyll integration
+  webpack: (config, { isServer }) => {
+    if (!isServer) {
+      config.resolve.fallback = {
+        ...config.resolve.fallback,
+        fs: false,
+        path: false,
+        child_process: false,
+      };
+    }
+    
+    // Ignore Jekyll files in webpack
+    config.watchOptions = {
+      ...config.watchOptions,
+      ignored: [
+        '**/projects/**',
+        '**/templates/**',
+        '**/.bundle/**'
+      ]
+    };
+    
+    return config;
+  },
+  
+  // Image optimization
+  images: {
+    unoptimized: true,
+    domains: ['localhost', 'huggingface.co'],
+  },
+  
+  // Build optimization
+  compress: true,
+  poweredByHeader: false,
+  
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  
+  // Experimental features
+  experimental: {
+    serverComponentsExternalPackages: ['@google/generative-ai']
+  }
+};
+
+module.exports = nextConfig;

package.json

@@ -0,0 +1,44 @@
+{
+  "name": "jekyll-studio-hf",
+  "version": "1.0.0",
+  "description": "Jekyll Studio untuk Hugging Face Spaces",
+  "main": "server.js",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "jekyll:create": "/usr/local/bin/entrypoint.sh create-site",
+    "jekyll:build": "/usr/local/bin/entrypoint.sh build-site",
+    "jekyll:serve": "/usr/local/bin/entrypoint.sh serve-site"
+  },
+  "dependencies": {
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@google/generative-ai": "^0.2.0",
+    "next-auth": "^4.24.0",
+    "uuid": "^9.0.0",
+    "formidable": "^3.5.0",
+    "fs-extra": "^11.1.0",
+    "archiver": "^6.0.0",
+    "yauzl": "^2.10.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "eslint": "^8.0.0",
+    "eslint-config-next": "^14.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "jekyll",
+    "nextjs",
+    "huggingface",
+    "static-site-generator"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

pages/api/jekyll/build.js

@@ -0,0 +1,98 @@
+// pages/api/jekyll/build.js
+import { exec } from 'child_process';
+import { promisify } from 'util';
+import path from 'path';
+import fs from 'fs-extra';
+
+const execAsync = promisify(exec);
+
+export default async function handler(req, res) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Method not allowed' });
+  }
+
+  try {
+    const { siteName } = req.body;
+
+    if (!siteName) {
+      return res.status(400).json({ error: 'Site name is required' });
+    }
+
+    const sitePath = path.join('/app/projects', siteName);
+
+    // Check if site exists
+    if (!(await fs.pathExists(sitePath))) {
+      return res.status(404).json({ error: 'Site not found' });
+    }
+
+    console.log(`Building Jekyll site: ${siteName}`);
+
+    // Build Jekyll site menggunakan entrypoint script
+    const { stdout, stderr } = await execAsync(
+      `/usr/local/bin/entrypoint.sh build-site ${sitePath}`,
+      { 
+        timeout: 60000, // 1 minute timeout untuk build
+        cwd: '/app'
+      }
+    );
+
+    // Check if build was successful
+    const siteOutputPath = path.join(sitePath, '_site');
+    const buildExists = await fs.pathExists(siteOutputPath);
+
+    if (!buildExists) {
+      throw new Error('Build completed but _site directory not found');
+    }
+
+    // Get build info
+    const stats = await fs.stat(siteOutputPath);
+    const files = await getAllFiles(siteOutputPath);
+
+    console.log('Jekyll site built:', stdout);
+    if (stderr) console.warn('Jekyll build warnings:', stderr);
+
+    res.status(200).json({
+      success: true,
+      message: 'Jekyll site built successfully',
+      siteName,
+      buildPath: siteOutputPath,
+      buildTime: stats.mtime,
+      filesCount: files.length,
+      previewUrl: `/sites/${siteName}`,
+      output: stdout,
+      warnings: stderr || null
+    });
+
+  } catch (error) {
+    console.error('Error building Jekyll site:', error);
+    
+    res.status(500).json({
+      error: 'Failed to build Jekyll site',
+      details: error.message,
+      stderr: error.stderr || null
+    });
+  }
+}
+
+// Helper function untuk get semua files di directory
+async function getAllFiles(dir) {
+  const files = [];
+  
+  async function scan(currentDir) {
+    const items = await fs.readdir(currentDir);
+    
+    for (const item of items) {
+      const fullPath = path.join(currentDir, item);
+      const stat = await fs.stat(fullPath);
+      
+      if (stat.isDirectory()) {
+        await scan(fullPath);
+      } else {
+        files.push(fullPath);
+      }
+    }
+  }
+  
+  await scan(dir);
+  return files;
+}

pages/api/jekyll/create.js

@@ -0,0 +1,141 @@
+// pages/api/jekyll/create.js
+import { exec } from 'child_process';
+import { promisify } from 'util';
+import path from 'path';
+import fs from 'fs-extra';
+
+const execAsync = promisify(exec);
+
+export default async function handler(req, res) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Method not allowed' });
+  }
+
+  try {
+    const { siteName, template = 'blog', config = {} } = req.body;
+
+    if (!siteName || !/^[a-zA-Z0-9-_]+$/.test(siteName)) {
+      return res.status(400).json({ 
+        error: 'Invalid site name. Use only alphanumeric, dash, and underscore.' 
+      });
+    }
+
+    const sitePath = path.join('/app/projects', siteName);
+
+    // Check if site already exists
+    if (await fs.pathExists(sitePath)) {
+      return res.status(409).json({ 
+        error: 'Site already exists' 
+      });
+    }
+
+    // Create Jekyll site menggunakan entrypoint script
+    console.log(`Creating Jekyll site: ${siteName}`);
+    
+    const { stdout, stderr } = await execAsync(
+      `/usr/local/bin/entrypoint.sh create-site ${siteName}`,
+      { 
+        timeout: 30000,
+        cwd: '/app'
+      }
+    );
+
+    // Customize site based on template
+    await customizeJekyllSite(sitePath, template, config);
+
+    console.log('Jekyll site created:', stdout);
+    if (stderr) console.warn('Jekyll warnings:', stderr);
+
+    res.status(201).json({
+      success: true,
+      message: 'Jekyll site created successfully',
+      siteName,
+      path: sitePath,
+      previewUrl: `/preview/${siteName}`,
+      output: stdout
+    });
+
+  } catch (error) {
+    console.error('Error creating Jekyll site:', error);
+    
+    res.status(500).json({
+      error: 'Failed to create Jekyll site',
+      details: error.message,
+      stderr: error.stderr || null
+    });
+  }
+}
+
+async function customizeJekyllSite(sitePath, template, config) {
+  try {
+    // Update _config.yml dengan konfigurasi custom
+    const configPath = path.join(sitePath, '_config.yml');
+    const defaultConfig = await fs.readFile(configPath, 'utf8');
+    
+    const customConfig = `${defaultConfig}
+
+# Jekyll Studio Configuration
+title: ${config.title || 'My Jekyll Site'}
+description: ${config.description || 'Created with Jekyll Studio'}
+url: ""
+baseurl: ""
+
+# Build settings
+markdown: kramdown
+highlighter: rouge
+theme: minima
+
+plugins:
+  - jekyll-feed
+
+# Exclude from processing
+exclude:
+  - Gemfile
+  - Gemfile.lock
+  - node_modules
+  - vendor/bundle/
+  - vendor/cache/
+  - vendor/gems/
+  - vendor/ruby/
+`;
+
+    await fs.writeFile(configPath, customConfig);
+
+    // Create sample post berdasarkan template
+    const postsDir = path.join(sitePath, '_posts');
+    await fs.ensureDir(postsDir);
+
+    const samplePost = `---
+layout: post
+title: "Welcome to Jekyll Studio!"
+date: ${new Date().toISOString().split('T')[0]} 12:00:00 +0000
+categories: jekyll update
+---
+
+# Welcome to Your New Jekyll Site!
+
+This site was created using **Jekyll Studio** on Hugging Face Spaces.
+
+## Features
+
+- 🚀 Fast static site generation
+- 📝 Markdown support  
+- 🎨 Customizable themes
+- 📱 Mobile responsive
+- 🔍 SEO optimized
+
+## Getting Started
+
+Edit this post in \`_posts/\` directory or create new posts using the Jekyll Studio interface.
+
+Happy blogging! ✨
+`;
+
+    const postPath = path.join(postsDir, `${new Date().toISOString().split('T')[0]}-welcome-to-jekyll-studio.md`);
+    await fs.writeFile(postPath, samplePost);
+
+    console.log(`Jekyll site customized with ${template} template`);
+  } catch (error) {
+    console.warn('Failed to customize Jekyll site:', error.message);
+  }
+}

pages/api/jekyll/static/[...path].js

@@ -0,0 +1,100 @@
+// pages/api/jekyll/static/[...path].js
+// Serve static Jekyll files
+import path from 'path';
+import fs from 'fs-extra';
+import { lookup } from 'mime-types';
+
+export default async function handler(req, res) {
+  try {
+    const { path: pathArray } = req.query;
+    
+    if (!pathArray || !Array.isArray(pathArray) || pathArray.length === 0) {
+      return res.status(400).json({ error: 'Invalid path' });
+    }
+
+    const [siteName, ...filePath] = pathArray;
+    const requestedFile = filePath.join('/') || 'index.html';
+    
+    // Security: prevent path traversal
+    if (siteName.includes('..') || requestedFile.includes('..')) {
+      return res.status(403).json({ error: 'Access denied' });
+    }
+
+    const sitePath = path.join('/app/projects', siteName, '_site');
+    const fullPath = path.join(sitePath, requestedFile);
+
+    // Check if site exists
+    if (!(await fs.pathExists(sitePath))) {
+      return res.status(404).json({ error: 'Site not found' });
+    }
+
+    // Try to find the file
+    let targetFile = fullPath;
+    
+    // If requesting a directory, try index.html
+    if ((await fs.pathExists(fullPath)) && (await fs.stat(fullPath)).isDirectory()) {
+      targetFile = path.join(fullPath, 'index.html');
+    }
+    
+    // If file doesn't exist, try adding .html extension
+    if (!(await fs.pathExists(targetFile))) {
+      targetFile = fullPath + '.html';
+    }
+
+    // Final check
+    if (!(await fs.pathExists(targetFile))) {
+      return res.status(404).json({ error: 'File not found' });
+    }
+
+    // Security: ensure file is within site directory
+    const resolvedPath = path.resolve(targetFile);
+    const resolvedSitePath = path.resolve(sitePath);
+    
+    if (!resolvedPath.startsWith(resolvedSitePath)) {
+      return res.status(403).json({ error: 'Access denied' });
+    }
+
+    // Get file info
+    const stats = await fs.stat(targetFile);
+    const mimeType = lookup(targetFile) || 'application/octet-stream';
+
+    // Set headers
+    res.setHeader('Content-Type', mimeType);
+    res.setHeader('Content-Length', stats.size);
+    res.setHeader('Last-Modified', stats.mtime.toUTCString());
+    res.setHeader('Cache-Control', 'public, max-age=3600');
+
+    // Handle conditional requests
+    const ifModifiedSince = req.headers['if-modified-since'];
+    if (ifModifiedSince && new Date(ifModifiedSince) >= stats.mtime) {
+      return res.status(304).end();
+    }
+
+    // Stream the file
+    const fileStream = fs.createReadStream(targetFile);
+    fileStream.pipe(res);
+
+    fileStream.on('error', (error) => {
+      console.error('Error streaming file:', error);
+      if (!res.headersSent) {
+        res.status(500).json({ error: 'Error reading file' });
+      }
+    });
+
+  } catch (error) {
+    console.error('Error serving static file:', error);
+    
+    if (!res.headersSent) {
+      res.status(500).json({ 
+        error: 'Internal server error',
+        details: error.message 
+      });
+    }
+  }
+}
+
+export const config = {
+  api: {
+    responseLimit: '10mb', // Allow larger files
+  },
+};

usr/local/bin/entrypoint.sh

@@ -0,0 +1,114 @@
+#!/bin/bash
+set -e
+
+# Function to create Jekyll site via API
+create_jekyll_site() {
+    local site_name="$1"
+    local site_dir="/app/projects/$site_name"
+    
+    echo "Creating Jekyll site: $site_name"
+    
+    # Create directory
+    mkdir -p "$site_dir"
+    cd "$site_dir"
+    
+    # Initialize Jekyll site
+    if [ ! -f "_config.yml" ]; then
+        jekyll new . --force --blank
+        
+        # Create basic Gemfile for HF compatibility
+        cat > Gemfile << 'EOF'
+source "https://rubygems.org"
+gem "jekyll", "~> 4.3"
+gem "webrick", "~> 1.7"
+group :jekyll_plugins do
+  gem "jekyll-feed", "~> 0.12"
+end
+EOF
+        
+        bundle install --path .bundle
+        echo "Jekyll site created successfully"
+    else
+        echo "Jekyll site already exists"
+    fi
+}
+
+# Function to build Jekyll site
+build_jekyll_site() {
+    local site_dir="$1"
+    
+    echo "Building Jekyll site in: $site_dir"
+    cd "$site_dir"
+    
+    if [ -f "Gemfile" ]; then
+        bundle install --path .bundle
+        JEKYLL_ENV=production bundle exec jekyll build
+    else
+        jekyll build
+    fi
+    
+    echo "Jekyll site built successfully"
+}
+
+# Function to serve Jekyll site (untuk development)
+serve_jekyll_site() {
+    local site_dir="$1"
+    local port="${2:-4000}"
+    
+    echo "Serving Jekyll site from: $site_dir on port: $port"
+    cd "$site_dir"
+    
+    if [ -f "Gemfile" ]; then
+        bundle install --path .bundle
+        bundle exec jekyll serve --host 0.0.0.0 --port "$port"
+    else
+        jekyll serve --host 0.0.0.0 --port "$port"
+    fi
+}
+
+# Initialize environment
+init_environment() {
+    echo "Initializing Jekyll Studio environment for Hugging Face Spaces..."
+    
+    # Create necessary directories
+    mkdir -p /app/projects /app/templates
+    
+    # Set proper permissions
+    chmod -R 755 /app/projects /app/templates 2>/dev/null || true
+    
+    # Set default environment variables
+    export NEXTAUTH_SECRET=${NEXTAUTH_SECRET:-"hf-spaces-jekyll-studio-secret"}
+    export NEXTAUTH_URL=${NEXTAUTH_URL:-"https://$SPACE_ID-$SPACE_AUTHOR_NAME.hf.space"}
+    export NEXT_TELEMETRY_DISABLED=1
+    
+    echo "Environment initialized successfully"
+}
+
+# Main command handling
+case "$1" in
+    "create-site")
+        create_jekyll_site "$2"
+        ;;
+    "build-site")
+        build_jekyll_site "$2"
+        ;;
+    "serve-site")
+        serve_jekyll_site "$2" "$3"
+        ;;
+    "start")
+        init_environment
+        echo "Starting Jekyll Studio on Hugging Face Spaces..."
+        echo "Next.js server starting on port $PORT"
+        exec npm start -- -p "$PORT"
+        ;;
+    *)
+        echo "Jekyll Studio HF Entrypoint"
+        echo "Available commands:"
+        echo "  create-site <name>  - Create new Jekyll site"
+        echo "  build-site <dir>    - Build Jekyll site"
+        echo "  serve-site <dir>    - Serve Jekyll site"
+        echo "  start               - Start Next.js server (default)"
+        init_environment
+        exec npm start -- -p "${PORT:-7860}"
+        ;;
+esac