Merge pull request #2 from Libertech-FR/1-schematics

1 schematics

Author: tacxou

.gitignore

@@ -6,3 +6,7 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 extensions.yml
+.vscode/
+.env
+.env.*
+!.env.example

app/app.vue

@@ -2,6 +2,9 @@ import { extensions } from '@libertech-fr/teaket_common'
 import pugPlugin from 'vite-plugin-pug'
 import { resolve } from 'node:path'
 
+const TK_APP_API_URL = process.env.TK_APP_API_URL || 'http://localhost:7100'
+const TK_APP_AUTH_SECRET = process.env.TK_APP_AUTH_SECRET
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   ssr: false,
@@ -10,7 +13,7 @@ export default defineNuxtConfig({
   srcDir: 'src',
   debug: !!process.env.DEBUG,
   devServer: {
-    port: 8000,
+    port: 7000,
   },
   devtools: {
     enabled: process.env.NODE_ENV === 'development',
@@ -27,14 +30,12 @@ export default defineNuxtConfig({
   },
   modules: [
     'nuxt-api-party',
-    // '@hebilicious/authjs-nuxt',
-    // '@nuxtjs/auth-next',
     '@sidebase/nuxt-auth',
     'nuxt-quasar-ui',
     ...extensions.appSetup.default(),
   ],
   auth: {
-    baseURL: 'http://localhost:9000/core/auth',
+    baseURL: `${TK_APP_API_URL}/core/auth`,
     provider: {
       type: 'local',
       endpoints: {
@@ -49,33 +50,32 @@ export default defineNuxtConfig({
     },
     session: {
       enableRefreshOnWindowFocus: true,
-      enableRefreshPeriodically: 5000,
+      enableRefreshPeriodically: 5 * 60 * 1_000,
     },
     globalAppMiddleware: {
       isEnabled: true,
     },
   },
   runtimeConfig: {
     authJs: {
-      secret: process.env.AUTH_SECRET,
-    },
-    github: {
-      clientId: process.env.NUXT_GITHUB_CLIENT_ID,
-      clientSecret: process.env.NUXT_GITHUB_CLIENT_SECRET,
+      secret: TK_APP_AUTH_SECRET,
     },
     public: {
       authJs: {
-        baseUrl: process.env.NUXT_NEXTAUTH_URL, // The URL of your deployed app (used for origin Check in production)
+        // baseUrl: process.env.NUXT_NEXTAUTH_URL, // The URL of your deployed app (used for origin Check in production)
         verifyClientOnEveryRequest: true, // whether to hit the /auth/session endpoint on every client request
       },
     },
   },
+  appConfig: {
+    customSlots: {},
+  },
   quasar: {},
   apiParty: {
     endpoints: {
       api: {
-        url: `${process.env.NUXT_API_URL}`,
-        schema: `${process.env.NUXT_API_URL}/swagger/json`,
+        url: TK_APP_API_URL,
+        schema: `${TK_APP_API_URL}/swagger/json`,
         cookies: true,
       },
     },

app/nuxt.config.ts

@@ -10,9 +10,7 @@
   },
   "dependencies": {
     "@auth/core": "^0.12.0",
-    "@hebilicious/authjs-nuxt": "^0.3.0-beta.2",
     "@libertech-fr/teaket_common": "*",
-    "@nuxtjs/auth-next": "5.0.0-1667386184.dfbbb54",
     "@quasar/extras": "^1.16.6",
     "cookie": "^0.5.0",
     "quasar": "^2.12.5"

app/package.json

@@ -16,6 +16,10 @@ import { FetchError } from 'ofetch'
 //   } as any)
 // }
 
+//TODO: fix this
+
+// export const useApiFetch = useApiData
+
 export function useApiFetch<P extends AllPaths<Paths>, M extends IgnoreCase<keyof Paths[`/${P}`] & HttpMethod>>(
   path: MaybeRefOrGetter<P>,
   opts?: Omit<UseOpenApiDataOptions<Paths[`/${P}`], M>, 'method'> & {

app/src/composables/useApiFetch.ts

@@ -5,84 +5,8 @@ div
   tk-hook(name="index.accueil.bottom")
   q-btn(@click='signIn()') signIn
   q-btn(@click='signOut()') signOut
-  q-btn(@click='call()') call
 </template>
 
 <script lang='ts' setup>
-definePageMeta({ auth: true })
-// import { components } from '#nuxt-api-party/api'
-
-// import { useApiFetch } from '../../../docs/useApiFetch.ts'
-
-import { useApiFetch } from '~/composables/useApiFetch'
-
 const { signIn, signOut, session, status, cookies, getProviders, user, sessionToken } = useAuth()
-// type TicketCreateDto = components['schemas']['TicketCreateDto']
-
-const formData = {
-  subject: 'toto'
-}
-try {
-const { data } = await useApiData('tickets/ticket', {
-  method: 'post',
-  query: {
-    aaaa: 1
-  },
-  body: {
-    subject: 1
-  },
-  async onRequestError({ error }) {
-    console.log(error)
-  },
-})
-} catch (e) {
-  console.log('e', e)
-}
-
-const call = async () => {
-  // const { data } = await useApiData('tickets/ticket', {
-  // })
-  try {
-    const { data } = await useApiFetch2('tickets/ticket', {
-      method: 'post',
-      cache: false,
-      client: true,
-      // query: {
-      //   limit: 1
-      // },
-      // pathParams: {
-      //   id: '1'
-      // },
-      body: {
-        subjecet: "1"
-      },
-    }, {
-      subject: 'aaa'
-    })
-  } catch (e) {
-    console.log('e', e)
-  }
-  // console.log('test', data)
-    // onRequest(context: FetchContext): Promise<void> | void {
-    //   context.options.headers = {
-    //     'Test': '1'
-    //   }
-    //   console.log('onRequest', context)
-    // }
-    //   method: 'get',
-  //   // client: true,
-  //   // headers: {
-  //   //   'Test': '1'
-  //   // },
-  //   // body: formData,
-  //   // watch: {
-  //   //   onRequest: {
-  //   //     handler: () => {
-  //   //       console.log('onRequest')
-  //   //     },
-  //   //   }
-  //   // }
-  // })
-  console.log('data', data)
-}
 </script>

app/src/pages/index.vue

@@ -0,0 +1,15 @@
+# Hooks
+**Regex** :
+`/^(pages|components|layouts):([\w\/-]+):([\w\/-]+)$/`
+## Syntax
+```ts
+const hook = `${prefix}:${file_path}:${hook_name}`
+const prefix = pages | components | layouts
+const file_path = tickets/_id
+const hook_name = sidebar/top_actions
+```
+## List
+
+| Hook | Description            |
+| ---- |------------------------|
+|pages:tickets/_id:sidebar/top_actions| Ce n'est qu'un exemple |

app/src/pages/tickets.vue

@@ -0,0 +1,20 @@
+# Create new DTO
+## For crud operations
+```ts
+import { ApiProperty, PartialType } from '@nestjs/swagger'
+import { AbstractCustomFieldsDto } from '~/_common/abstracts/dto/abstract.custom-fields.dto'
+import { IsMongoId } from 'class-validator'
+
+export class [NAME]CreateDto extends AbstractCustomFieldsDto {
+  [FIELDS_HERE...]
+}
+
+export class [NAME]Dto extends [NAME]CreateDto {
+  @IsMongoId()
+  @ApiProperty()
+  public _id: string
+}
+
+export class [NAME]UpdateDto extends PartialType([NAME]CreateDto) {
+}
+```

docs/app/HOOKS.md

@@ -1 +1 @@
-TEAKET_MONGOOSE_URI=mongodb://localhost:27017/teaket
+TK_SERVICE_MONGOOSE_URI=mongodb://localhost:27017/teaket