@goweekdays/layer-core 1.0.0

package/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.3/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/.github/workflows/main.yml

@@ -0,0 +1,19 @@
+name: CI
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - ".changeset/**"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: "yarn"
+      - run: yarn install --frozen-lockfile && yarn postinstall
+      - run: yarn generate

package/.github/workflows/publish.yml

@@ -0,0 +1,39 @@
+name: Publish
+on:
+  workflow_run:
+    workflows: [CI]
+    branches: [main]
+    types: [completed]
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  publish:
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: "yarn" # Use yarn for caching
+          cache-dependency-path: yarn.lock # Cache Yarn lockfile
+
+      - run: yarn install --immutable # Install dependencies with immutable lockfile
+
+      - name: Create .npmrc for publishing
+        run: |
+          echo '//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}' > ~/.npmrc
+
+      - name: Create Release Pull Request or Publish
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: yarn release # Use yarn for publishing
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @goweekdays/layer-core
+
+## 1.0.0
+
+### Major Changes
+
+- 7c21048: Initial release

package/README.md

@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

package/app/app.vue

@@ -0,0 +1,8 @@
+<template>
+  <ClientOnly>
+    <NuxtLoadingIndicator />
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </ClientOnly>
+</template>

package/app/assets/main.css

@@ -0,0 +1,10 @@
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
+.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
+  padding-top: 0 !important;
+}

package/app/assets/settings.scss

@@ -0,0 +1,89 @@
+@use 'vuetify/settings' with (
+  // variables go here
+  $body-font-family: ('ProductSans', sans-serif),
+  $heading-font-family: ('ProductSans', sans-serif)
+);
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Bold.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-BoldItalic.ttf') format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Italic.ttf') format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ProductSans';
+  src: url('/assets/fonts/ProductSans-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}

package/app/components/Input/ListGroupSelection.vue

@@ -0,0 +1,107 @@
+<template>
+  <v-input v-bind="attrs">
+    <v-card width="100%" v-bind="attrs">
+      <v-list
+        v-model:selected="selected"
+        lines="two"
+        :select-strategy="attrs.readonly ? 'classic' : 'leaf'"
+        class="pa-0"
+        density="compact"
+        read-only
+        open-strategy="single"
+      >
+        <template name="prepend"></template>
+
+        <template
+          v-for="(permission, permissionKey, permissionIndex) in props.items"
+          :key="permissionKey"
+        >
+          <v-divider v-if="permissionIndex > 0"></v-divider>
+          <v-list-group :value="permissionKey" fluid>
+            <template v-slot:activator="{ props }">
+              <v-list-item v-bind="props" density="compact">
+                <span class="text-capitalize">
+                  {{ String(permissionKey).replace(/-/g, " ") }}
+                </span>
+
+                <template #prepend>
+                  <v-chip class="mr-2" small>
+                    {{ selectedActionCount(String(permissionKey)) }}
+                  </v-chip>
+                </template>
+              </v-list-item>
+            </template>
+
+            <template v-for="(item, itemKey) in permission" :key="itemKey">
+              <v-divider></v-divider>
+              <v-list-item v-if="attrs.readonly" density="compact">
+                <template #title class="pl-2">
+                  <span class="text-subtitle-2 text-capitalize">
+                    {{ String(itemKey).replace(/-/g, " ") }}
+                  </span>
+                </template>
+
+                <template #subtitle class="pl-2">
+                  <span class="text-subtitle-2">{{ item.description }}</span>
+                </template>
+              </v-list-item>
+
+              <v-list-item
+                v-else
+                :value="`${permissionKey}:${itemKey}`"
+                density="compact"
+              >
+                <template #title class="pl-2">
+                  <span class="text-subtitle-2 text-capitalize">
+                    {{ String(itemKey).replace(/-/g, " ") }}
+                  </span>
+                </template>
+
+                <template #subtitle class="pl-2">
+                  <span class="text-subtitle-2 text-capitalize">
+                    {{ String(item.description).replace(/-/g, " ") }}
+                  </span>
+                </template>
+
+                <template #prepend="{ isSelected }">
+                  <v-list-item-action start class="pl-1">
+                    <v-checkbox-btn :model-value="isSelected"></v-checkbox-btn>
+                  </v-list-item-action>
+                </template>
+              </v-list-item>
+            </template>
+          </v-list-group>
+        </template>
+
+        <slot v-if="noData" name="no-data">
+          <v-list-item>
+            <v-list-item-title>No data</v-list-item-title>
+          </v-list-item>
+        </slot>
+
+        <template name="append"></template>
+      </v-list>
+    </v-card>
+  </v-input>
+</template>
+
+<script setup lang="ts">
+const selected = defineModel<Array<string>>({ default: [] });
+const attrs = useAttrs();
+const props = defineProps({
+  items: {
+    type: Object,
+    required: true,
+    default: () => ({}),
+  },
+});
+
+const selectedActionCount = (resource: string) => {
+  return selected.value.filter((permission) => permission.startsWith(resource))
+    .length;
+};
+
+const noData = computed(() => {
+  return Object.keys(props.items).length === 0;
+});
+</script>

package/app/components/Input/Password.vue

@@ -0,0 +1,35 @@
+<template>
+  <v-text-field
+    id="_password"
+    :model-value="modelValue"
+    :type="showPassword ? 'text' : 'password'"
+    :append-inner-icon="showPassword ? 'mdi-eye-off' : 'mdi-eye'"
+    @click:append-inner="togglePasswordVisibility"
+    @update:model-value="updatePassword"
+    v-bind="$attrs"
+    autocomplete="off"
+  />
+</template>
+
+<script setup lang="ts">
+// Define the props for the v-model
+defineProps({
+  modelValue: {
+    type: String,
+  },
+});
+
+// Define emit for updating v-model
+const emit = defineEmits(["update:modelValue"]);
+
+// Control password visibility
+const showPassword = ref(false);
+const togglePasswordVisibility = () => {
+  showPassword.value = !showPassword.value;
+};
+
+// Handle input update and emit to parent
+const updatePassword = (value: string) => {
+  emit("update:modelValue", value);
+};
+</script>

package/app/composables/useLocalAuth.ts

@@ -0,0 +1,131 @@
+export default function useLocalAuth() {
+  const { cookieConfig } = useLocalSetup();
+
+  const currentUser = useState<TUser | null>("currentUser", () => null);
+  const membership = useState<TMember | null>("membership", () => null);
+  const permissions = useState<string[]>("permissions", () => []);
+
+  const hasPermission = (permissionKey: string): ComputedRef<boolean> => {
+    return computed(() => {
+      if (!permissions.value.length) return false;
+      return permissions.value.some((perm) => perm === permissionKey);
+    });
+  };
+
+  function authenticate() {
+    if (currentUser.value) {
+      return;
+    }
+
+    const user = useCookie("user", cookieConfig).value;
+
+    const { data: getCurrentUserReq, error: getCurrentUserErr } =
+      useLazyAsyncData("get-current-user", () =>
+        $fetch<TUser>(`/api/users/id/${user}`)
+      );
+
+    watchEffect(() => {
+      if (getCurrentUserReq.value) {
+        currentUser.value = getCurrentUserReq.value;
+      }
+    });
+
+    watchEffect(() => {
+      if (getCurrentUserErr.value) {
+        // Redirect to login page if user authentication fails
+        navigateTo({ name: "index" });
+      }
+    });
+  }
+
+  async function login({ email = "", password = "", role = "" }) {
+    return $fetch<Record<string, any>>("/api/auth/login", {
+      method: "POST",
+      body: JSON.stringify({ email, password, role }),
+    });
+  }
+
+  async function logout() {
+    useCookie("sid", cookieConfig).value = null;
+    useCookie("user", cookieConfig).value = null;
+    useCookie("role", cookieConfig).value = null;
+  }
+
+  async function getCurrentUser() {
+    const user = useCookie("user", cookieConfig).value;
+    if (!user) return null;
+    try {
+      const _user = await $fetch<TUser>(`/api/users/id/${user}`, {
+        method: "GET",
+      });
+
+      currentUser.value = _user;
+      return _user;
+    } catch (error) {
+      console.log("Error fetching current user:", error);
+    }
+  }
+
+  async function forgotPassword(email: string) {
+    if (!email) {
+      throw new Error("Email is required for password reset request.");
+    }
+
+    try {
+      const response = await $fetch("/api/auth/forget-password", {
+        method: "POST",
+        body: JSON.stringify({ email }),
+        headers: { "Content-Type": "application/json" },
+      });
+      return response;
+    } catch (error) {
+      console.error("Error in password reset request:", error);
+      throw error;
+    }
+  }
+
+  async function resetPassword(
+    otp: string,
+    newPassword: string,
+    passwordConfirmation: string
+  ) {
+    try {
+      return await $fetch("/api/auth/reset-password", {
+        method: "POST",
+        body: JSON.stringify({ otp, newPassword, passwordConfirmation }),
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("Error resetting password:", error);
+      throw error;
+    }
+  }
+
+  function verify(id: string) {
+    return $fetch<TKeyValuePair>(`/api/auth/verify/${id}`, {
+      method: "GET",
+    });
+  }
+
+  function signUp(email: string, referral: string) {
+    return $fetch<TKeyValuePair>("/api/auth/sign-up", {
+      method: "POST",
+      body: { email, referral },
+    });
+  }
+
+  return {
+    currentUser,
+    membership,
+    permissions,
+    hasPermission,
+    authenticate,
+    login,
+    logout,
+    getCurrentUser,
+    forgotPassword,
+    resetPassword,
+    verify,
+    signUp,
+  };
+}

package/app/composables/useLocalSetup.ts

@@ -0,0 +1,34 @@
+export default function useLocal() {
+  const { DOMAIN } = useRuntimeConfig().public;
+
+  const cookieConfig = {
+    domain: DOMAIN ?? "localhost",
+    secure: true,
+    maxAge: 30 * 24 * 60 * 60,
+  };
+
+  const drawer = useState("drawer", () => true);
+
+  const apps = computed(() => {
+    return [];
+  });
+
+  function redirect(link: string, page?: string) {
+    const href = page ? `${link}/${page}` : link;
+
+    window.location.href = href;
+  }
+
+  const headerSearch = useState("headerSearch", () => "");
+
+  const landingPage = useCookie("landingPage", cookieConfig);
+
+  return {
+    cookieConfig,
+    drawer,
+    apps,
+    redirect,
+    headerSearch,
+    landingPage,
+  };
+}