@ghentcdh/authentication-vue 0.0.2-4 → 0.0.2-6

package/lib/authentication.store.d.ts

@@ -0,0 +1,19 @@
+export declare const useAuthenticationStore: import('pinia').StoreDefinition<"GHENT_CDH_AUTH_STORE", Pick<{
+    token: () => any;
+    user: () => any;
+    isAuthenticated: () => any;
+    logout: () => void;
+    updateToken: () => Promise<any>;
+}, never>, Pick<{
+    token: () => any;
+    user: () => any;
+    isAuthenticated: () => any;
+    logout: () => void;
+    updateToken: () => Promise<any>;
+}, never>, Pick<{
+    token: () => any;
+    user: () => any;
+    isAuthenticated: () => any;
+    logout: () => void;
+    updateToken: () => Promise<any>;
+}, "token" | "user" | "isAuthenticated" | "logout" | "updateToken">>;

package/lib/keycloak.adapter.d.ts

@@ -0,0 +1,9 @@
+import { default as Keycloak } from 'keycloak-js';
+export declare class KeycloakAdapter extends Keycloak {
+    private constructor();
+    private initialize;
+    static init(): Promise<KeycloakAdapter>;
+    get userInfo(): any;
+    updateToken(): any;
+    get isAuthenticated(): any;
+}

package/lib/request.store.d.ts

@@ -0,0 +1,25 @@
+type RequestOptions = {
+    skipAuth?: boolean;
+    queryParams?: Record<string, any>;
+    contentType?: string;
+};
+export declare const useHttpStore: import('pinia').StoreDefinition<"GHENT_CDH_HTTP_REQUEST", Pick<{
+    get: <T>(url: string, options?: RequestOptions) => Promise<T>;
+    postFile: <T>(url: string, file: File, data?: any, options?: RequestOptions) => Promise<T>;
+    post: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;
+    patch: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;
+    delete: <T>(url: string, data?: any, options?: RequestOptions) => Promise<T>;
+}, never>, Pick<{
+    get: <T>(url: string, options?: RequestOptions) => Promise<T>;
+    postFile: <T>(url: string, file: File, data?: any, options?: RequestOptions) => Promise<T>;
+    post: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;
+    patch: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;
+    delete: <T>(url: string, data?: any, options?: RequestOptions) => Promise<T>;
+}, never>, Pick<{
+    get: <T>(url: string, options?: RequestOptions) => Promise<T>;
+    postFile: <T>(url: string, file: File, data?: any, options?: RequestOptions) => Promise<T>;
+    post: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;
+    patch: <T>(url: string, data: any, options?: RequestOptions) => Promise<T>;
+    delete: <T>(url: string, data?: any, options?: RequestOptions) => Promise<T>;
+}, "get" | "postFile" | "post" | "patch" | "delete">>;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ghentcdh/authentication-vue",
   "license": "MIT",
-  "version": "0.0.2-4",
+  "version": "0.0.2-6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
@@ -18,7 +18,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/GhentCDH/ghentcdh-monorepo.git",
-    "directory": "dist/libs/authentication/vue"
+    "url": "https://github.com/GhentCDH/ghentcdh-monorepo.git"
   }
 }

package/eslint.config.cjs

@@ -1,21 +0,0 @@
-const vue = require('eslint-plugin-vue');
-const baseConfig = require('../../../eslint.config.js');
-
-module.exports = [
-  ...baseConfig,
-  ...vue.configs['flat/recommended'],
-  {
-    files: ['**/*.vue'],
-    languageOptions: {
-      parserOptions: {
-        parser: require('@typescript-eslint/parser'),
-      },
-    },
-  },
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.vue'],
-    rules: {
-      'vue/multi-word-component-names': 'off',
-    },
-  },
-];

package/project.json

@@ -1,13 +0,0 @@
-{
-  "name": "authentication-vue",
-  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/authentication/vue/src",
-  "projectType": "library",
-  "tags": [
-    "publish",
-    "scope:api",
-    "scope:feature"
-  ],
-  "// targets": "to see all targets run: nx show project authentication-vue --web",
-  "targets": {}
-}

package/src/lib/authentication.store.ts

@@ -1,46 +0,0 @@
-import { defineStore } from 'pinia';
-import { ref, shallowRef, watch } from 'vue';
-
-import { KeycloakAdapter } from './keycloak.adapter';
-
-const AUTH_STORE_NAME = 'GHENT_CDH_AUTH_STORE';
-
-export const useAuthenticationStore = defineStore(AUTH_STORE_NAME, () => {
-  const isAuthenticated = shallowRef(false);
-
-  const keycloackAdapter = ref<KeycloakAdapter>();
-
-  // create a promise initeDone
-  const initDone = ref(false);
-
-  KeycloakAdapter.init().then((adapter) => {
-    isAuthenticated.value = adapter.isAuthenticated;
-    keycloackAdapter.value = adapter;
-    initDone.value = true;
-    return adapter;
-  });
-
-  const logout = () => {
-    console.warn('logout');
-  };
-
-  return {
-    token: () => keycloackAdapter.value?.token,
-    user: () => keycloackAdapter.value?.userInfo,
-    isAuthenticated: () => keycloackAdapter.value?.isAuthenticated,
-    logout,
-    updateToken: async () => {
-      if (!initDone.value) {
-        await new Promise<void>((resolve) => {
-          const unwatch = watch(initDone, (newValue) => {
-            if (newValue) {
-              unwatch();
-              resolve();
-            }
-          });
-        });
-      }
-      return keycloackAdapter.value?.updateToken();
-    },
-  };
-});

package/src/lib/keycloak.adapter.ts

@@ -1,55 +0,0 @@
-import Keycloak from 'keycloak-js';
-
-
-export class KeycloakAdapter extends Keycloak {
-
-
-    private constructor() {
-        const {VITE_KEYCLOAK_REALM, VITE_KEYCLOAK_HOST, VITE_KEYCLOAK_CLIENT_ID} = import.meta.env;
-
-        super({
-            url: VITE_KEYCLOAK_HOST,
-            realm: VITE_KEYCLOAK_REALM,
-            clientId: VITE_KEYCLOAK_CLIENT_ID
-        })
-
-    }
-
-    private async initialize() {
-        try {
-            const authenticated = await this.init(
-                {
-                    onLoad: 'login-required'
-                }
-            );
-            if (authenticated) {
-                console.log('User is authenticated');
-            }
-            console.log('User is not authenticated');
-
-        } catch (error) {
-            console.error('Failed to initialize adapter:', error);
-        }
-    }
-
-
-    static async init(): Promise<KeycloakAdapter> {
-        const instance = new KeycloakAdapter();
-
-        await instance.initialize();
-        return instance;
-    }
-
-
-    get userInfo() {
-        return this.idTokenParsed
-    }
-
-    updateToken() {
-        return this.updateToken(30)
-    }
-
-    get isAuthenticated() {
-        return this.authenticated ?? false;
-    }
-}

package/src/lib/request.store.ts

@@ -1,126 +0,0 @@
-import { defineStore } from 'pinia';
-
-import { useAuthenticationStore } from './authentication.store';
-
-const AUTH_STORE_NAME = 'GHENT_CDH_HTTP_REQUEST';
-
-// TODO add white list of request
-type RequestOptions = {
-  skipAuth?: boolean;
-  queryParams?: Record<string, any>;
-  contentType?: string;
-};
-
-type Error = {
-  status: number;
-  content: any;
-};
-
-export const useHttpStore = defineStore(AUTH_STORE_NAME, () => {
-  const authStore = useAuthenticationStore();
-
-  const makeRequest = async (
-    url: string,
-    requestInit: RequestInit,
-    options: RequestOptions = { contentType: 'application/json' },
-  ) => {
-    const headers: Record<string, string> = {
-      accept: 'application/json',
-      ...(requestInit.headers ?? {}),
-    } as Record<string, string>;
-
-    if (options.contentType) {
-      headers['Content-Type'] = options.contentType;
-    }
-
-    if (!options?.skipAuth) {
-      await authStore.updateToken();
-      headers['Authorization'] = `Bearer ${authStore.token()}`;
-    }
-
-    const _url = new URL(url, window.location.href);
-
-    if (options?.queryParams) {
-      for (const [key, value] of Object.entries(options.queryParams)) {
-        _url.searchParams.set(key, value);
-      }
-    }
-
-    const response = await fetch(_url.toString(), {
-      ...requestInit,
-      headers,
-    });
-
-    if (!response.ok) {
-      if (!options?.skipAuth) {
-        // TODO if response return 400 then redirect to login page
-      }
-
-      return Promise.reject({
-        content: response.body,
-        status: response.status,
-      } as any);
-    }
-
-    return response.json();
-  };
-
-  return {
-    get: <T>(url: string, options?: RequestOptions): Promise<T> =>
-      makeRequest(url, { method: 'GET' }, options),
-    postFile: <T>(
-      url: string,
-      file: File,
-      data: any = {},
-      options?: RequestOptions,
-    ): Promise<T> => {
-      const formData = new FormData();
-
-      for (const name in data) {
-        formData.append(name, data[name]);
-      }
-
-      formData.append('file', file);
-
-      return makeRequest(
-        url,
-        {
-          method: 'POST',
-          body: formData,
-        },
-        { ...options, contentType: undefined },
-      );
-    },
-    post: <T>(url: string, data: any, options?: RequestOptions): Promise<T> =>
-      makeRequest(
-        url,
-        {
-          method: 'POST',
-          body: JSON.stringify(data),
-        },
-        options,
-      ),
-    patch: <T>(url: string, data: any, options?: RequestOptions): Promise<T> =>
-      makeRequest(
-        url,
-        {
-          method: 'PATCH',
-          body: JSON.stringify(data),
-        },
-        options,
-      ),
-    delete: <T>(
-      url: string,
-      data?: any,
-      options?: RequestOptions,
-    ): Promise<T> =>
-      makeRequest(
-        url,
-        {
-          method: 'DELETE',
-          body: JSON.stringify(data),
-        },
-        options,
-      ),
-  };
-});

package/src/lib/vue-shims.d.ts

@@ -1,7 +0,0 @@
-declare module '*.vue' {
-  import type { defineComponent } from 'vue';
-
-
-  const component: ReturnType<typeof defineComponent>;
-  export default component;
-}

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "jsx": "preserve",
-    "jsxImportSource": "vue",
-    "moduleResolution": "node",
-    "resolveJsonModule": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../../tsconfig.base.json"
-}

package/tsconfig.lib.json

@@ -1,31 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
-    "types": ["vite/client"]
-  },
-  "exclude": [
-    "src/**/__tests__/*",
-    "src/**/*.spec.vue",
-    "src/**/*.test.vue",
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx"
-  ],
-  "include": [
-    "src/**/*.js",
-    "src/**/*.jsx",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue"
-  ]
-}

package/tsconfig.spec.json

@@ -1,28 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
-    "types": [
-      "vitest/globals",
-      "vitest/importMeta",
-      "vite/client",
-      "node",
-      "vitest"
-    ]
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ]
-}

package/vite.config.ts

@@ -1,61 +0,0 @@
-/// <reference types='vitest' />
-import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import vue from '@vitejs/plugin-vue';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-
-import * as path from 'path';
-
-
-export default defineConfig({
-  root: __dirname,
-  cacheDir: '../../../node_modules/.vite/libs/authentication/vue',
-  plugins: [
-    vue(),
-    nxViteTsPaths(),
-    nxCopyAssetsPlugin(['*.md']),
-    dts({
-      entryRoot: 'src',
-      tsconfigPath: path.join(__dirname, 'tsconfig.lib.json'),
-    }),
-  ],
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [ nxViteTsPaths() ],
-  // },
-  // Configuration for building your library.
-  // See: https://vitejs.dev/guide/build.html#library-mode
-  build: {
-    outDir: '../../../dist/libs/authentication/vue',
-    emptyOutDir: true,
-    reportCompressedSize: true,
-    commonjsOptions: {
-      transformMixedEsModules: true,
-    },
-    lib: {
-      // Could also be a dictionary or array of multiple entry points.
-      entry: 'src/index.ts',
-      name: 'authentication-vue',
-      fileName: 'index',
-      // Change this to the formats you want to support.
-      // Don't forget to update your package.json as well.
-      formats: ['es'],
-    },
-    rollupOptions: {
-      // External packages that should not be bundled into your library.
-      external: [],
-    },
-  },
-  test: {
-    watch: false,
-    globals: true,
-    environment: 'jsdom',
-    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    reporters: ['default'],
-    coverage: {
-      reportsDirectory: '../../../coverage/libs/authentication/vue',
-      provider: 'v8',
-    },
-  },
-});