migrate to npm back

2025-02-13 16:50:05 +07:00 · 2025-02-13 16:50:05 +07:00 · 600bdae34e
parent d82c7a511a
commit 600bdae34e
14 changed files with 13917 additions and 14654 deletions
--- a/8
+++ b/8
@ -81,10 +81,12 @@ COPY package.json package-lock.json ./
 COPY vendor/ckeditor5 ./vendor/ckeditor5

 # Instal dependensi
-RUN npm ci --omit=dev
-
+RUN npm install -g npm@latest
+RUN npm install next --legacy-peer-deps
 # Salin semua file proyek
-COPY . .
+# COPY . .
+COPY . /usr/src/app
+

 # Bangun aplikasi
 RUN npm run build
--- a/components/form/article/create-article-form.tsx
+++ b/components/form/article/create-article-form.tsx
@ -766,7 +766,7 @@ export default function CreateArticleForm() {
          {errors?.tags && (
            <p className="text-red-400 text-sm  mb-3">{errors.tags?.message}</p>
          )}
-          <div className="flex flex-col gap-2 mt-3">
+          {/* <div className="flex flex-col gap-2 mt-3">
            <Switch isSelected={isScheduled} onValueChange={setIsScheduled}>
              Publish dengan Jadwal
            </Switch>
@ -805,7 +805,7 @@ export default function CreateArticleForm() {
                </div>
              </div>
            )}
-          </div>
+          </div> */}
        </div>

        <div className="flex flex-row justify-end gap-3">
--- a/components/layout/sidebar/sidebar.tsx
+++ b/components/layout/sidebar/sidebar.tsx
@ -445,7 +445,7 @@ const Sidebar: React.FC<SidebarProps> = ({ updateSidebarData }) => {
                <UserProfileIcon size={36} />
                <div className="flex flex-col ">
                  <a className="cursor-pointer ">
-                    {textEllipsis(String(username), 23)}
+                    {textEllipsis(String(username), 18)}
                  </a>
                  <a
                    className="hover:text-red-600 underline text-sm cursor-pointer"
--- a/components/main/dashboard/dashboard-container.tsx
+++ b/components/main/dashboard/dashboard-container.tsx
@ -265,14 +265,14 @@ export default function DashboardContainer() {
                Rekapitulasi Post Berita Polda Pada Website
              </p>
              <div className="w-[220px]">
-                <Datepicker
+                {/* <Datepicker
                  value={postContentDate}
                  displayFormat="DD/MM/YYYY"
                  asSingle={false}
                  useRange={true}
                  onChange={(e: any) => setPostContentDate(e)}
                  inputClassName="z-50 w-full text-xs lg:text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-sm lg:rounded-lg h-[30px] lg:h-[40px] text-gray-600 dark:text-gray-300"
-                />
+                /> */}
              </div>
            </div>
            <div className="flex flex-row border-b-1 gap-1 py-1">
@ -404,14 +404,14 @@ export default function DashboardContainer() {
                  Mingguan
                </Button>
                <div className="w-[140px]">
-                  <Datepicker
+                  {/* <Datepicker
                    value={startDateValue}
                    displayFormat="DD/MM/YYYY"
                    asSingle={true}
                    useRange={false}
                    onChange={(e: any) => setStartDateValue(e)}
                    inputClassName="z-50 w-full text-xs lg:text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-sm lg:rounded-lg h-[30px] lg:h-[40px] text-gray-600 dark:text-gray-300"
-                  />
+                  /> */}
                </div>
              </div>
            </div>
--- a/components/table/article-table.tsx
+++ b/components/table/article-table.tsx
@ -301,7 +301,7 @@ export default function ArticleTable() {
                ))}
              </Select>
            </div>
-            <div className="flex flex-col gap-1 w-full lg:w-[240px]">
+            {/* <div className="flex flex-col gap-1 w-full lg:w-[240px]">
              <p className="font-semibold text-sm">Tanggal</p>
              <Datepicker
                value={startDateValue}
@ -309,7 +309,7 @@ export default function ArticleTable() {
                onChange={(e: any) => setStartDateValue(e)}
                inputClassName="z-50 w-full text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl h-[40px] text-gray-600 dark:text-gray-300"
              />
-            </div>
+            </div> */}
          </div>
          <Table
            aria-label="micro issue table"
--- a/components/table/magazine/magazine-table.tsx
+++ b/components/table/magazine/magazine-table.tsx
@ -297,7 +297,7 @@ export default function MagazineTable() {
                ))}
              </Select>
            </div> */}
-            <div className="flex flex-col gap-1 w-full lg:w-[240px]">
+            {/* <div className="flex flex-col gap-1 w-full lg:w-[240px]">
              <p className="font-semibold text-sm">Tanggal</p>
              <Datepicker
                value={startDateValue}
@ -305,7 +305,7 @@ export default function MagazineTable() {
                onChange={(e: any) => setStartDateValue(e)}
                inputClassName="z-50 w-full text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl h-[40px] text-gray-600 dark:text-gray-300"
              />
-            </div>
+            </div> */}
          </div>
          <Table
            aria-label="micro issue table"
--- a/components/table/static-page-table.tsx
+++ b/components/table/static-page-table.tsx
@ -246,7 +246,7 @@ export default function StaticPageTable() {
              </Select>
            </div>

-            <div className="flex flex-col gap-1 w-full lg:w-[340px]">
+            {/* <div className="flex flex-col gap-1 w-full lg:w-[340px]">
              <p className="font-semibold text-sm">Tanggal</p>
              <Datepicker
                value={startDateValue}
@ -254,7 +254,7 @@ export default function StaticPageTable() {
                onChange={(e: any) => setStartDateValue(e)}
                inputClassName="z-50 w-full text-sm bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl h-[40px] text-gray-600 dark:text-gray-300"
              />
-            </div>
+            </div> */}
          </div>
          <Table
            aria-label="micro issue table"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,73 +1,73 @@
 {
-   "name": "next-app-template",
-   "version": "0.0.1",
-   "private": true,
-   "scripts": {
-      "dev": "next dev",
-      "build": "next build",
-      "start": "next start -p 4000",
-      "lint": "next lint"
-   },
-   "dependencies": {
-      "@ckeditor/ckeditor5-react": "^6.2.0",
-      "@hookform/resolvers": "^3.3.4",
-      "@heroui/breadcrumbs": "^2.2.6",
-      "@heroui/button": "2.0.26",
-      "@heroui/code": "2.0.24",
-      "@heroui/input": "2.1.16",
-      "@heroui/kbd": "2.0.25",
-      "@heroui/link": "2.0.26",
-      "@heroui/navbar": "2.0.27",
-      "@heroui/react": "^2.2.9",
-      "@heroui/snippet": "2.0.30",
-      "@heroui/switch": "2.0.25",
-      "@heroui/system": "^2.4.6",
-      "@heroui/theme": "2.1.17",
-      "@react-aria/ssr": "^3.8.0",
-      "@react-aria/visually-hidden": "^3.8.6",
-      "@types/js-cookie": "^3.0.6",
-      "@types/node": "20.5.7",
-      "@types/react": "18.2.21",
-      "@types/react-datepicker": "^6.0.1",
-      "@types/react-dom": "18.2.7",
-      "apexcharts": "^3.48.0",
-      "autoprefixer": "10.4.16",
-      "axios": "^1.6.8",
-      "ckeditor5-custom-build": "file:vendor/ckeditor5",
-      "clsx": "^2.0.0",
-      "dayjs": "^1.11.13",
-      "dompurify": "^3.2.0",
-      "eslint": "8.48.0",
-      "eslint-config-next": "14.0.2",
-      "framer-motion": "^10.18.0",
-      "html-react-parser": "^5.1.10",
-      "intl-messageformat": "^10.5.0",
-      "jodit-react": "^4.0.25",
-      "js-cookie": "^3.0.5",
-      "next": "14.0.2",
-      "next-intl": "^3.26.0",
-      "next-themes": "^0.2.1",
-      "postcss": "8.4.31",
-      "react": "18.2.0",
-      "react-apexcharts": "^1.4.1",
-      "react-datepicker": "^6.1.0",
-      "react-dom": "18.2.0",
-      "react-dropzone": "^14.3.5",
-      "react-hook-form": "^7.50.1",
-      "react-icons": "^5.0.1",
-      "react-otp-input": "^3.1.1",
-      "react-password-checklist": "^1.8.1",
-      "react-select": "^5.8.3",
-      "react-sweetalert2": "^0.6.0",
-      "react-tailwindcss-datepicker": "^1.6.6",
-      "react-tweet": "^3.2.0",
-      "sweetalert2": "^11.10.8",
-      "sweetalert2-react-content": "^5.0.7",
-      "swiper": "^11.0.6",
-      "tailwind-variants": "^0.1.18",
-      "tailwindcss": "3.3.5",
-      "typescript": "5.0.4",
-      "zod": "^3.23.8",
-      "zustand": "^5.0.1"
-   }
-}
+  "name": "next-app-template",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start -p 4000",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-react": "^6.2.0",
+    "@heroui/breadcrumbs": "^2.2.6",
+    "@heroui/button": "^2.2.10",
+    "@heroui/code": "2.2.7",
+    "@heroui/input": "2.4.10",
+    "@heroui/kbd": "2.2.6",
+    "@heroui/link": "2.2.7",
+    "@heroui/navbar": "2.2.8",
+    "@heroui/react": "^2.2.9",
+    "@heroui/snippet": "2.2.10",
+    "@heroui/switch": "2.2.8",
+    "@heroui/system": "^2.4.6",
+    "@heroui/theme": "2.4.5",
+    "@hookform/resolvers": "^3.3.4",
+    "@react-aria/ssr": "^3.8.0",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "20.5.7",
+    "@types/react": "18.2.21",
+    "@types/react-datepicker": "^6.0.1",
+    "@types/react-dom": "18.2.7",
+    "apexcharts": "^3.48.0",
+    "autoprefixer": "10.4.16",
+    "axios": "^1.6.8",
+    "ckeditor5-custom-build": "file:vendor/ckeditor5",
+    "clsx": "^2.0.0",
+    "dayjs": "^1.11.13",
+    "dompurify": "^3.2.0",
+    "eslint": "8.48.0",
+    "eslint-config-next": "14.0.2",
+    "framer-motion": "^10.18.0",
+    "html-react-parser": "^5.1.10",
+    "intl-messageformat": "^10.5.0",
+    "jodit-react": "^4.0.25",
+    "js-cookie": "^3.0.5",
+    "next": "14.0.2",
+    "next-intl": "^3.26.0",
+    "next-themes": "^0.2.1",
+    "postcss": "8.4.31",
+    "react": "18.2.0",
+    "react-apexcharts": "^1.4.1",
+    "react-datepicker": "^6.1.0",
+    "react-dom": "18.2.0",
+    "react-dropzone": "^14.3.5",
+    "react-hook-form": "^7.50.1",
+    "react-icons": "^5.0.1",
+    "react-otp-input": "^3.1.1",
+    "react-password-checklist": "^1.8.1",
+    "react-select": "^5.8.3",
+    "react-sweetalert2": "^0.6.0",
+    "react-tailwindcss-datepicker": "^2.0.0",
+    "react-tweet": "^3.2.0",
+    "sweetalert2": "^11.10.8",
+    "sweetalert2-react-content": "^5.0.7",
+    "swiper": "^11.0.6",
+    "tailwind-variants": "^0.1.18",
+    "tailwindcss": "3.3.5",
+    "typescript": "5.0.4",
+    "zod": "^3.23.8",
+    "zustand": "^5.0.1"
+  }
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/vendor/ckeditor5/node_modules/postcss/lib/parser.js
+++ b/vendor/ckeditor5/node_modules/postcss/lib/parser.js
@ -347,6 +347,8 @@ class Parser {
      if (prev && prev.type === 'rule' && !prev.raws.ownSemicolon) {
        prev.raws.ownSemicolon = this.spaces
        this.spaces = ''
+        prev.source.end = this.getPosition(token[2])
+        prev.source.end.offset += prev.raws.ownSemicolon.length
      }
    }
  }
--- a/vendor/ckeditor5/node_modules/postcss/lib/processor.js
+++ b/vendor/ckeditor5/node_modules/postcss/lib/processor.js
@ -7,7 +7,7 @@ let Root = require('./root')

 class Processor {
  constructor(plugins = []) {
-    this.version = '8.5.1'
+    this.version = '8.5.2'
    this.plugins = this.normalize(plugins)
  }

--- a/vendor/ckeditor5/node_modules/postcss/package.json
+++ b/vendor/ckeditor5/node_modules/postcss/package.json
@ -1,6 +1,6 @@
 {
  "name": "postcss",
-  "version": "8.5.1",
+  "version": "8.5.2",
  "description": "Tool for transforming styles with JS plugins",
  "engines": {
    "node": "^10 || ^12 || >=14"
--- a/yarn.lock
+++ b/yarn.lock