news-cms-module 1.0.0 → 1.1.0

package/README.md

@@ -21,48 +21,72 @@ npm install news-cms-module ejs express-session mysql2
 
 ```javascript
 const express = require('express');
-const path = require('path');
+require('dotenv').config();
 const newsModule = require('news-cms-module');
 
 const app = express();
 
 const dbConfig = {
-    database: 'dummy_news',// bisa disesuaikan lagi
-    username: 'root',
-    password: 'your_password',
-    host: 'localhost',};
-
-const PORT = 3000;
+    host: process.env.DB_HOST,
+    port: process.env.DB_PORT || 3036, // Sesuaikan dengan port db anda
+    username: process.env.DB_USER_NAME,
+    password: process.env.DB_PASSWORD,
+    database: process.env.DB_NAME,
+    dialect: 'mysql',
+    dialectOptions: {
+        ssl: {
+            require: true,
+            rejectUnauthorized: false // Set ke false jika tidak pakai file sertifikat .pem
+        }
+    },
+    // Opsional: tambahkan ini untuk mencegah timeout di koneksi lambat
+    pool: {
+        max: 5,
+        min: 0,
+        acquire: 30000,
+        idle: 10000
+    }
+};
+
+// Konfigurasi URL Dinamis
+const PORT = process.env.PORT || 3000;
+const APP_URL = process.env.APP_URL || `http://localhost:${PORT}`;
+const NEWS_PREFIX = '/berita'; // Anda bisa mengganti ini sesuka hati (misal: /news)
 
 async function startServer() {
-    // 1. Middleware Global & View Engine
+    // 1. Inisialisasi Middleware Global
     app.use(express.json());
     app.use(express.urlencoded({ extended: true }));
-
-    // Public asset untuk akses gambar berita
-    app.use(express.static('public'))
-    
-    // WAJIB: Atur EJS agar tampilan modul dapat dirender
-    app.set('view engine', 'ejs');
-
-    // 2. Inisialisasi Modul News
-    // Package dijalankan secara ASYNC karena sinkronisasi database
-    const newsRouter = await newsModule(dbConfig, { 
-        adminRoutePrefix: '/cms-admin',
-        sessionSecret: 'news_cms_secret_key'});
-
-    // 3. Pasang Router ke Prefix URL Host
-    app.use('/berita', newsRouter);
-
-    // 4. Jalankan Server
-    app.listen(PORT, () => {
-        console.log(`Server running on port ${PORT}`);
-        console.log(`User Interface: http://localhost:${PORT}/berita/list`);
-        console.log(`Admin Dashboard: http://localhost:${PORT}/berita/cms-admin/dashboard`);
-    });
+    app.use(express.static('public'));
+
+    try {
+        // 2. Inisialisasi Package (Dijalankan secara ASYNC)
+        const newsRouter = await newsModule(dbConfig, { 
+            adminRoutePrefix: '/cms-admin',
+            newsPrefix: NEWS_PREFIX,
+            baseUrl: APP_URL + NEWS_PREFIX,
+        });
+
+        // 3. Pasang Router ke Prefix URL
+        // Ini akan membuat rute: /berita/list, /berita/cms-admin, dll.
+        app.use(NEWS_PREFIX, newsRouter);
+
+        // 4. Jalankan Server
+        app.listen(PORT, () => {
+            console.log(`Server Berhasil Dijalankan!`);
+            console.log(`Base URL   : ${APP_URL}`);
+            console.log(`API Berita : ${APP_URL}${NEWS_PREFIX}/list`);
+            console.log(`Admin CMS  : ${APP_URL}${NEWS_PREFIX}/cms-admin/dashboard`);
+        });
+    } catch (error) {
+        console.error("Gagal menjalankan server:", error);
+    }
 }
 
 startServer();
 ```
+pastikan untuk menyesuaikan bagian authAdminMiddleware pada module  di bagian middlewares. Sesuaikan dengan preferensi tabel user masing-masing.
+
 
-pastikan untuk menyesuaikan bagian authAdminMiddleware pada module  di bagian middlewares. Sesuaikan dengan preferensi tabel user masing-masing.
+github news-cms-module: https://github.com/DewaAry-D/news-cms-module.git
+github contoh implementasi: https://github.com/DewaAry-D/dummy-news.git

package/config/index.js

@@ -4,6 +4,8 @@ const defaultConfig = {
     // Pengaturan Router
     adminRoutePrefix: '/admin',       // Prefix default untuk route CRUD admin
     publicRoutePrefix: '/',           // Prefix default untuk route publik
+    newsPrefix: '/berita',            // Prefix defaul umum contohnya /berita/{..}
+    baseURL: '',                      // Prefix defaul untuk fetch API
 
     // Pengaturan Views
     viewEngine: 'ejs',                // Template engine default

package/controllers/NewsController.js

@@ -37,24 +37,6 @@ class NewsController {
             const categories = await this.newsService.getUniqueCategories();
             const trending = await this.newsService.getTrendingNews();
 
-            //ini mati klo dah ada view
-            // res.status(200).json({
-            //     success: true,
-            //     data: {
-            //         posts,
-            //         categories,
-            //         trending,
-            //         pagination: {
-            //             totalItems,
-            //             totalPages,
-            //             currentPage,
-            //             perPage,
-            //             hasNextPage: currentPage < totalPages,
-            //             hasPrevPage: currentPage > 1
-            //         }
-            //     }
-            // });
-
             //render
             res.render(path.join(__dirname, "../views/home.ejs"), {
                 posts,
@@ -145,13 +127,17 @@ class NewsController {
                 });
             }
 
-            // res.status(200).json({
-            //     success: true,
-            //     data: post
-            // })
+            const appBaseUrl = config.baseUrl; 
+            const newsPrefix = config.newsPrefix;
+            const adminPrefix = config.adminRoutePrefix;
+
+            const fullApiUrl = `${appBaseUrl}${adminPrefix}/create`;
+            const nextUrl = `${newsPrefix}${adminPrefix}/list`
             
             res.render(path.join(__dirname, '../views/admin/update_news.ejs'), { 
-                data: posts
+                data: posts,
+                apiBaseUrl: fullApiUrl,
+                nextUrl
             });
         } catch (error) {
             res.status(500).json({

package/models/index.js

@@ -6,8 +6,11 @@ const VisitorLogModel = require('./VisitorLog');
 module.exports = (config) => {
     const sequelize = new Sequelize(config.database, config.username, config.password, {
         host: config.host,
-        dialect: 'mysql',
-        logging: false,
+        port: config.port, 
+        dialect: config.dialect || 'mysql',
+        dialectOptions: config.dialectOptions,
+        pool: config.pool,
+        logging: config.logging !== undefined ? config.logging : false,
     });
 
     const db = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "news-cms-module",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/routes/index.js

@@ -42,8 +42,24 @@ module.exports = (router, services, config) => {
     const adminRouter = express.Router();
     adminRouter.use(isAdmin);
     
-    adminRouter.get('/create', (req, res) => {
-        res.render(path.join(__dirname, '../views/admin/create_news.ejs'));
+    // adminRouter.get('/create', (req, res) => {
+    //     res.render(path.join(__dirname, '../views/admin/create_news.ejs'));
+    // });
+
+    router.get('/cms-admin/create', (req, res) => {
+        const appBaseUrl = config.baseUrl; 
+        const newsPrefix = config.newsPrefix;
+        const adminPrefix = config.adminRoutePrefix;
+
+        const fullApiUrl = `${appBaseUrl}${adminPrefix}/create`;
+        const nextUrl = `${newsPrefix}${adminPrefix}/list`
+
+        res.render(path.join(__dirname, "../views/admin/create_news.ejs"), {
+            title: 'Buat Berita Baru',
+
+            apiBaseUrl: fullApiUrl,
+            nextUrl
+        });
     });
     adminRouter.post('/create', beritaUpload, parseContentBlocks, CreateNewsValidationRules, validate, newsController.createPost.bind(newsController));
 

package/services/NewsService.js

@@ -9,10 +9,8 @@ class NewsService {
 
     async getTrendingNews() {
         try {
-            // 1. Tentukan batas waktu (24 jam yang lalu dari sekarang)
             const last24Hours = new Date(new Date() - 24 * 60 * 60 * 1000);
 
-            // 2. Query untuk menghitung views per berita
             const trending = await this.News.findAll({
                 attributes: [
                     'id',
@@ -22,24 +20,23 @@ class NewsService {
                     'imagePath',
                     'authorName',
                     'createdAt',
-                    // Membuat kolom virtual 'totalViews' dari hasil hitung (COUNT)
                     [fn('COUNT', col('visits.id')), 'totalViews']
                 ],
                 include: [{
                     model: this.VisitorLog,
-                    as: 'visits', // SESUAI dengan alias relasi Anda
-                    attributes: [], // Kita tidak butuh kolom detail dari VisitorLog
+                    as: 'visits',
+                    attributes: [],
                     where: {
                         visitedAt: {
-                            [Op.gt]: last24Hours // Hanya log dalam 24 jam terakhir
+                            [Op.gt]: last24Hours
                         }
                     },
-                    required: true // Menggunakan INNER JOIN agar hanya berita yang ada view-nya yang muncul
+                    required: true 
                 }],
-                group: ['News.id'], // Kelompokkan berdasarkan ID berita
-                order: [[fn('COUNT', col('visits.id')), 'DESC']], // Urutkan terbanyak ke terendah
-                limit: 10, // Ambil 10 teratas
-                subQuery: false // WAJIB false agar LIMIT dan GROUP BY bekerja benar dengan JOIN
+                group: ['News.id'],
+                order: [[fn('COUNT', col('visits.id')), 'DESC']],
+                limit: 10, 
+                subQuery: false 
             });
 
             return trending;

package/views/admin/create_news.ejs

@@ -12,13 +12,13 @@
   <!-- Sidebar -->
   <nav class="sidebar">
     <div class="logo">
-      <a href="index.html" style="display: flex; justify-content: center;"><img src="../../img/logo.png"
+      <a href="./dashboard" style="display: flex; justify-content: center;"><img src="/berita/img/logo.png"
           alt="Logo DeNews" /></a>
     </div>
 
     <ul class="nav-menu">
       <li class="nav-item">
-        <a href="index.html" class="nav-link">
+        <a href="./dashboard" class="nav-link">
           <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
             <polyline points="9 22 9 12 15 12 15 22"></polyline>
@@ -73,6 +73,9 @@
             <option value="Hiburan">Hiburan</option>
             <option value="Olahraga">Olahraga</option>
             <option value="Nasional">Nasional</option>
+            <option value="Teknologi">Teknologi</option>
+            <option value="Game">Game</option>
+            <option value="Kesehatan">Kesehatan</option>
           </select>
         </div>
 
@@ -279,29 +282,22 @@
 
         console.log(contentBlocksData);
         
-        console.log("step 6");
 
         // Kirim metadata blok sebagai string JSON (Standar multipart/form-data untuk array of objects)
         formData.append('contentBlocks', JSON.stringify(contentBlocksData));
-
-        console.log("step 7");
-
         try {
-            const response = await fetch('http://localhost:3000/berita/cms-admin/create', {
+            const response = await fetch('<%= apiBaseUrl %>', {
                 method: 'POST',
                 body: formData
                 // Jangan set Header Content-Type, browser akan otomatis mengurusnya untuk FormData
             });
 
-            console.log("step 8");
-
             const result = await response.json();
 
-            console.log("step 9");
 
             if (response.ok && result.success) {
                 alert('Berita berhasil disimpan!');
-                window.location.href = '/berita/cms-admin/list';
+                window.location.href = '<%= nextUrl %>';
             } else {
                 alert('Gagal membuat berita: ' + (result.error || 'Terjadi kesalahan server'));
             }

package/views/admin/dashboard.ejs

@@ -89,7 +89,7 @@
                         %>
                         <div class="bar-wrapper">
                             <div class="bar" data-height="<%= Math.round(heightPercent) %>"
-                                style="height: <%= Math.round(heightPercent) %>%;">
+                                style="height: <%= Math.round(heightPercent) %>%">
                             </div>
                             <span class="bar-label">
                                 <%= monthName %>

package/views/admin/update_news.ejs

@@ -12,13 +12,13 @@
   <!-- Sidebar -->
   <nav class="sidebar">
     <div class="logo">
-      <a href="index.html" style="display: flex; justify-content: center;"><img src="../../img/logo.png"
+      <a href="index.html" style="display: flex; justify-content: center;"><img src="/berita/img/logo.png"
           alt="Logo DeNews" /></a>
     </div>
 
     <ul class="nav-menu">
       <li class="nav-item">
-        <a href="index.html" class="nav-link">
+        <a href="./dashboard" class="nav-link">
           <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
             <polyline points="9 22 9 12 15 12 15 22"></polyline>
@@ -329,14 +329,10 @@
         });
 
         console.log(contentBlocksData);
-        
-        console.log("step 6");
 
         // Kirim metadata blok sebagai string JSON (Standar multipart/form-data untuk array of objects)
         formData.append('contentBlocks', JSON.stringify(contentBlocksData));
 
-        console.log("step 7");
-
         try {
             let url = 'http://localhost:3000/berita/cms-admin/update/' + '<%= data.id %>';
             const response = await fetch( url, {
@@ -345,12 +341,8 @@
                 // Jangan set Header Content-Type, browser akan otomatis mengurusnya untuk FormData
             });
 
-            console.log("step 8");
-
             const result = await response.json();
 
-            console.log("step 9");
-
             if (response.ok && result.success) {
                 alert('Berita berhasil disimpan!');
                 window.location.href = '/berita/cms-admin/list';