@skalfa/skalfa-app 1.0.0 → 1.0.2

package/app/auth/me/page.tsx

@@ -1,58 +1,58 @@
-"use client"
-
-import { useRouter } from "next/navigation";
-import { auth } from "@utils";
-import { useAuthContext } from "@contexts";
-import { ButtonComponent, CardComponent, ImageComponent } from "@components";
-
-export default function Login() {
-  const router = useRouter();
-  const {user} = useAuthContext();
-  
-  return (
-    <>
-      <div className="h-screen flex flex-col justify-center items-center">
-        <h1 className="text-2xl font-extrabold italic">WELCOME TO NEXT-LIGHT v.3</h1>
-        <p className="text-sm font-semibold mt-6">Your account!</p>
-
-        <CardComponent className="mt-4 p-6 w-[400px] rounded-2xl">
-          <div className="flex gap-4">
-            {user?.image && (
-
-              <div className="bg-slate-200 aspect-[3/4] w-full rounded flex justify-center items-center">
-                <ImageComponent src={process.env.NEXT_PUBLIC_STORAGE_HOST + user?.image} width={400} height={600} alt="" />
-              </div>
-            )}
-            <div className="flex flex-col gap-4">
-              <div>
-                <p className="text-xs font-semibold text-light-foreground">
-                  Name
-                </p>
-                <p>{user?.name}</p>
-              </div>
-              <div>
-                <p className="text-xs font-semibold text-light-foreground">
-                  Email
-                </p>
-                <p>{user?.email}</p>
-              </div>
-
-              <ButtonComponent href="/auth/edit" label="Change" variant="light" block className="py-1.5" />
-              <ButtonComponent 
-                label="Logout" 
-                variant="outline" 
-                paint="danger" 
-                className="py-1.5" 
-                block 
-                onClick={() => {
-                  auth.deleteAccessToken()
-                  router.push("/auth/login")
-                }}
-              />
-            </div>
-          </div>
-        </CardComponent>
-      </div>
-    </>
-  );
-}
+"use client"
+
+import { useRouter } from "next/navigation";
+import { auth } from "@utils";
+import { useAuthContext } from "@contexts";
+import { ButtonComponent, CardComponent, ImageComponent } from "@components";
+
+export default function Login() {
+  const router = useRouter();
+  const {user} = useAuthContext();
+  
+  return (
+    <>
+      <div className="h-screen flex flex-col justify-center items-center">
+        <h1 className="text-2xl font-extrabold italic">WELCOME TO NEXT-LIGHT v.3</h1>
+        <p className="text-sm font-semibold mt-6">Your account!</p>
+
+        <CardComponent className="mt-4 p-6 w-[400px] rounded-2xl">
+          <div className="flex gap-4">
+            {user?.image && (
+
+              <div className="bg-slate-200 aspect-[3/4] w-full rounded flex justify-center items-center">
+                <ImageComponent src={process.env.NEXT_PUBLIC_STORAGE_HOST + user?.image} width={400} height={600} alt="" />
+              </div>
+            )}
+            <div className="flex flex-col gap-4">
+              <div>
+                <p className="text-xs font-semibold text-light-foreground">
+                  Name
+                </p>
+                <p>{user?.name}</p>
+              </div>
+              <div>
+                <p className="text-xs font-semibold text-light-foreground">
+                  Email
+                </p>
+                <p>{user?.email}</p>
+              </div>
+
+              <ButtonComponent href="/auth/edit" label="Change" variant="light" block className="py-1.5" />
+              <ButtonComponent 
+                label="Logout" 
+                variant="outline" 
+                paint="danger" 
+                className="py-1.5" 
+                block 
+                onClick={() => {
+                  auth.deleteAccessToken()
+                  router.push("/auth/login")
+                }}
+              />
+            </div>
+          </div>
+        </CardComponent>
+      </div>
+    </>
+  );
+}

package/app/auth/register/page.tsx

@@ -1,69 +1,69 @@
-"use client"
-
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { ButtonComponent, CardComponent, FormSupervisionComponent } from "@components";
-import { useAuthContext } from "@contexts";
-
-export default function Register() {
-  const router = useRouter();
-  const {setRegisterToken} = useAuthContext();
-
-  return (
-    <>
-      <div className="h-screen flex flex-col justify-center items-center">
-        <h1 className="text-2xl font-extrabold italic">WELCOME TO NEXT-LIGHT v.3</h1>
-        <p className="text-sm font-semibold mt-6">Create new account!</p>
-
-        <CardComponent className="mt-4 p-6 w-[400px] rounded-2xl">
-          <FormSupervisionComponent
-            fields={[
-              {
-                construction: {
-                  name: "name",
-                  label: "Nama",
-                  placeholder: "Ex: Joko Gunawan",
-                }
-              },
-              {
-                construction: {
-                  name: "email",
-                  label: "E-mail",
-                  placeholder: "Ex: example@mail.com",
-                }
-              },
-              {
-                type: "enter-password",
-                construction: {
-                  name: "password",
-                  label: "Password",
-                  placeholder: "Ex: secret123",
-                }
-              },
-            ]}
-            submitControl={{
-              path: "register"
-            }}
-            onSuccess={(res) => {
-              setRegisterToken(res?.data?.token)
-              router.push("/auth/verify")
-            }}
-            footerControl={({loading}) => (
-              <>
-                <ButtonComponent
-                  type="submit"
-                  label="Create Account"
-                  block
-                  className="mt-4"
-                  loading={loading}
-                />
-
-                <p className="mt-4 text-center">Already have an account? <Link href="/auth/login" className="text-primary underline">Login</Link></p>
-              </>
-            )}
-          />
-        </CardComponent>
-      </div>
-    </>
-  );
-}
+"use client"
+
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { ButtonComponent, CardComponent, FormSupervisionComponent } from "@components";
+import { useAuthContext } from "@contexts";
+
+export default function Register() {
+  const router = useRouter();
+  const {setRegisterToken} = useAuthContext();
+
+  return (
+    <>
+      <div className="h-screen flex flex-col justify-center items-center">
+        <h1 className="text-2xl font-extrabold italic">WELCOME TO NEXT-LIGHT v.3</h1>
+        <p className="text-sm font-semibold mt-6">Create new account!</p>
+
+        <CardComponent className="mt-4 p-6 w-[400px] rounded-2xl">
+          <FormSupervisionComponent
+            fields={[
+              {
+                construction: {
+                  name: "name",
+                  label: "Nama",
+                  placeholder: "Ex: Joko Gunawan",
+                }
+              },
+              {
+                construction: {
+                  name: "email",
+                  label: "E-mail",
+                  placeholder: "Ex: example@mail.com",
+                }
+              },
+              {
+                type: "enter-password",
+                construction: {
+                  name: "password",
+                  label: "Password",
+                  placeholder: "Ex: secret123",
+                }
+              },
+            ]}
+            submitControl={{
+              path: "register"
+            }}
+            onSuccess={(res) => {
+              setRegisterToken(res?.data?.token)
+              router.push("/auth/verify")
+            }}
+            footerControl={({loading}) => (
+              <>
+                <ButtonComponent
+                  type="submit"
+                  label="Create Account"
+                  block
+                  className="mt-4"
+                  loading={loading}
+                />
+
+                <p className="mt-4 text-center">Already have an account? <Link href="/auth/login" className="text-primary underline">Login</Link></p>
+              </>
+            )}
+          />
+        </CardComponent>
+      </div>
+    </>
+  );
+}

package/app/auth/verify/page.tsx

@@ -1,53 +1,53 @@
-"use client"
-
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { ButtonComponent, CardComponent, FormSupervisionComponent } from "@components";
-import { useAuthContext } from "@contexts/.";
-
-export default function Verify() {
-  const router = useRouter();
-  const {registerToken} = useAuthContext();  
-
-  return (
-    <>
-      <div className="h-screen flex flex-col justify-center items-center">
-        <h1 className="text-2xl font-extrabold italic">WELCOME TO NEXT-LIGHT v.3</h1>
-        <p className="text-sm font-semibold mt-6">Verify your email!</p>
-
-        <CardComponent className="mt-4 p-6 w-[400px] rounded-2xl">
-          <FormSupervisionComponent
-            fields={[
-              {
-                type: "otp",
-                construction: {
-                  name: "token",
-                }
-              },
-            ]}
-            submitControl={{
-              path: "verify",
-              bearer: registerToken || "",
-            }}
-            onSuccess={() => {
-              router.push("/auth/login")
-            }}
-            footerControl={({loading}) => (
-              <>
-                <ButtonComponent
-                  type="submit"
-                  label="Submit"
-                  block
-                  className="mt-4"
-                  loading={loading}
-                />
-
-                <p className="mt-4 text-center">Already have an account? <Link href="/auth/login" className="text-primary underline">Login</Link></p>
-              </>
-            )}
-          />
-        </CardComponent>
-      </div>
-    </>
-  );
-}
+"use client"
+
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { ButtonComponent, CardComponent, FormSupervisionComponent } from "@components";
+import { useAuthContext } from "@contexts/.";
+
+export default function Verify() {
+  const router = useRouter();
+  const {registerToken} = useAuthContext();  
+
+  return (
+    <>
+      <div className="h-screen flex flex-col justify-center items-center">
+        <h1 className="text-2xl font-extrabold italic">WELCOME TO NEXT-LIGHT v.3</h1>
+        <p className="text-sm font-semibold mt-6">Verify your email!</p>
+
+        <CardComponent className="mt-4 p-6 w-[400px] rounded-2xl">
+          <FormSupervisionComponent
+            fields={[
+              {
+                type: "otp",
+                construction: {
+                  name: "token",
+                }
+              },
+            ]}
+            submitControl={{
+              path: "verify",
+              bearer: registerToken || "",
+            }}
+            onSuccess={() => {
+              router.push("/auth/login")
+            }}
+            footerControl={({loading}) => (
+              <>
+                <ButtonComponent
+                  type="submit"
+                  label="Submit"
+                  block
+                  className="mt-4"
+                  loading={loading}
+                />
+
+                <p className="mt-4 text-center">Already have an account? <Link href="/auth/login" className="text-primary underline">Login</Link></p>
+              </>
+            )}
+          />
+        </CardComponent>
+      </div>
+    </>
+  );
+}

package/app/dashboard/user/page.tsx

@@ -1,77 +1,77 @@
-import { TableSupervisionComponent} from "@components";
-import { Suspense } from "react";
-
-export default function Table() {
-  return (
-    <Suspense fallback={<div>Loading...</div>}>
-      <TableSupervisionComponent
-        title="User"
-        fetchControl={{
-          path: "users",
-        }}
-        columnControl={[
-          {
-            selector: "name",
-            label: "Nama",
-            sortable: true,
-            filterable: true,
-            width: "350px",
-          },
-          {
-            selector: "email",
-            label: "Email",
-            sortable: true,
-            width: "250px",
-          },
-        ]}
-        detailControl={[
-          {
-            label: "Nama",
-            item: "name",
-          },
-          {
-            label: "Email",
-            item: "email",
-          }
-        ]}
-        formControl={{
-          fields: [
-            {
-              construction: {
-                name: "email",
-                label: "E-mail",
-                placeholder: "Ex: example@mail.com",
-                validations: ["required"],
-              },
-            },
-            {
-              construction: {
-                name: "name",
-                label: "Name",
-                placeholder: "Ex: Joko Gunawan",
-              },
-            },
-            {
-              construction: {
-                name: "password",
-                label: "Password",
-                placeholder: "Ex: secret123",
-              }
-            },
-            {
-              construction: {
-                type: "file",
-                name: "image",
-                label: "Picture",
-              }
-            },
-          ],
-        }}
-        controlBar={["CREATE", "FILTER", "SEARCH", "SORT", "SELECTABLE", "IMPORT", "EXPORT", "PRINT", "REFRESH"]}
-        responsiveControl={{
-          mobile: true,
-        }}
-      />
-    </Suspense>
-  );
+import { TableSupervisionComponent} from "@components";
+import { Suspense } from "react";
+
+export default function Table() {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <TableSupervisionComponent
+        title="User"
+        fetchControl={{
+          path: "users",
+        }}
+        columnControl={[
+          {
+            selector: "name",
+            label: "Nama",
+            sortable: true,
+            filterable: true,
+            width: "350px",
+          },
+          {
+            selector: "email",
+            label: "Email",
+            sortable: true,
+            width: "250px",
+          },
+        ]}
+        detailControl={[
+          {
+            label: "Nama",
+            item: "name",
+          },
+          {
+            label: "Email",
+            item: "email",
+          }
+        ]}
+        formControl={{
+          fields: [
+            {
+              construction: {
+                name: "email",
+                label: "E-mail",
+                placeholder: "Ex: example@mail.com",
+                validations: ["required"],
+              },
+            },
+            {
+              construction: {
+                name: "name",
+                label: "Name",
+                placeholder: "Ex: Joko Gunawan",
+              },
+            },
+            {
+              construction: {
+                name: "password",
+                label: "Password",
+                placeholder: "Ex: secret123",
+              }
+            },
+            {
+              construction: {
+                type: "file",
+                name: "image",
+                label: "Picture",
+              }
+            },
+          ],
+        }}
+        controlBar={["CREATE", "FILTER", "SEARCH", "SORT", "SELECTABLE", "IMPORT", "EXPORT", "PRINT", "REFRESH"]}
+        responsiveControl={{
+          mobile: true,
+        }}
+      />
+    </Suspense>
+  );
 }

package/app/layout.tsx

@@ -1,38 +1,38 @@
-import { ReactNode } from "react";
-
-import { Roboto } from "next/font/google";
-import "@styles/globals.css";
-
-import moment from "moment";
-import "moment/locale/id";
-
-import { config } from "@fortawesome/fontawesome-svg-core";
-import "@fortawesome/fontawesome-svg-core/styles.css";
-
-import { ContextAppProvider } from "@contexts/AppProvider";
-import { IDBProvider, ShortcutProvider } from "@components";
-
-moment.locale("id");
-config.autoAddCss = false;
-
-
-const font = Roboto({
-  subsets: ["latin"],
-  weight: ["100", "300", "400", "500", "700", "900"],
-});
-
-
-export default function AppLayout({ children }: { children: ReactNode }) {
-  return (
-    <html lang="id" className={font.className}>
-      <body className="antialiased">
-        <ContextAppProvider>
-          <ShortcutProvider />
-          <IDBProvider>
-            {children}
-          </IDBProvider>
-        </ContextAppProvider>
-      </body>
-    </html>
-  );
+import { ReactNode } from "react";
+
+import { Roboto } from "next/font/google";
+import "@styles/globals.css";
+
+import moment from "moment";
+import "moment/locale/id";
+
+import { config } from "@fortawesome/fontawesome-svg-core";
+import "@fortawesome/fontawesome-svg-core/styles.css";
+
+import { ContextAppProvider } from "@contexts/AppProvider";
+import { IDBProvider, ShortcutProvider } from "@components";
+
+moment.locale("id");
+config.autoAddCss = false;
+
+
+const font = Roboto({
+  subsets: ["latin"],
+  weight: ["100", "300", "400", "500", "700", "900"],
+});
+
+
+export default function AppLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="id" className={font.className}>
+      <body className="antialiased">
+        <ContextAppProvider>
+          <ShortcutProvider />
+          <IDBProvider>
+            {children}
+          </IDBProvider>
+        </ContextAppProvider>
+      </body>
+    </html>
+  );
 }

package/app/manifest.ts

@@ -0,0 +1,25 @@
+import type { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "Skalfa App",
+    short_name: "Skalfa",
+    description: "A premium hybrid web, desktop, and mobile application.",
+    start_url: "/",
+    display: "standalone",
+    background_color: "#0f172a",
+    theme_color: "#3b82f6",
+    icons: [
+      {
+        src: "/icon-192.png",
+        sizes: "192x192",
+        type: "image/png",
+      },
+      {
+        src: "/icon-512.png",
+        sizes: "512x512",
+        type: "image/png",
+      },
+    ],
+  };
+}

package/app/page.tsx

@@ -1,13 +1,13 @@
-export default function Home() {
-  return (
-    <>
-      <div className="h-screen flex flex-col justify-center items-center">
-        <h1 className="text-2xl font-extrabold italic">NEXT-LIGHT v.3</h1>
-
-        <p className="text-sm -mt-1 font-semibold text-light-foreground">
-          The Magic Starter Template
-        </p>
-      </div>
-    </>
-  );
-}
+export default function Home() {
+  return (
+    <>
+      <div className="h-screen flex flex-col justify-center items-center">
+        <h1 className="text-2xl font-extrabold italic">NEXT-LIGHT v.3</h1>
+
+        <p className="text-sm -mt-1 font-semibold text-light-foreground">
+          The Magic Starter Template
+        </p>
+      </div>
+    </>
+  );
+}

package/barrels.json

@@ -1,6 +1,6 @@
-{
-  "directory": ["components/base.components", "components/construct.components", "components/structure.components", "contexts", "app", "schema"],
-  "delete": true,
-  "exclude": ["index.ts"],
-  "structure": "flat"
+{
+  "directory": ["components/base.components", "components/construct.components", "components/structure.components", "contexts", "app", "schema"],
+  "delete": true,
+  "exclude": ["index.ts"],
+  "structure": "flat"
 }