.drone.yml

@@ -17,7 +17,6 @@ steps:
     environment:
       STACK_NAME: kios_admin_lumbung_space
       SECRET_PAYLOAD_SECRET_VERSION: v1
-      APP_ENTRYPOINT_VERSION: v1
     settings:
       stack: kios_admin_lumbung_space
       host: lumbung.space

.env.example

@@ -1,6 +0,0 @@
-MONGODB_URI=
-PAYLOAD_SECRET=
-# local
-PAYLOAD_PUBLIC_SERVER_URL=http://localhost:3000
-# Production
-# PAYLOAD_PUBLIC_SERVER_URL=https://kios-admin.lumbung.space

.gitignore

@@ -38,7 +38,6 @@ bower_components
 
 # Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
-build/
 
 # Dependency directories
 node_modules/

.yarnrc.yml

@@ -1 +0,0 @@
-nodeLinker: node-modules

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:21-bookworm as base
+FROM node:18-alpine as base
 
 FROM base as builder
 

README.md

@@ -1,25 +1,9 @@
 # lumbung-kiosk-cms
 
-[![Build Status](https://drone.autonomic.zone/api/badges/ruangrupa/lumbung-kios-cms/status.svg?ref=refs/heads/main)](https://drone.autonomic.zone/ruangrupa/lumbung-kios-cms)
+This project was created using create-payload-app using the ts-blank template.
 
-This project was created using `npx create-payload-app` using the ts-blank template.
+## How to Use
 
-## Local development
-
-- First, create a `.env` file in the root, and populate it with these values:
-
-```
-MONGODB_URI=mongodb://mongo:27017/lumbung-kios-cms
-PAYLOAD_SECRET=5c8ac4a2cd754247f38ae726
-PAYLOAD_PUBLIC_SERVER_URL=http://localhost:3000
-```
-
-- Run `docker-compose -f docker-compose-local.yml up` to get the application running locally.
-- The application will have no data by default, so you will have to create your own test products, couriers, retailers, dispatches, and makers.
-
-## Deployment & production setup
-
-Push commits, it will auto-deploy to [kios-admin.lumbung.space](https://kios-admin.lumbung.space). CI/CD is powered by [Drone](https://drone.autonomic.zone/ruangrupa/lumbung-kios-cms), it uses the `Dockerfile` in the root project folder for builds. You can test builds locally using `docker build .`.
-
-The application is running on the `ruangrupa-dedi` server as a vanilla Docker swarm stack.
+`yarn dev` will start up your application and reload on any changes.
 
+If you have docker and docker-compose installed, you can run `docker-compose up`

compose.yml

@@ -6,7 +6,6 @@ services:
     image: decentral1se/kios-admin:latest
     networks:
       - proxy
-      - internal
     volumes:
       - app:/home/node/app
       - node_modules:/home/node/app/node_modules
@@ -15,14 +14,10 @@ services:
       PORT: 3000
       NODE_ENV: production
       PAYLOAD_SECRET_FILE: /run/secrets/payload_secret
-      PAYLOAD_CONFIG_PATH: /home/node/dist/payload.config.js
-      PAYLOAD_PUBLIC_SERVER_URL: https://kios-admin.lumbung.space
     configs:
       - source: app_entrypoint
         target: /docker-entrypoint.sh
         mode: 0555
-    entrypoint: /docker-entrypoint.sh
-    command: node dist/server.js
     secrets:
       - payload_secret
     deploy:
@@ -31,19 +26,19 @@ services:
         order: start-first
       labels:
         - "traefik.enable=true"
-        - "traefik.http.routers.kios-admin.rule=Host(`kios-admin.lumbung.space`, `www.kios-admin.lumbung.space`)"
-        - "traefik.http.routers.kios-admin.entrypoints=web-secure"
-        - "traefik.http.services.kios-admin.loadbalancer.server.port=3000"
-        - "traefik.http.routers.kios-admin.tls.certresolver=production"
+        - "traefik.http.routers.coop-cloud-site.rule=Host(`kios-admin.lumbung.space`, `www.kios-admin.lumbung.space`)"
+        - "traefik.http.routers.coop-cloud-site.entrypoints=web-secure"
+        - "traefik.http.services.coop-cloud-site.loadbalancer.server.port=3000"
+        - "traefik.http.routers.coop-cloud-site.tls.certresolver=production"
 
   db:
     image: mongo:6.0.3
-    networks:
-      - internal
     command:
       - "--storageEngine=wiredTiger"
     volumes:
       - data:/data/db
+    logging:
+      driver: none
 
 volumes:
   app:
@@ -51,7 +46,6 @@ volumes:
   data:
 
 networks:
-  internal:
   proxy:
     external: true
 

docker-compose-local.yml

@@ -1,31 +0,0 @@
-version: '3'
-
-services:
-  payload:
-    image: node:21-bookworm
-    ports:
-      - '3000:3000'
-    volumes:
-      - .:/home/node/app
-      - node_modules:/home/node/app/node_modules
-    working_dir: /home/node/app/
-    command: sh -c "yarn install && yarn dev"
-    depends_on:
-      - mongo
-    env_file:
-      - .env
-
-  mongo:
-    image: mongo:latest
-    ports:
-      - '27017:27017'
-    command:
-      - --storageEngine=wiredTiger
-    volumes:
-      - data:/data/db
-    logging:
-      driver: none
-
-volumes:
-  data:
-  node_modules:

entrypoint.sh.tmpl

@@ -1,5 +1,29 @@
-#!/bin/sh
+#!/bin/bash
 
-export PAYLOAD_SECRET=$(cat /run/secrets/payload_secret)
+set -e
+
+file_env() {
+   local var="$1"
+   local fileVar="${var}_FILE"
+   local def="${2:-}"
+
+   if [ "${!var:-}" ] && [ "${!fileVar:-}" ]; then
+      echo >&2 "error: both $var and $fileVar are set (but are exclusive)"
+      exit 1
+   fi
+
+   local val="$def"
+
+   if [ "${!var:-}" ]; then
+      val="${!var}"
+   elif [ "${!fileVar:-}" ]; then
+      val="$(< "${!fileVar}")"
+   fi
+
+   export "$var"="$val"
+   unset "$fileVar"
+}
+
+file_env "PAYLOAD_SECRET"
 
 node dist/server.js

package.json

@@ -15,17 +15,16 @@
     "generate:graphQLSchema": "PAYLOAD_CONFIG_PATH=src/payload.config.ts payload generate:graphQLSchema"
   },
   "dependencies": {
-    "dotenv": "^8.2.0",
-    "express": "^4.17.1",
     "payload": "^1.5.9",
-    "sharp": "^0.33.2"
+    "dotenv": "^8.2.0",
+    "express": "^4.17.1"
   },
   "devDependencies": {
     "@types/express": "^4.17.9",
-    "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "nodemon": "^2.0.6",
     "ts-node": "^9.1.1",
+    "copyfiles": "^2.4.1",
     "typescript": "^4.8.4"
   }
 }

src/collections/Couriers.ts

@@ -1,45 +0,0 @@
-import { CollectionConfig } from 'payload/types';
-
-const Couriers: CollectionConfig = {
-  slug: 'couriers',
-  admin: {
-    useAsTitle: 'name',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'name',
-      type: 'text',
-      required: true,
-    },
-    {
-      name: 'startingPoint',
-      label: 'Traveling from',
-      type: 'text', // TODO use geopicker here
-    },
-    {
-      name: 'destination',
-      label: 'Traveling to',
-      type: 'text' // TODO user geopicker here
-    },
-    {
-      name: 'departureDate',
-      label: 'Departure date',
-      type: 'date'
-    },
-    {
-      name: 'arrivalDate',
-      label: 'Arrival date',
-      type: 'date'
-    },
-    {
-      name: 'weightAllowance',
-      label: 'Weight Allowance (KG)',
-      type: 'number'
-    }
-  ],
-};
-
-export default Couriers;

src/collections/Dispatches.ts

@@ -1,95 +0,0 @@
-import { CollectionConfig } from 'payload/types';
-
-const Dispatches: CollectionConfig = {
-  slug: 'dispatches',
-  admin: {
-    useAsTitle: 'dispatchesCode',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-        name: 'dispatchesCode',
-        type: 'text', 
-        required: true,
-      },
-      {
-        name: 'products', 
-        type: 'relationship', 
-        relationTo: 'products', 
-        hasMany: true,
-      },
-      {
-        name: 'startingPoint', 
-        type: 'relationship', 
-        relationTo: 'makers', 
-        hasMany: false,
-      },
-      {
-        name: 'endPoint', 
-        type: 'relationship', 
-        relationTo: 'retailers', 
-        hasMany: false,
-      },
-      {
-        name: 'typeOfTransportation',
-        type: 'select',
-        hasMany: true,
-        options: [
-          {
-            label: 'Air',
-            value: 'air'
-          },
-          {
-            label: 'Car',
-            value: 'car'
-          },
-          {
-            label: 'Train',
-            value: 'train'
-          },
-          {
-            label: 'Boat',
-            value: 'boat'
-          }
-        ]
-      },
-      {
-        name: 'courier', 
-        type: 'relationship', 
-        relationTo: 'couriers', 
-        hasMany: false,
-        required: true
-      },
-      {
-        name: 'timeSensitive', 
-        type: 'checkbox', 
-      },
-      {
-        name: 'status', // required
-        type: 'select', // required
-        hasMany: true,
-        // admin: {
-        //   isClearable: true,
-        //   isSortable: true, // use mouse to drag and drop different values, and sort them according to your choice
-        // },
-        options: [
-          {
-            label: 'Route requested',
-            value: 'routeRequested',
-          },
-          {
-            label: 'In transit',
-            value: 'inTransit',
-          },
-          {
-            label: 'Completed',
-            value: 'completed',
-          },
-        ],
-      }
-  ],
-};
-
-export default Dispatches;

src/collections/Examples.ts

@@ -0,0 +1,17 @@
+import { CollectionConfig } from 'payload/types';
+
+// Example Collection - For reference only, this must be added to payload.config.ts to be used.
+const Examples: CollectionConfig = {
+  slug: 'examples',
+  admin: {
+    useAsTitle: 'someField',
+  },
+  fields: [
+    {
+      name: 'someField',
+      type: 'text',
+    },
+  ],
+}
+
+export default Examples;

src/collections/Makers.ts

@@ -1,34 +0,0 @@
-import { CollectionConfig } from 'payload/types';
-import { geoPickerField } from "../customFields/geoPicker/field";
-
-const Makers: CollectionConfig = {
-  slug: 'makers',
-  admin: {
-    useAsTitle: 'name',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-        name: 'name', // required
-        type: 'text', // required
-        required: true,
-      },
-  //geoPickerField, is a bit broken right now
-      {
-        name: 'location',
-        type: 'point',
-        label: 'Location',
-      },
-      {
-        name: 'products', // required
-        type: 'relationship', // required
-        relationTo: 'products', // required
-        hasMany: true,
-        // TODO: make the name of the product visible in the dropdown
-      }
-  ],
-};
-
-export default Makers;

src/collections/Products.ts

@@ -1,20 +0,0 @@
-import { CollectionConfig } from 'payload/types';
-
-const Products: CollectionConfig = {
-  slug: 'products',
-  admin: {
-    useAsTitle: 'productTitle',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-        name: 'productTitle', // required
-        type: 'text', // required
-        required: true,
-      },
-  ],
-};
-
-export default Products;

src/collections/Retailers.ts

@@ -1,36 +0,0 @@
-import { CollectionConfig } from 'payload/types';
-
-const Retailers: CollectionConfig = {
-  slug: 'retailers',
-  admin: {
-    useAsTitle: 'name',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-        name: 'name', // required
-        type: 'text', // required
-        required: true,
-      },
-      {
-        name: 'location',
-        type: 'point',
-        label: 'Location',
-      },
-      {
-        name: 'products', // required
-        type: 'relationship', // required
-        relationTo: 'products', // required
-        hasMany: true,
-      },
-      {
-        name: 'salesPoint',
-        type: 'text',
-        label: 'Where do you plan to sell/exhibit products?'
-      }
-  ],
-};
-
-export default Retailers;

src/customFields/geoPicker/GeoPicker.tsx

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { useField } from 'payload/components/forms';
-
-export const GeoPicker: React.FC<{ path: string }> = ({ path }) => {
-  const { value, setValue } = useField<string>({ path });
-  const [longitude, setLongitude] = React.useState(value[0] || 0);
-  const [latitude, setLatitude] = React.useState(value[1] || 0);
-  const [error, setError] = React.useState("")
-
-  const handleCityEnter = async (e) => {
-    if (e.key === 'Enter') {
-      try {
-        const response = await fetch(
-          `https://nominatim.openstreetmap.org/search?format=json&q=${e.target.value}`
-        );
-        const data = await response.json();
-        if (data && data.length > 0) {
-          const { lat, lon } = data[0];
-          setLatitude(lat);
-          setLongitude(lon);
-          setValue([lon, lat]);
-        }
-      } catch (err) {
-        setError(e)
-        console.error('Error fetching geolocation:', e);
-      }
-    }
-  };
-
-  const handleLatitudeChange = (e) => {
-    setLatitude(e.target.value);
-  };
-
-  const handleLongitudeChange = (e) => {
-    setLongitude(e.target.value);
-  };
-
-  return (
-    <div>
-      <div className='field-type text'>
-        <label className='field-label'>
-          City
-        </label>
-        <input
-          type="text"
-          className='field-name'
-          onKeyDown={handleCityEnter}
-          placeholder="Enter city to get coordinates"
-        />
-      </div>
-      {error != "" && 
-        <p>{error}</p>
-      }
-      <div className="field-type point">
-        <ul className='point__wrap'>
-          <li>
-            <label className='field-label'>Location - Longitude</label>
-            <input id="field-longitude-location" type="number" name="location.longitude" value={longitude} onChange={handleLongitudeChange}></input>
-          </li>
-          <li>
-            <label className='field-label'>Location - Latitude</label>
-            <input id="field-latitude-latitude" type="number" name="location.latitude" value={latitude} onChange={handleLatitudeChange}></input>
-          </li>
-        </ul>
-      </div>
-    </div>
-  );
-};

src/customFields/geoPicker/field.ts

@@ -1,12 +0,0 @@
-import { PointField } from 'payload/types';
-import { GeoPicker } from './GeoPicker';
-
-export const geoPickerField: PointField = {
-  name: 'Location',
-  type: 'point',
-  admin: {
-    components: {
-      Field: GeoPicker,
-    },
-  },
-}

src/payload.config.ts

@@ -2,25 +2,16 @@ import { buildConfig } from 'payload/config';
 import path from 'path';
 // import Examples from './collections/Examples';
 import Users from './collections/Users';
-import Couriers from './collections/Couriers';
-import Dispatches from './collections/Dispatches';
-import Makers from './collections/Makers';
-import Products from './collections/Products';
-import Retailers from './collections/Retailers';
-
 
 export default buildConfig({
-  serverURL: process.env.PAYLOAD_PUBLIC_SERVER_URL,
+  serverURL: 'http://localhost:3000',
   admin: {
     user: Users.slug,
   },
   collections: [
     Users,
-    Couriers,
-    Dispatches,
-    Makers,
-    Products,
-    Retailers,
+    // Add Collections here
+    // Examples,
   ],
   typescript: {
     outputFile: path.resolve(__dirname, 'payload-types.ts'),

src/server.ts

@@ -16,7 +16,7 @@ payload.init({
   express: app,
   onInit: () => {
     payload.logger.info(`Payload Admin URL: ${payload.getAdminURL()}`)
-  }
+  },
 })
 
 // Add your own express routes here