chore: release v2.1.2

chore(deps): revert @emotion/react@11.13.0 update
This version seems to be broken. In dev mode, styled component theme props's missing only when SSR
2025-12-09 07:03:25 +00:00 · 2024-09-17 15:24:29 +02:00 · 2024-09-17 15:23:56 +02:00 · 2024-09-17 14:55:51 +02:00 · 2024-09-17 14:54:20 +02:00 · 2024-09-17 14:03:21 +02:00
404 changed files with 18002 additions and 20834 deletions
--- a/.babelrc
+++ b/.babelrc
@@ -0,0 +1,3 @@
 {
  "plugins": ["@emotion"]
 }
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,8 +1,15 @@
 # Adonis default .gitignore ignores
 node_modules
-.env
+build
-.next
+coverage
 .vscode
-example.env
+.DS_STORE
 .env
 tmp
 storage
 # Additional .gitignore ignores (any custom file you wish)
 .idea
 # Additional good to have ignores for dockerignore
 Dockerfile*
@@ -11,3 +18,6 @@ docker-compose*
 *.md
 .git
 .gitignore
 # App specific
 database/seeders
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,10 +1,24 @@
 # http://editorconfig.org
 root = true
 [*]
 charset = utf-8
 indent_style = space
 indent_size = 2
 tab_width = 4
 end_of_line = lf
-insert_final_newline = true
+charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 [*.json]
 insert_final_newline = unset
 [**.min.js]
 indent_style = unset
 insert_final_newline = unset
 [MakeFile]
 indent_style = space
 [*.md]
 trim_trailing_whitespace = false
--- a/.env.example
+++ b/.env.example
@@ -0,0 +1,16 @@
 # node ace generate:key
 APP_KEY=soY8ZAtItT_fCkNUADfgffZUUo675lOj
 TZ=UTC
 PORT=3333
 HOST=localhost
 LOG_LEVEL=info
 NODE_ENV=development
 SESSION_DRIVER=cookie
 DB_HOST=127.0.0.1
 DB_PORT=5432
 DB_USER=postgres
 DB_PASSWORD=my-links-pwd
 DB_DATABASE=my-links
 GOOGLE_CLIENT_ID=
 GOOGLE_CLIENT_SECRET=
 GOOGLE_CLIENT_CALLBACK_URL=http://localhost:3333/auth/callback
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,6 +0,0 @@
 {
  "extends": "next",
  "rules": {
    "react/no-unescaped-entities": "off"
  }
 }
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,2 +0,0 @@
 # Auto detect text files and perform LF normalization
 * text=auto
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@@ -50,4 +50,4 @@ jobs:
          key: ${{ secrets.SSH_KEY }}
          script: |
            cd /infra/my-links
-            docker compose up -d
+            sh startup.sh
--- a/.gitignore
+++ b/.gitignore
@@ -1,45 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Dependencies and AdonisJS build
 node_modules
 build
 tmp
-# dependencies
+# Secrets
 /node_modules
 /.pnp
 .pnp.js
 # testing
 /coverage
 # next.js
 /.next/
 /out/
 # production
 /build
 # misc
 .DS_Store
 *.pem
 .idea
 .vscode
 # debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 # local env files
 .env
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
 .env.development.local
-# vercel
+# Frontend assets compiled code
-.vercel
+public/assets
-# sitemap files (they are generated by postbuild script)
+# Build tools specific
-public/sitemap*
+npm-debug.log
-public/robots.txt
+yarn-error.log
-# pwa static files
+# Editors specific
-/public/sw*
+.fleet
-/public/workbox-*
+.idea
 # Platform specific
 .DS_Store
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 npx lint-staged
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
@@ -1,8 +0,0 @@
 # Default ignored files
 /shelf/
 /workspace.xml
 # Editor-based HTTP Client requests
 /httpRequests/
 # Datasource local storage ignored files
 /dataSources/
 /dataSources.local.xml
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -1,63 +0,0 @@
 <component name="ProjectCodeStyleConfiguration">
  <code_scheme name="Project" version="173">
    <HTMLCodeStyleSettings>
      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
      <option name="HTML_QUOTE_STYLE" value="Single" />
      <option name="HTML_ENFORCE_QUOTES" value="true" />
    </HTMLCodeStyleSettings>
    <JSCodeStyleSettings version="0">
      <option name="FORCE_SEMICOLON_STYLE" value="true" />
      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
      <option name="USE_DOUBLE_QUOTES" value="false" />
      <option name="FORCE_QUOTE_STYlE" value="true" />
      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
      <option name="SPACES_WITHIN_IMPORTS" value="true" />
    </JSCodeStyleSettings>
    <TypeScriptCodeStyleSettings version="0">
      <option name="FORCE_SEMICOLON_STYLE" value="true" />
      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
      <option name="USE_DOUBLE_QUOTES" value="false" />
      <option name="FORCE_QUOTE_STYlE" value="true" />
      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
      <option name="SPACES_WITHIN_IMPORTS" value="true" />
    </TypeScriptCodeStyleSettings>
    <VueCodeStyleSettings>
      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
    </VueCodeStyleSettings>
    <codeStyleSettings language="HTML">
      <option name="SOFT_MARGINS" value="100" />
      <indentOptions>
        <option name="INDENT_SIZE" value="2" />
        <option name="CONTINUATION_INDENT_SIZE" value="2" />
        <option name="TAB_SIZE" value="2" />
      </indentOptions>
    </codeStyleSettings>
    <codeStyleSettings language="JavaScript">
      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
      <option name="SOFT_MARGINS" value="100" />
      <indentOptions>
        <option name="INDENT_SIZE" value="2" />
        <option name="CONTINUATION_INDENT_SIZE" value="2" />
        <option name="TAB_SIZE" value="2" />
      </indentOptions>
    </codeStyleSettings>
    <codeStyleSettings language="TypeScript">
      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
      <option name="SOFT_MARGINS" value="100" />
      <indentOptions>
        <option name="INDENT_SIZE" value="2" />
        <option name="CONTINUATION_INDENT_SIZE" value="2" />
        <option name="TAB_SIZE" value="2" />
      </indentOptions>
    </codeStyleSettings>
    <codeStyleSettings language="Vue">
      <option name="SOFT_MARGINS" value="100" />
      <indentOptions>
        <option name="CONTINUATION_INDENT_SIZE" value="2" />
      </indentOptions>
    </codeStyleSettings>
  </code_scheme>
 </component>
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -1,5 +0,0 @@
 <component name="ProjectCodeStyleConfiguration">
  <state>
    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
  </state>
 </component>
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,5 +0,0 @@
 <project version="4">
  <component name="ProjectRootManager">
    <output url="file://$PROJECT_DIR$/out" />
  </component>
 </project>
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@@ -1,8 +0,0 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
  <component name="ProjectModuleManager">
    <modules>
      <module fileurl="file://$PROJECT_DIR$/.idea/my-links.iml" filepath="$PROJECT_DIR$/.idea/my-links.iml" />
    </modules>
  </component>
 </project>
--- a/.idea/my-links.iml
+++ b/.idea/my-links.iml
@@ -1,9 +0,0 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <module type="JAVA_MODULE" version="4">
  <component name="NewModuleRootManager" inherit-compiler-output="true">
    <exclude-output />
    <content url="file://$MODULE_DIR$" />
    <orderEntry type="inheritedJdk" />
    <orderEntry type="sourceFolder" forTests="false" />
  </component>
 </module>
--- a/.idea/prettier.xml
+++ b/.idea/prettier.xml
@@ -1,7 +0,0 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
  <component name="PrettierConfiguration">
    <option name="myConfigurationMode" value="AUTOMATIC" />
    <option name="myRunOnSave" value="true" />
  </component>
 </project>
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@@ -1,6 +0,0 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
  <component name="VcsDirectoryMappings">
    <mapping directory="" vcs="Git" />
  </component>
 </project>
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,21 +0,0 @@
 {
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "semi": true,
  "experimentalTernaries": false,
  "singleQuote": true,
  "jsxSingleQuote": true,
  "quoteProps": "as-needed",
  "trailingComma": "all",
  "singleAttributePerLine": true,
  "htmlWhitespaceSensitivity": "css",
  "vueIndentScriptAndStyle": false,
  "proseWrap": "preserve",
  "insertPragma": false,
  "printWidth": 80,
  "requirePragma": false,
  "tabWidth": 2,
  "useTabs": false,
  "embeddedLanguageFormatting": "auto"
 }
--- a/.release-it.json
+++ b/.release-it.json
@@ -1,11 +1,15 @@
 {
  "hooks": {
    "before:init": [
-      "npm run lint"
+      "pnpm format",
      "pnpm lint"
    ]
  },
  "git": {
-    "commitMessage": "chore: release v${version}"
+    "commitMessage": "chore: release v${version}",
    "commit": true,
    "tag": true,
    "push": true
  },
  "github": {
    "release": true
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-  "discord.enabled": false
+  "typescript.preferences.importModuleSpecifier": "non-relative"
 }
--- a/85
+++ b/85
@@ -1,54 +1,61 @@
-# Source : https://github.com/vercel/next.js/blob/canary/examples/with-docker/Dockerfile
+# Source : https://github.com/adonisjs-community/adonis-packages/blob/main/Dockerfile
-FROM node:18-alpine AS base
+FROM node:20-alpine3.18 AS base
-# Install dependencies only when needed
+RUN apk --no-cache add curl
 RUN corepack enable
 # All deps stage
 FROM base AS deps
 WORKDIR /app
 ADD package.json pnpm-lock.yaml ./
 RUN pnpm install --ignore-scripts
-# Install dependencies based on the preferred package manager
+# Production only deps stage
-COPY package.json package-lock.json* ./
+FROM base AS production-deps
 RUN npm pkg delete scripts.prepare
 RUN npm ci --omit=dev
 # Rebuild the source code only when needed
 FROM base AS builder
 WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
+ADD package.json pnpm-lock.yaml ./
-COPY . .
+RUN pnpm install --ignore-scripts
-ENV NEXT_TELEMETRY_DISABLED 1
+# Build stage
-RUN npx prisma generate
+FROM base AS build
 RUN npm run build
 # Production image, copy all the files and run next
 FROM base AS runner
 WORKDIR /app
 COPY --from=deps /app/node_modules /app/node_modules
 ADD . .
-ENV NODE_ENV production
+ENV PORT=3333
-ENV NEXT_TELEMETRY_DISABLED 1
+ENV HOST=localhost
 ENV LOG_LEVEL=info
 ENV APP_KEY=sLoJth45JD1vcS8n92Y2JUd8w3OL4HQb
 ENV NODE_ENV=production
 ENV SESSION_DRIVER=cookie
 ENV DB_HOST=127.0.0.1
 ENV DB_PORT=5432
 ENV DB_USER=db_user
 ENV DB_PASSWORD=db_password
 ENV DB_DATABASE=db_db
 ENV GOOGLE_CLIENT_ID=client_id
 ENV GOOGLE_CLIENT_SECRET=client_secret
 ENV GOOGLE_CLIENT_CALLBACK_URL=http://localhost:3333/auth/callback
-RUN addgroup --system --gid 1001 nodejs
+RUN node ace izzy:routes
-RUN adduser --system --uid 1001 nextjs
+RUN node ace build
-COPY --from=builder /app/public ./public
+# Production stage
-COPY --from=builder /app/prisma ./prisma
+FROM base
-# Set the correct permission for prerender cache
+ENV NODE_ENV=production
-RUN mkdir .next
+ENV LOG_LEVEL=debug
-RUN chown nextjs:nodejs .next
+ENV CACHE_VIEWS=false
 ENV SESSION_DRIVER=cookie
 ENV PORT=$PORT
-# Automatically leverage output traces to reduce image size
+WORKDIR /app
-# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=production-deps /app/node_modules /app/node_modules
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=build /app/build /app
 COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
-USER nextjs
+# Expose port
 EXPOSE $PORT
-EXPOSE 3000
+# Start app
-
+CMD node bin/console.js migration:run --force && node bin/server.js
 ENV PORT 3000
 # set hostname to localhost
 ENV HOSTNAME "0.0.0.0"
 CMD npx prisma migrate deploy && node server.js
--- a/29
+++ b/29
@@ -1,14 +1,19 @@
-db:
+dev:
-	docker compose -f dev.docker-compose.yml up -d --wait
+	@docker compose down
-
+	@docker compose -f dev.docker-compose.yml up -d --wait
-dev: db
+	@node ace migration:fresh
-	npx prisma migrate deploy
+	@pnpm run dev
 	npx prisma generate
 	npm run dev
 release:
 	npm run release
 prod:
-	-docker network create mylinks_app
+	@docker compose -f dev.docker-compose.yml down
-	docker compose up -d --build --wait
+	@docker compose up -d --build --wait
 seed:
 	@node ace db:seed
 down:
 	@-docker compose down
 	@-docker compose -f dev.docker-compose.yml down
 release:
 	@pnpm run release
--- a/README.md
+++ b/README.md
@@ -11,26 +11,49 @@ Copy `example.env` file as `.env` and edit the properties.
 cp example.env .env
 ```
-## Dev
+## Development
-Leave the `DATABASE_URL` property filled
+### Docker
 ```
 cd docker
 make start-dev
 cd ..
 npx prisma db push
 npm run dev
 ```
 ## Prod
 If you want to use your own database leave, the `DATABASE_URL` property filled in `docker/docker-compose.yml` with your database credentials, otherwise you'll have to delete it.
 ```shell
-cd docker
+make dev
-make build
+```
-make start-prod
+
 ### PNPM
 ```shell
 # reset database and (force) apply all migrations
 node ace migration:fresh
 # start dev server
 pnpm run dev
 ```
 ## Start as prod
 ### Docker
 ```shell
 make prod
 ```
 ### PNPM
 ```shell
 # create production build
 pnpm run build
 # go to the build folder
 cd build
 # clone your .env
 cp ../.env .
 # then start the production build
 pnpm run start
 ```
 ## Generate app_key
 ```shell
 # generate a random app key
 openssl rand -base64 32
 ```
 ## GitHub Actions
--- a/ace.js
+++ b/ace.js
@@ -0,0 +1,27 @@
 /*
 |--------------------------------------------------------------------------
 | JavaScript entrypoint for running ace commands
 |--------------------------------------------------------------------------
 |
 | DO NOT MODIFY THIS FILE AS IT WILL BE OVERRIDDEN DURING THE BUILD
 | PROCESS.
 |
 | See docs.adonisjs.com/guides/typescript-build-process#creating-production-build
 |
 | Since, we cannot run TypeScript source code using "node" binary, we need
 | a JavaScript entrypoint to run ace commands.
 |
 | This file registers the "ts-node/esm" hook with the Node.js module system
 | and then imports the "bin/console.ts" file.
 |
 */
 /**
 * Register hook to process TypeScript files using ts-node
 */
 import 'ts-node-maintained/register/esm';
 /**
 * Import ace console entrypoint
 */
 await import('./bin/console.js');
--- a/adonisrc.ts
+++ b/adonisrc.ts
@@ -0,0 +1,110 @@
 import { defineConfig } from '@adonisjs/core/app';
 export default defineConfig({
  /*
  |--------------------------------------------------------------------------
  | Commands
  |--------------------------------------------------------------------------
  |
  | List of ace commands to register from packages. The application commands
  | will be scanned automatically from the "./commands" directory.
  |
  */
  commands: [
    () => import('@adonisjs/core/commands'),
    () => import('@adonisjs/lucid/commands'),
    () => import('@izzyjs/route/commands'),
  ],
  /*
  |--------------------------------------------------------------------------
  | Service providers
  |--------------------------------------------------------------------------
  |
  | List of service providers to import and register when booting the
  | application
  |
  */
  providers: [
    () => import('@adonisjs/core/providers/app_provider'),
    () => import('@adonisjs/core/providers/hash_provider'),
    {
      file: () => import('@adonisjs/core/providers/repl_provider'),
      environment: ['repl', 'test'],
    },
    () => import('@adonisjs/core/providers/vinejs_provider'),
    () => import('@adonisjs/core/providers/edge_provider'),
    () => import('@adonisjs/session/session_provider'),
    () => import('@adonisjs/vite/vite_provider'),
    () => import('@adonisjs/shield/shield_provider'),
    () => import('@adonisjs/static/static_provider'),
    () => import('@adonisjs/cors/cors_provider'),
    () => import('@adonisjs/lucid/database_provider'),
    () => import('@adonisjs/auth/auth_provider'),
    () => import('@adonisjs/inertia/inertia_provider'),
    () => import('@adonisjs/ally/ally_provider'),
    () => import('@izzyjs/route/izzy_provider'),
    () => import('#providers/route_provider'),
  ],
  /*
  |--------------------------------------------------------------------------
  | Preloads
  |--------------------------------------------------------------------------
  |
  | List of modules to import before starting the application.
  |
  */
  preloads: [() => import('#start/routes'), () => import('#start/kernel')],
  /*
  |--------------------------------------------------------------------------
  | Tests
  |--------------------------------------------------------------------------
  |
  | List of test suites to organize tests by their type. Feel free to remove
  | and add additional suites.
  |
  */
  tests: {
    suites: [
      {
        files: ['tests/unit/**/*.spec(.ts|.js)'],
        name: 'unit',
        timeout: 2000,
      },
      {
        files: ['tests/functional/**/*.spec(.ts|.js)'],
        name: 'functional',
        timeout: 30000,
      },
    ],
    forceExit: false,
  },
  /*
  |--------------------------------------------------------------------------
  | Metafiles
  |--------------------------------------------------------------------------
  |
  | A collection of files you want to copy to the build folder when creating
  | the production build.
  |
  */
  metaFiles: [
    {
      pattern: 'resources/views/**/*.edge',
      reloadServer: false,
    },
    {
      pattern: 'public/**',
      reloadServer: false,
    },
  ],
  assetsBundler: false,
  unstable_assembler: {
    onBuildStarting: [() => import('@adonisjs/vite/build_hook')],
    onDevServerStarted: [() => import('@izzyjs/route/dev_hook')],
  },
 });
--- a/app/constants/keys.ts
+++ b/app/constants/keys.ts
@@ -0,0 +1,19 @@
 const OPEN_SEARCH_KEY = 's';
 const ESCAPE_KEY = 'escape';
 const OPEN_CREATE_LINK_KEY = 'l';
 const OPEN_CREATE_COLLECTION_KEY = 'c';
 const ARROW_UP = 'ArrowUp';
 const ARROW_DOWN = 'ArrowDown';
 const KEYS = {
  ARROW_DOWN,
  ARROW_UP,
  ESCAPE_KEY,
  OPEN_CREATE_COLLECTION_KEY,
  OPEN_CREATE_LINK_KEY,
  OPEN_SEARCH_KEY,
 };
 export default KEYS;
--- a/app/constants/paths.ts
+++ b/app/constants/paths.ts
@@ -0,0 +1,8 @@
 const PATHS = {
  AUTHOR: 'https://www.sonny.dev/',
  REPO_GITHUB: 'https://github.com/Sonny93/my-links',
  EXTENSION:
    'https://chromewebstore.google.com/detail/mylinks/agkmlplihacolkakgeccnbhphnepphma',
 } as const;
 export default PATHS;
--- a/app/constants/session.ts
+++ b/app/constants/session.ts
@@ -0,0 +1,2 @@
 export const PREFER_DARK_THEME = 'prefer_dark_theme';
 export const DARK_THEME_DEFAULT_VALUE = true;
--- a/app/controllers/admin_controller.ts
+++ b/app/controllers/admin_controller.ts
@@ -0,0 +1,46 @@
 import CollectionsController from '#controllers/collections_controller';
 import LinksController from '#controllers/links_controller';
 import UsersController from '#controllers/users_controller';
 import User from '#models/user';
 import { inject } from '@adonisjs/core';
 import type { HttpContext } from '@adonisjs/core/http';
 class UserWithRelationCountDto {
  constructor(private user: User) {}
  toJson = () => ({
    id: this.user.id,
    email: this.user.email,
    fullname: this.user.name,
    avatarUrl: this.user.avatarUrl,
    isAdmin: this.user.isAdmin,
    createdAt: this.user.createdAt,
    updatedAt: this.user.updatedAt,
    count: {
      link: Number(this.user.$extras.totalLinks),
      collection: Number(this.user.$extras.totalCollections),
    },
  });
 }
@inject()
 export default class AdminController {
  constructor(
    protected usersController: UsersController,
    protected linksController: LinksController,
    protected collectionsController: CollectionsController
  ) {}
  async index({ inertia }: HttpContext) {
    const users = await this.usersController.getAllUsersWithTotalRelations();
    const linksCount = await this.linksController.getTotalLinksCount();
    const collectionsCount =
      await this.collectionsController.getTotalCollectionsCount();
    return inertia.render('admin/dashboard', {
      users: users.map((user) => new UserWithRelationCountDto(user).toJson()),
      totalLinks: linksCount,
      totalCollections: collectionsCount,
    });
  }
 }
--- a/app/controllers/apps_controller.ts
+++ b/app/controllers/apps_controller.ts
@@ -0,0 +1,13 @@
 import { PREFER_DARK_THEME } from '#constants/session';
 import { updateUserThemeValidator } from '#validators/user';
 import type { HttpContext } from '@adonisjs/core/http';
 export default class AppsController {
  async updateUserTheme({ request, session, response }: HttpContext) {
    const { preferDarkTheme } = await request.validateUsing(
      updateUserThemeValidator
    );
    session.put(PREFER_DARK_THEME, preferDarkTheme);
    return response.ok({ message: 'ok' });
  }
 }
--- a/app/controllers/collections_controller.ts
+++ b/app/controllers/collections_controller.ts
@@ -0,0 +1,141 @@
 import Collection from '#models/collection';
 import User from '#models/user';
 import {
  createCollectionValidator,
  deleteCollectionValidator,
  updateCollectionValidator,
 } from '#validators/collection';
 import type { HttpContext } from '@adonisjs/core/http';
 import db from '@adonisjs/lucid/services/db';
 export default class CollectionsController {
  // Dashboard
  async index({ auth, inertia, request, response }: HttpContext) {
    const collections = await this.getCollectionsByAuthorId(auth.user!.id);
    if (collections.length === 0) {
      return response.redirectToNamedRoute('collection.create-form');
    }
    const activeCollectionId = Number(request.qs()?.collectionId ?? '');
    const activeCollection = collections.find(
      (c) => c.id === activeCollectionId
    );
    if (!activeCollection && !!activeCollectionId) {
      return response.redirectToNamedRoute('dashboard');
    }
    return inertia.render('dashboard', {
      collections,
      activeCollection: activeCollection || collections[0],
    });
  }
  // Create collection form
  async showCreatePage({ inertia, auth }: HttpContext) {
    const collections = await this.getCollectionsByAuthorId(auth.user!.id);
    return inertia.render('collections/create', {
      disableHomeLink: collections.length === 0,
    });
  }
  // Method called when creating a collection
  async store({ request, response, auth }: HttpContext) {
    const payload = await request.validateUsing(createCollectionValidator);
    const collection = await Collection.create({
      ...payload,
      authorId: auth.user?.id!,
    });
    return this.redirectToCollectionId(response, collection.id);
  }
  async showEditPage({ auth, request, inertia, response }: HttpContext) {
    const collectionId = request.qs()?.collectionId;
    if (!collectionId) {
      return response.redirectToNamedRoute('dashboard');
    }
    const collection = await this.getCollectionById(
      collectionId,
      auth.user!.id
    );
    return inertia.render('collections/edit', {
      collection,
    });
  }
  async update({ request, auth, response }: HttpContext) {
    const { params, ...payload } = await request.validateUsing(
      updateCollectionValidator
    );
    // Cant use validator (vinejs) custom rule 'cause its too generic,
    // because we have to find a collection by identifier and
    // check whether the current user is the author.
    // https://vinejs.dev/docs/extend/custom_rules
    await this.getCollectionById(params.id, auth.user!.id);
    await Collection.updateOrCreate(
      {
        id: params.id,
      },
      payload
    );
    return this.redirectToCollectionId(response, params.id);
  }
  async showDeletePage({ auth, request, inertia, response }: HttpContext) {
    const collectionId = request.qs()?.collectionId;
    if (!collectionId) {
      return response.redirectToNamedRoute('dashboard');
    }
    const collection = await this.getCollectionById(
      collectionId,
      auth.user!.id
    );
    return inertia.render('collections/delete', {
      collection,
    });
  }
  async delete({ request, auth, response }: HttpContext) {
    const { params } = await request.validateUsing(deleteCollectionValidator);
    const collection = await this.getCollectionById(params.id, auth.user!.id);
    await collection.delete();
    return response.redirectToNamedRoute('dashboard');
  }
  async getTotalCollectionsCount() {
    const totalCount = await db.from('collections').count('* as total');
    return Number(totalCount[0].total);
  }
  /**
   * Get collection by id.
   *
   * /!\ Only return private collection (create by the current user)
   */
  async getCollectionById(id: Collection['id'], userId: User['id']) {
    return await Collection.query()
      .where('id', id)
      .andWhere('author_id', userId)
      .firstOrFail();
  }
  async getCollectionsByAuthorId(authorId: User['id']) {
    return await Collection.query()
      .where('author_id', authorId)
      .orderBy('created_at')
      .preload('links');
  }
  redirectToCollectionId(
    response: HttpContext['response'],
    collectionId: Collection['id']
  ) {
    return response.redirectToNamedRoute('dashboard', {
      qs: { collectionId },
    });
  }
 }
--- a/app/controllers/favicons_controller.ts
+++ b/app/controllers/favicons_controller.ts
@@ -0,0 +1,160 @@
 import FaviconNotFoundException from '#exceptions/favicon_not_found_exception';
 import { cache } from '#lib/cache';
 import type { HttpContext } from '@adonisjs/core/http';
 import logger from '@adonisjs/core/services/logger';
 import { parse } from 'node-html-parser';
 interface Favicon {
  buffer: Buffer;
  url: string;
  type: string;
  size: number;
 }
 export default class FaviconsController {
  private userAgent =
    'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36 Edg/119.0.0.0';
  private relList = [
    'icon',
    'shortcut icon',
    'apple-touch-icon',
    'apple-touch-icon-precomposed',
    'apple-touch-startup-image',
    'mask-icon',
    'fluid-icon',
  ];
  async index(ctx: HttpContext) {
    const url = ctx.request.qs()?.url;
    if (!url) {
      throw new Error('Missing URL');
    }
    const cacheNs = cache.namespace('favicon');
    const favicon = await cacheNs.getOrSet({
      key: url,
      ttl: '1h',
      factory: () => this.tryGetFavicon(url),
    });
    return this.sendImage(ctx, favicon);
  }
  private async tryGetFavicon(url: string): Promise<Favicon> {
    const faviconUrl = this.buildFaviconUrl(url, '/favicon.ico');
    try {
      return await this.fetchFavicon(faviconUrl);
    } catch {
      logger.debug(`Unable to retrieve favicon from ${faviconUrl}`);
    }
    const documentText = await this.fetchDocumentText(url);
    const faviconPath = this.extractFaviconPath(documentText);
    if (!faviconPath) {
      throw new FaviconNotFoundException(`No favicon path found in ${url}`);
    }
    if (faviconPath.startsWith('http')) {
      try {
        return await this.fetchFavicon(faviconPath);
      } catch {
        logger.debug(`Unable to retrieve favicon from ${faviconPath}`);
      }
    }
    return this.fetchFaviconFromPath(url, faviconPath);
  }
  private async fetchFavicon(url: string): Promise<Favicon> {
    const response = await this.fetchWithUserAgent(url);
    if (!response.ok) {
      throw new FaviconNotFoundException(`Request to favicon ${url} failed`);
    }
    const blob = await response.blob();
    if (!this.isImage(blob.type) || blob.size === 0) {
      throw new FaviconNotFoundException(`Invalid image at ${url}`);
    }
    return {
      buffer: Buffer.from(await blob.arrayBuffer()),
      url: response.url,
      type: blob.type,
      size: blob.size,
    };
  }
  private async fetchDocumentText(url: string): Promise<string> {
    const response = await this.fetchWithUserAgent(url);
    if (!response.ok) {
      throw new FaviconNotFoundException(`Request to ${url} failed`);
    }
    return await response.text();
  }
  private extractFaviconPath(html: string): string | undefined {
    const document = parse(html);
    const link = document
      .getElementsByTagName('link')
      .find((element) => this.relList.includes(element.getAttribute('rel')!));
    return link?.getAttribute('href');
  }
  private async fetchFaviconFromPath(
    baseUrl: string,
    path: string
  ): Promise<Favicon> {
    if (this.isBase64Image(path)) {
      const buffer = this.convertBase64ToBuffer(path);
      return {
        buffer,
        type: 'image/x-icon',
        size: buffer.length,
        url: path,
      };
    }
    const faviconUrl = this.buildFaviconUrl(baseUrl, path);
    return this.fetchFavicon(faviconUrl);
  }
  private buildFaviconUrl(base: string, path: string): string {
    const { origin } = new URL(base);
    if (path.startsWith('/')) {
      return origin + path;
    }
    const basePath = this.urlWithoutSearchParams(base);
    const baseUrl = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;
    return `${baseUrl}/${path}`;
  }
  private urlWithoutSearchParams(url: string): string {
    const { protocol, host, pathname } = new URL(url);
    return `${protocol}//${host}${pathname}`;
  }
  private isImage(type: string): boolean {
    return type.startsWith('image/');
  }
  private isBase64Image(data: string): boolean {
    return data.startsWith('data:image/');
  }
  private convertBase64ToBuffer(base64: string): Buffer {
    return Buffer.from(base64.split(',')[1], 'base64');
  }
  private async fetchWithUserAgent(url: string): Promise<Response> {
    const headers = new Headers({ 'User-Agent': this.userAgent });
    return fetch(url, { headers });
  }
  private sendImage(ctx: HttpContext, { buffer, type, size }: Favicon) {
    ctx.response.header('Content-Type', type);
    ctx.response.header('Content-Length', size.toString());
    ctx.response.send(buffer, true);
  }
 }
--- a/app/controllers/links_controller.ts
+++ b/app/controllers/links_controller.ts
@@ -0,0 +1,131 @@
 import CollectionsController from '#controllers/collections_controller';
 import Link from '#models/link';
 import {
  createLinkValidator,
  deleteLinkValidator,
  updateLinkFavoriteStatusValidator,
  updateLinkValidator,
 } from '#validators/link';
 import { inject } from '@adonisjs/core';
 import type { HttpContext } from '@adonisjs/core/http';
 import db from '@adonisjs/lucid/services/db';
@inject()
 export default class LinksController {
  constructor(protected collectionsController: CollectionsController) {}
  async showCreatePage({ auth, inertia }: HttpContext) {
    const collections =
      await this.collectionsController.getCollectionsByAuthorId(auth.user!.id);
    return inertia.render('links/create', { collections });
  }
  async store({ auth, request, response }: HttpContext) {
    const { collectionId, ...payload } =
      await request.validateUsing(createLinkValidator);
    await this.collectionsController.getCollectionById(
      collectionId,
      auth.user!.id
    );
    await Link.create({
      ...payload,
      collectionId,
      authorId: auth.user?.id!,
    });
    return this.collectionsController.redirectToCollectionId(
      response,
      collectionId
    );
  }
  async showEditPage({ auth, inertia, request, response }: HttpContext) {
    const linkId = request.qs()?.linkId;
    if (!linkId) {
      return response.redirectToNamedRoute('dashboard');
    }
    const userId = auth.user!.id;
    const collections =
      await this.collectionsController.getCollectionsByAuthorId(userId);
    const link = await this.getLinkById(linkId, userId);
    return inertia.render('links/edit', { collections, link });
  }
  async update({ request, auth, response }: HttpContext) {
    const { params, ...payload } =
      await request.validateUsing(updateLinkValidator);
    // Throw if invalid link id provided
    await this.getLinkById(params.id, auth.user!.id);
    await Link.updateOrCreate(
      {
        id: params.id,
      },
      payload
    );
    return response.redirectToNamedRoute('dashboard', {
      qs: { collectionId: payload.collectionId },
    });
  }
  async toggleFavorite({ request, auth, response }: HttpContext) {
    const { params, favorite } = await request.validateUsing(
      updateLinkFavoriteStatusValidator
    );
    // Throw if invalid link id provided
    await this.getLinkById(params.id, auth.user!.id);
    await Link.updateOrCreate(
      {
        id: params.id,
      },
      { favorite }
    );
    return response.json({ status: 'ok' });
  }
  async showDeletePage({ auth, inertia, request, response }: HttpContext) {
    const linkId = request.qs()?.linkId;
    if (!linkId) {
      return response.redirectToNamedRoute('dashboard');
    }
    const link = await this.getLinkById(linkId, auth.user!.id);
    await link.load('collection');
    return inertia.render('links/delete', { link });
  }
  async delete({ request, auth, response }: HttpContext) {
    const { params } = await request.validateUsing(deleteLinkValidator);
    const link = await this.getLinkById(params.id, auth.user!.id);
    await link.delete();
    return response.redirectToNamedRoute('dashboard', {
      qs: { collectionId: link.id },
    });
  }
  async getTotalLinksCount() {
    const totalCount = await db.from('links').count('* as total');
    return Number(totalCount[0].total);
  }
  /**
   * Get link by id.
   *
   * /!\ Only return private link (create by the current user)
   */
  private async getLinkById(id: Link['id'], userId: Link['id']) {
    return await Link.query()
      .where('id', id)
      .andWhere('author_id', userId)
      .firstOrFail();
  }
 }
--- a/app/controllers/searches_controller.ts
+++ b/app/controllers/searches_controller.ts
@@ -0,0 +1,18 @@
 import type { HttpContext } from '@adonisjs/core/http';
 import db from '@adonisjs/lucid/services/db';
 export default class SearchesController {
  async search({ request, auth }: HttpContext) {
    const term = request.qs()?.term;
    if (!term) {
      console.warn('qs term null');
      return { error: 'missing "term" query param' };
    }
    const { rows } = await db.rawQuery('SELECT * FROM search_text(?, ?)', [
      term,
      auth.user!.id,
    ]);
    return { results: rows };
  }
 }
--- a/app/controllers/shared_collections_controller.ts
+++ b/app/controllers/shared_collections_controller.ts
@@ -0,0 +1,24 @@
 import { Visibility } from '#enums/visibility';
 import Collection from '#models/collection';
 import { getSharedCollectionValidator } from '#validators/shared_collection';
 import type { HttpContext } from '@adonisjs/core/http';
 export default class SharedCollectionsController {
  async index({ request, inertia }: HttpContext) {
    const { params } = await request.validateUsing(
      getSharedCollectionValidator
    );
    const collection = await this.getSharedCollectionById(params.id);
    return inertia.render('shared', { collection });
  }
  private async getSharedCollectionById(id: Collection['id']) {
    return await Collection.query()
      .where('id', id)
      .andWhere('visibility', Visibility.PUBLIC)
      .preload('links')
      .preload('author')
      .firstOrFail();
  }
 }
--- a/app/controllers/users_controller.ts
+++ b/app/controllers/users_controller.ts
@@ -0,0 +1,78 @@
 import User from '#models/user';
 import type { HttpContext } from '@adonisjs/core/http';
 import logger from '@adonisjs/core/services/logger';
 import db from '@adonisjs/lucid/services/db';
 import { RouteName } from '@izzyjs/route/types';
 export default class UsersController {
  private redirectTo: RouteName = 'auth.login';
  login({ inertia }: HttpContext) {
    return inertia.render('login');
  }
  google = ({ ally }: HttpContext) => ally.use('google').redirect();
  async callbackAuth({ ally, auth, response, session }: HttpContext) {
    const google = ally.use('google');
    if (google.accessDenied()) {
      // TODO: translate error messages + show them in UI
      session.flash('flash', 'Access was denied');
      return response.redirectToNamedRoute(this.redirectTo);
    }
    if (google.stateMisMatch()) {
      session.flash('flash', 'Request expired. Retry again');
      return response.redirectToNamedRoute(this.redirectTo);
    }
    if (google.hasError()) {
      session.flash('flash', google.getError() || 'Something went wrong');
      return response.redirectToNamedRoute(this.redirectTo);
    }
    const userCount = await db.from('users').count('* as total');
    const {
      email,
      id: providerId,
      name,
      nickName,
      avatarUrl,
      token,
    } = await google.user();
    const user = await User.updateOrCreate(
      {
        email,
      },
      {
        email,
        providerId,
        name,
        nickName,
        avatarUrl,
        token,
        providerType: 'google',
        isAdmin: userCount[0].total === '0' ? true : undefined,
      }
    );
    await auth.use('web').login(user);
    session.flash('flash', 'Successfully authenticated');
    logger.info(`[${user.email}] auth success`);
    response.redirectToNamedRoute('dashboard');
  }
  async logout({ auth, response, session }: HttpContext) {
    await auth.use('web').logout();
    session.flash('flash', 'Successfully disconnected');
    logger.info(`[${auth.user?.email}] disconnected successfully`);
    response.redirectToNamedRoute(this.redirectTo);
  }
  async getAllUsersWithTotalRelations() {
    return User.query()
      .withCount('collections', (q) => q.as('totalCollections'))
      .withCount('links', (q) => q.as('totalLinks'));
  }
 }
--- a/app/enums/visibility.ts
+++ b/app/enums/visibility.ts
@@ -0,0 +1,4 @@
 export enum Visibility {
  PUBLIC = 'PUBLIC',
  PRIVATE = 'PRIVATE',
 }
--- a/app/exceptions/favicon_not_found_exception.ts
+++ b/app/exceptions/favicon_not_found_exception.ts
@@ -0,0 +1,20 @@
 import { Exception } from '@adonisjs/core/exceptions';
 import { HttpContext } from '@adonisjs/core/http';
 import logger from '@adonisjs/core/services/logger';
 import { createReadStream } from 'node:fs';
 import { resolve } from 'node:path';
 export default class FaviconNotFoundException extends Exception {
  static status = 404;
  static code = 'E_FAVICON_NOT_FOUND';
  async handle(error: this, ctx: HttpContext) {
    const readStream = createReadStream(
      resolve(process.cwd(), './public/empty-image.png')
    );
    ctx.response.header('Content-Type', 'image/png');
    ctx.response.stream(readStream);
    logger.debug(error.message);
  }
 }
--- a/app/exceptions/handler.ts
+++ b/app/exceptions/handler.ts
@@ -0,0 +1,54 @@
 import { ExceptionHandler, HttpContext } from '@adonisjs/core/http';
 import app from '@adonisjs/core/services/app';
 import type {
  StatusPageRange,
  StatusPageRenderer,
 } from '@adonisjs/core/types/http';
 import { errors } from '@adonisjs/lucid';
 export default class HttpExceptionHandler extends ExceptionHandler {
  /**
   * In debug mode, the exception handler will display verbose errors
   * with pretty printed stack traces.
   */
  protected debug = !app.inProduction;
  /**
   * Status pages are used to display a custom HTML pages for certain error
   * codes. You might want to enable them in production only, but feel
   * free to enable them in development as well.
   */
  protected renderStatusPages = app.inProduction;
  /**
   * Status pages is a collection of error code range and a callback
   * to return the HTML contents to send as a response.
   */
  protected statusPages: Record<StatusPageRange, StatusPageRenderer> = {
    '404': (error, { inertia }) =>
      inertia.render('errors/not_found', { error }),
    '500..599': (error, { inertia }) =>
      inertia.render('errors/server_error', { error }),
  };
  /**
   * The method is used for handling errors and returning
   * response to the client
   */
  async handle(error: unknown, ctx: HttpContext) {
    if (error instanceof errors.E_ROW_NOT_FOUND) {
      return ctx.response.redirectToNamedRoute('dashboard');
    }
    return super.handle(error, ctx);
  }
  /**
   * The method is used to report error to the logging service or
   * the a third party error monitoring service.
   *
   * @note You should not attempt to send a response from this method.
   */
  async report(error: unknown, ctx: HttpContext) {
    return super.report(error, ctx);
  }
 }
--- a/app/lib/cache.ts
+++ b/app/lib/cache.ts
@@ -0,0 +1,10 @@
 import { BentoCache, bentostore } from 'bentocache';
 import { memoryDriver } from 'bentocache/drivers/memory';
 export const cache = new BentoCache({
  default: 'cache',
  stores: {
    cache: bentostore().useL1Layer(memoryDriver({ maxSize: 10_000 })),
  },
 });
--- a/app/middleware/admin_middleware.ts
+++ b/app/middleware/admin_middleware.ts
@@ -0,0 +1,11 @@
 import type { HttpContext } from '@adonisjs/core/http';
 import type { NextFn } from '@adonisjs/core/types/http';
 export default class AdminMiddleware {
  async handle(ctx: HttpContext, next: NextFn) {
    if (!ctx.auth.user?.isAdmin) {
      return ctx.response.redirectToNamedRoute('dashboard');
    }
    return next();
  }
 }
--- a/app/middleware/auth_middleware.ts
+++ b/app/middleware/auth_middleware.ts
@@ -0,0 +1,28 @@
 import type { Authenticators } from '@adonisjs/auth/types';
 import type { HttpContext } from '@adonisjs/core/http';
 import type { NextFn } from '@adonisjs/core/types/http';
 import { route } from '@izzyjs/route/client';
 /**
 * Auth middleware is used authenticate HTTP requests and deny
 * access to unauthenticated users.
 */
 export default class AuthMiddleware {
  /**
   * The URL to redirect to, when authentication fails
   */
  redirectTo = route('auth.login').url;
  async handle(
    ctx: HttpContext,
    next: NextFn,
    options: {
      guards?: (keyof Authenticators)[];
    } = {}
  ) {
    await ctx.auth.authenticateUsing(options.guards, {
      loginRoute: this.redirectTo,
    });
    return next();
  }
 }
--- a/app/middleware/container_bindings_middleware.ts
+++ b/app/middleware/container_bindings_middleware.ts
@@ -0,0 +1,19 @@
 import { Logger } from '@adonisjs/core/logger';
 import { HttpContext } from '@adonisjs/core/http';
 import { NextFn } from '@adonisjs/core/types/http';
 /**
 * The container bindings middleware binds classes to their request
 * specific value using the container resolver.
 *
 * - We bind "HttpContext" class to the "ctx" object
 * - And bind "Logger" class to the "ctx.logger" object
 */
 export default class ContainerBindingsMiddleware {
  handle(ctx: HttpContext, next: NextFn) {
    ctx.containerResolver.bindValue(HttpContext, ctx);
    ctx.containerResolver.bindValue(Logger, ctx.logger);
    return next();
  }
 }
--- a/app/middleware/guest_middleware.ts
+++ b/app/middleware/guest_middleware.ts
@@ -0,0 +1,31 @@
 import type { HttpContext } from '@adonisjs/core/http';
 import type { NextFn } from '@adonisjs/core/types/http';
 import type { Authenticators } from '@adonisjs/auth/types';
 /**
 * Guest middleware is used to deny access to routes that should
 * be accessed by unauthenticated users.
 *
 * For example, the login page should not be accessible if the user
 * is already logged-in
 */
 export default class GuestMiddleware {
  /**
   * The URL to redirect to when user is logged-in
   */
  redirectTo = '/';
  async handle(
    ctx: HttpContext,
    next: NextFn,
    options: { guards?: (keyof Authenticators)[] } = {}
  ) {
    for (let guard of options.guards || [ctx.auth.defaultGuard]) {
      if (await ctx.auth.use(guard).check()) {
        return ctx.response.redirect(this.redirectTo, true);
      }
    }
    return next();
  }
 }
--- a/app/middleware/log_request.ts
+++ b/app/middleware/log_request.ts
@@ -0,0 +1,17 @@
 import { HttpContext } from '@adonisjs/core/http';
 import logger from '@adonisjs/core/services/logger';
 export default class LogRequest {
  async handle({ request }: HttpContext, next: () => Promise<void>) {
    if (
      !request.url().startsWith('/node_modules') &&
      !request.url().startsWith('/inertia') &&
      !request.url().startsWith('/@vite') &&
      !request.url().startsWith('/@react-refresh') &&
      !request.url().includes('.ts')
    ) {
      logger.debug(`[${request.method()}]: ${request.url()}`);
    }
    await next();
  }
 }
--- a/app/models/app_base_model.ts
+++ b/app/models/app_base_model.ts
@@ -0,0 +1,25 @@
 import {
  BaseModel,
  CamelCaseNamingStrategy,
  column,
 } from '@adonisjs/lucid/orm';
 import { DateTime } from 'luxon';
 export default class AppBaseModel extends BaseModel {
  static namingStrategy = new CamelCaseNamingStrategy();
  serializeExtras = true;
  @column({ isPrimary: true })
  declare id: number;
  @column.dateTime({
    autoCreate: true,
  })
  declare createdAt: DateTime;
  @column.dateTime({
    autoCreate: true,
    autoUpdate: true,
  })
  declare updatedAt: DateTime;
 }
--- a/app/models/collection.ts
+++ b/app/models/collection.ts
@@ -0,0 +1,29 @@
 import AppBaseModel from '#models/app_base_model';
 import Link from '#models/link';
 import User from '#models/user';
 import { belongsTo, column, hasMany } from '@adonisjs/lucid/orm';
 import type { BelongsTo, HasMany } from '@adonisjs/lucid/types/relations';
 import { Visibility } from '#enums/visibility';
 export default class Collection extends AppBaseModel {
  @column()
  declare name: string;
  @column()
  declare description: string | null;
  @column()
  declare visibility: Visibility;
  @column()
  declare nextId: number;
  @column()
  declare authorId: number;
  @belongsTo(() => User, { foreignKey: 'authorId' })
  declare author: BelongsTo<typeof User>;
  @hasMany(() => Link)
  declare links: HasMany<typeof Link>;
 }
--- a/app/models/link.ts
+++ b/app/models/link.ts
@@ -0,0 +1,31 @@
 import AppBaseModel from '#models/app_base_model';
 import Collection from '#models/collection';
 import User from '#models/user';
 import { belongsTo, column } from '@adonisjs/lucid/orm';
 import type { BelongsTo } from '@adonisjs/lucid/types/relations';
 export default class Link extends AppBaseModel {
  @column()
  declare name: string;
  @column()
  declare description: string | null;
  @column()
  declare url: string;
  @column()
  declare favorite: boolean;
  @column()
  declare collectionId: number;
  @belongsTo(() => Collection, { foreignKey: 'collectionId' })
  declare collection: BelongsTo<typeof Collection>;
  @column()
  declare authorId: number;
  @belongsTo(() => User, { foreignKey: 'authorId' })
  declare author: BelongsTo<typeof User>;
 }
--- a/app/models/user.ts
+++ b/app/models/user.ts
@@ -0,0 +1,47 @@
 import Collection from '#models/collection';
 import Link from '#models/link';
 import type { GoogleToken } from '@adonisjs/ally/types';
 import { column, computed, hasMany } from '@adonisjs/lucid/orm';
 import type { HasMany } from '@adonisjs/lucid/types/relations';
 import AppBaseModel from './app_base_model.js';
 export default class User extends AppBaseModel {
  @column()
  declare email: string;
  @column()
  declare name: string;
  @column()
  declare nickName: string; // public username
  @column()
  declare avatarUrl: string;
  @column()
  declare isAdmin: boolean;
  @column({ serializeAs: null })
  declare token?: GoogleToken;
  @column({ serializeAs: null })
  declare providerId: number;
  @column({ serializeAs: null })
  declare providerType: 'google';
  @hasMany(() => Collection, {
    foreignKey: 'authorId',
  })
  declare collections: HasMany<typeof Collection>;
  @hasMany(() => Link, {
    foreignKey: 'authorId',
  })
  declare links: HasMany<typeof Link>;
  @computed()
  get fullname() {
    return this.nickName || this.name;
  }
 }
--- a/app/validators/collection.ts
+++ b/app/validators/collection.ts
@@ -0,0 +1,37 @@
 import { Visibility } from '#enums/visibility';
 import vine, { SimpleMessagesProvider } from '@vinejs/vine';
 const params = vine.object({
  id: vine.number(),
 });
 export const createCollectionValidator = vine.compile(
  vine.object({
    name: vine.string().trim().minLength(1).maxLength(254),
    description: vine.string().trim().maxLength(254).nullable(),
    visibility: vine.enum(Visibility),
    nextId: vine.number().optional(),
  })
 );
 export const updateCollectionValidator = vine.compile(
  vine.object({
    name: vine.string().trim().minLength(1).maxLength(254),
    description: vine.string().trim().maxLength(254).nullable(),
    visibility: vine.enum(Visibility),
    nextId: vine.number().optional(),
    params,
  })
 );
 export const deleteCollectionValidator = vine.compile(
  vine.object({
    params,
  })
 );
 createCollectionValidator.messagesProvider = new SimpleMessagesProvider({
  name: 'Collection name is required',
  'visibility.required': 'Collection visibiliy is required',
 });
--- a/app/validators/link.ts
+++ b/app/validators/link.ts
@@ -0,0 +1,43 @@
 import vine from '@vinejs/vine';
 const params = vine.object({
  id: vine.number(),
 });
 export const createLinkValidator = vine.compile(
  vine.object({
    name: vine.string().trim().minLength(1).maxLength(254),
    description: vine.string().trim().maxLength(300).optional(),
    url: vine.string().trim(),
    favorite: vine.boolean(),
    collectionId: vine.number(),
  })
 );
 export const updateLinkValidator = vine.compile(
  vine.object({
    name: vine.string().trim().minLength(1).maxLength(254),
    description: vine.string().trim().maxLength(300).optional(),
    url: vine.string().trim(),
    favorite: vine.boolean(),
    collectionId: vine.number(),
    params,
  })
 );
 export const deleteLinkValidator = vine.compile(
  vine.object({
    params,
  })
 );
 export const updateLinkFavoriteStatusValidator = vine.compile(
  vine.object({
    favorite: vine.boolean(),
    params: vine.object({
      id: vine.number(),
    }),
  })
 );
--- a/app/validators/shared_collection.ts
+++ b/app/validators/shared_collection.ts
@@ -0,0 +1,11 @@
 import vine from '@vinejs/vine';
 const params = vine.object({
  id: vine.number(),
 });
 export const getSharedCollectionValidator = vine.compile(
  vine.object({
    params,
  })
 );
--- a/app/validators/user.ts
+++ b/app/validators/user.ts
@@ -0,0 +1,7 @@
 import vine from '@vinejs/vine';
 export const updateUserThemeValidator = vine.compile(
  vine.object({
    preferDarkTheme: vine.boolean(),
  })
 );
--- a/bin/console.ts
+++ b/bin/console.ts
@@ -0,0 +1,47 @@
 /*
 |--------------------------------------------------------------------------
 | Ace entry point
 |--------------------------------------------------------------------------
 |
 | The "console.ts" file is the entrypoint for booting the AdonisJS
 | command-line framework and executing commands.
 |
 | Commands do not boot the application, unless the currently running command
 | has "options.startApp" flag set to true.
 |
 */
 import 'reflect-metadata';
 import { Ignitor, prettyPrintError } from '@adonisjs/core';
 /**
 * URL to the application root. AdonisJS need it to resolve
 * paths to file and directories for scaffolding commands
 */
 const APP_ROOT = new URL('../', import.meta.url);
 /**
 * The importer is used to import files in context of the
 * application.
 */
 const IMPORTER = (filePath: string) => {
  if (filePath.startsWith('./') || filePath.startsWith('../')) {
    return import(new URL(filePath, APP_ROOT).href);
  }
  return import(filePath);
 };
 new Ignitor(APP_ROOT, { importer: IMPORTER })
  .tap((app) => {
    app.booting(async () => {
      await import('#start/env');
    });
    app.listen('SIGTERM', () => app.terminate());
    app.listenIf(app.managedByPm2, 'SIGINT', () => app.terminate());
  })
  .ace()
  .handle(process.argv.splice(2))
  .catch((error) => {
    process.exitCode = 1;
    prettyPrintError(error);
  });
--- a/bin/server.ts
+++ b/bin/server.ts
@@ -0,0 +1,45 @@
 /*
 |--------------------------------------------------------------------------
 | HTTP server entrypoint
 |--------------------------------------------------------------------------
 |
 | The "server.ts" file is the entrypoint for starting the AdonisJS HTTP
 | server. Either you can run this file directly or use the "serve"
 | command to run this file and monitor file changes
 |
 */
 import 'reflect-metadata';
 import { Ignitor, prettyPrintError } from '@adonisjs/core';
 /**
 * URL to the application root. AdonisJS need it to resolve
 * paths to file and directories for scaffolding commands
 */
 const APP_ROOT = new URL('../', import.meta.url);
 /**
 * The importer is used to import files in context of the
 * application.
 */
 const IMPORTER = (filePath: string) => {
  if (filePath.startsWith('./') || filePath.startsWith('../')) {
    return import(new URL(filePath, APP_ROOT).href);
  }
  return import(filePath);
 };
 new Ignitor(APP_ROOT, { importer: IMPORTER })
  .tap((app) => {
    app.booting(async () => {
      await import('#start/env');
    });
    app.listen('SIGTERM', () => app.terminate());
    app.listenIf(app.managedByPm2, 'SIGINT', () => app.terminate());
  })
  .httpServer()
  .start()
  .catch((error) => {
    process.exitCode = 1;
    prettyPrintError(error);
  });
--- a/bin/test.ts
+++ b/bin/test.ts
@@ -0,0 +1,62 @@
 /*
 |--------------------------------------------------------------------------
 | Test runner entrypoint
 |--------------------------------------------------------------------------
 |
 | The "test.ts" file is the entrypoint for running tests using Japa.
 |
 | Either you can run this file directly or use the "test"
 | command to run this file and monitor file changes.
 |
 */
 process.env.NODE_ENV = 'test';
 import 'reflect-metadata';
 import { Ignitor, prettyPrintError } from '@adonisjs/core';
 import { configure, processCLIArgs, run } from '@japa/runner';
 /**
 * URL to the application root. AdonisJS need it to resolve
 * paths to file and directories for scaffolding commands
 */
 const APP_ROOT = new URL('../', import.meta.url);
 /**
 * The importer is used to import files in context of the
 * application.
 */
 const IMPORTER = (filePath: string) => {
  if (filePath.startsWith('./') || filePath.startsWith('../')) {
    return import(new URL(filePath, APP_ROOT).href);
  }
  return import(filePath);
 };
 new Ignitor(APP_ROOT, { importer: IMPORTER })
  .tap((app) => {
    app.booting(async () => {
      await import('#start/env');
    });
    app.listen('SIGTERM', () => app.terminate());
    app.listenIf(app.managedByPm2, 'SIGINT', () => app.terminate());
  })
  .testRunner()
  .configure(async (app) => {
    const { runnerHooks, ...config } = await import('../tests/bootstrap.js');
    processCLIArgs(process.argv.splice(2));
    configure({
      ...app.rcFile.tests,
      ...config,
      ...{
        setup: runnerHooks.setup,
        teardown: runnerHooks.teardown.concat([() => app.terminate()]),
      },
    });
  })
  .run(() => run())
  .catch((error) => {
    process.exitCode = 1;
    prettyPrintError(error);
  });
--- a/config.ts
+++ b/config.ts
@@ -1,8 +0,0 @@
 const config = {
  url: process.env.NEXT_PUBLIC_SITE_URL,
  name: 'MyLinks',
  description:
    'MyLinks is a free and open source software, that lets you manage your bookmarks in an intuitive interface',
 };
 export default config;
--- a/config/ally.ts
+++ b/config/ally.ts
@@ -0,0 +1,19 @@
 import env from '#start/env';
 import { defineConfig, services } from '@adonisjs/ally';
 const allyConfig = defineConfig({
  google: services.google({
    clientId: env.get('GOOGLE_CLIENT_ID'),
    clientSecret: env.get('GOOGLE_CLIENT_SECRET'),
    callbackUrl: env.get('GOOGLE_CLIENT_CALLBACK_URL'),
    prompt: 'select_account',
    display: 'page',
    scopes: ['userinfo.email', 'userinfo.profile'],
  }),
 });
 export default allyConfig;
 declare module '@adonisjs/ally/types' {
  interface SocialProviders extends InferSocialProviders<typeof allyConfig> {}
 }
--- a/config/app.ts
+++ b/config/app.ts
@@ -0,0 +1,40 @@
 import env from '#start/env';
 import app from '@adonisjs/core/services/app';
 import { Secret } from '@adonisjs/core/helpers';
 import { defineConfig } from '@adonisjs/core/http';
 /**
 * The app key is used for encrypting cookies, generating signed URLs,
 * and by the "encryption" module.
 *
 * The encryption module will fail to decrypt data if the key is lost or
 * changed. Therefore it is recommended to keep the app key secure.
 */
 export const appKey = new Secret(env.get('APP_KEY'));
 /**
 * The configuration settings used by the HTTP server
 */
 export const http = defineConfig({
  generateRequestId: true,
  allowMethodSpoofing: false,
  /**
   * Enabling async local storage will let you access HTTP context
   * from anywhere inside your application.
   */
  useAsyncLocalStorage: false,
  /**
   * Manage cookies configuration. The settings for the session id cookie are
   * defined inside the "config/session.ts" file.
   */
  cookie: {
    domain: '',
    path: '/',
    maxAge: '2h',
    httpOnly: true,
    secure: app.inProduction,
    sameSite: 'lax',
  },
 });
--- a/config/auth.ts
+++ b/config/auth.ts
@@ -0,0 +1,28 @@
 import { defineConfig } from '@adonisjs/auth';
 import { InferAuthEvents, Authenticators } from '@adonisjs/auth/types';
 import { sessionGuard, sessionUserProvider } from '@adonisjs/auth/session';
 const authConfig = defineConfig({
  default: 'web',
  guards: {
    web: sessionGuard({
      useRememberMeTokens: false,
      provider: sessionUserProvider({
        model: () => import('#models/user'),
      }),
    }),
  },
 });
 export default authConfig;
 /**
 * Inferring types from the configured auth
 * guards.
 */
 declare module '@adonisjs/auth/types' {
  interface Authenticators extends InferAuthenticators<typeof authConfig> {}
 }
 declare module '@adonisjs/core/types' {
  interface EventsList extends InferAuthEvents<Authenticators> {}
 }
--- a/config/bodyparser.ts
+++ b/config/bodyparser.ts
@@ -0,0 +1,55 @@
 import { defineConfig } from '@adonisjs/core/bodyparser';
 const bodyParserConfig = defineConfig({
  /**
   * The bodyparser middleware will parse the request body
   * for the following HTTP methods.
   */
  allowedMethods: ['POST', 'PUT', 'PATCH', 'DELETE'],
  /**
   * Config for the "application/x-www-form-urlencoded"
   * content-type parser
   */
  form: {
    convertEmptyStringsToNull: true,
    types: ['application/x-www-form-urlencoded'],
  },
  /**
   * Config for the JSON parser
   */
  json: {
    convertEmptyStringsToNull: true,
    types: [
      'application/json',
      'application/json-patch+json',
      'application/vnd.api+json',
      'application/csp-report',
    ],
  },
  /**
   * Config for the "multipart/form-data" content-type parser.
   * File uploads are handled by the multipart parser.
   */
  multipart: {
    /**
     * Enabling auto process allows bodyparser middleware to
     * move all uploaded files inside the tmp folder of your
     * operating system
     */
    autoProcess: true,
    convertEmptyStringsToNull: true,
    processManually: [],
    /**
     * Maximum limit of data to parse including all files
     * and fields
     */
    limit: '20mb',
    types: ['multipart/form-data'],
  },
 });
 export default bodyParserConfig;
--- a/config/cors.ts
+++ b/config/cors.ts
@@ -0,0 +1,19 @@
 import { defineConfig } from '@adonisjs/cors';
 /**
 * Configuration options to tweak the CORS policy. The following
 * options are documented on the official documentation website.
 *
 * https://docs.adonisjs.com/guides/security/cors
 */
 const corsConfig = defineConfig({
  enabled: true,
  origin: [],
  methods: ['GET', 'HEAD', 'POST', 'PUT', 'DELETE'],
  headers: true,
  exposeHeaders: [],
  credentials: true,
  maxAge: 90,
 });
 export default corsConfig;
--- a/config/database.ts
+++ b/config/database.ts
@@ -0,0 +1,27 @@
 import env from '#start/env';
 import { defineConfig } from '@adonisjs/lucid';
 const dbConfig = defineConfig({
  connection: 'postgres',
  connections: {
    postgres: {
      client: 'pg',
      connection: {
        host: env.get('DB_HOST'),
        port: env.get('DB_PORT'),
        user: env.get('DB_USER'),
        password: env.get('DB_PASSWORD'),
        database: env.get('DB_DATABASE'),
      },
      migrations: {
        naturalSort: true,
        paths: ['database/migrations'],
      },
      seeders: {
        paths: ['./database/seeders/main'],
      },
    },
  },
 });
 export default dbConfig;
--- a/config/hash.ts
+++ b/config/hash.ts
@@ -0,0 +1,24 @@
 import { defineConfig, drivers } from '@adonisjs/core/hash';
 const hashConfig = defineConfig({
  default: 'scrypt',
  list: {
    scrypt: drivers.scrypt({
      cost: 16384,
      blockSize: 8,
      parallelization: 1,
      maxMemory: 33554432,
    }),
  },
 });
 export default hashConfig;
 /**
 * Inferring types for the list of hashers you have configured
 * in your application.
 */
 declare module '@adonisjs/core/types' {
  export interface HashersList extends InferHashers<typeof hashConfig> {}
 }
--- a/config/inertia.ts
+++ b/config/inertia.ts
@@ -0,0 +1,36 @@
 import {
  DARK_THEME_DEFAULT_VALUE,
  PREFER_DARK_THEME,
 } from '#constants/session';
 import { defineConfig } from '@adonisjs/inertia';
 export default defineConfig({
  /**
   * Path to the Edge view that will be used as the root view for Inertia responses
   */
  rootView: 'inertia_layout',
  /**
   * Data that should be shared with all rendered pages
   */
  sharedData: {
    errors: (ctx) => ctx.session?.flashMessages.get('errors'),
    preferDarkTheme: (ctx) =>
      ctx.session?.get(PREFER_DARK_THEME, DARK_THEME_DEFAULT_VALUE),
    auth: async (ctx) => {
      await ctx.auth?.check();
      return {
        user: ctx.auth?.user || null,
        isAuthenticated: ctx.auth?.isAuthenticated || false,
      };
    },
  },
  /**
   * Options for the server-side rendering
   */
  ssr: {
    enabled: true,
    entrypoint: 'inertia/app/ssr.tsx',
  },
 });
--- a/config/logger.ts
+++ b/config/logger.ts
@@ -0,0 +1,35 @@
 import env from '#start/env';
 import app from '@adonisjs/core/services/app';
 import { defineConfig, targets } from '@adonisjs/core/logger';
 const loggerConfig = defineConfig({
  default: 'app',
  /**
   * The loggers object can be used to define multiple loggers.
   * By default, we configure only one logger (named "app").
   */
  loggers: {
    app: {
      enabled: true,
      name: env.get('APP_NAME'),
      level: env.get('LOG_LEVEL'),
      transport: {
        targets: targets()
          .pushIf(!app.inProduction, targets.pretty())
          .pushIf(app.inProduction, targets.file({ destination: 1 }))
          .toArray(),
      },
    },
  },
 });
 export default loggerConfig;
 /**
 * Inferring types for the list of loggers you have configured
 * in your application.
 */
 declare module '@adonisjs/core/types' {
  export interface LoggersList extends InferLoggers<typeof loggerConfig> {}
 }
--- a/config/session.ts
+++ b/config/session.ts
@@ -0,0 +1,49 @@
 import env from '#start/env';
 import { defineConfig, stores } from '@adonisjs/session';
 const sessionConfig = defineConfig({
  enabled: true,
  cookieName: 'adonis-session',
  /**
   * When set to true, the session id cookie will be deleted
   * once the user closes the browser.
   */
  clearWithBrowser: false,
  /**
   * Define how long to keep the session data alive without
   * any activity.
   */
  age: '7d',
  /**
   * Configuration for session cookie and the
   * cookie store
   */
  cookie: {
    path: '/',
    httpOnly: true,
    secure: true,
    // TODO: set this to lax and found a solution to keep auth when using extension
    sameSite: 'none',
  },
  /**
   * The store to use. Make sure to validate the environment
   * variable in order to infer the store name without any
   * errors.
   */
  store: env.get('SESSION_DRIVER'),
  /**
   * List of configured stores. Refer documentation to see
   * list of available stores and their config.
   */
  stores: {
    cookie: stores.cookie(),
  },
 });
 export default sessionConfig;
--- a/config/shield.ts
+++ b/config/shield.ts
@@ -0,0 +1,50 @@
 import { defineConfig } from '@adonisjs/shield';
 const shieldConfig = defineConfig({
  /**
   * Configure CSP policies for your app. Refer documentation
   * to learn more
   */
  csp: {
    enabled: false,
    directives: {},
    reportOnly: false,
  },
  /**
   * Configure CSRF protection options. Refer documentation
   * to learn more
   */
  csrf: {
    enabled: false,
    exceptRoutes: [],
    enableXsrfCookie: true,
    methods: ['POST', 'PUT', 'PATCH', 'DELETE'],
  },
  /**
   * Control how your website should be embedded inside
   * iFrames
   */
  xFrame: {
    enabled: false,
  },
  /**
   * Force browser to always use HTTPS
   */
  hsts: {
    enabled: true,
    maxAge: '180 days',
  },
  /**
   * Disable browsers from sniffing the content type of a
   * response and always rely on the "content-type" header.
   */
  contentTypeSniffing: {
    enabled: true,
  },
 });
 export default shieldConfig;
--- a/config/static.ts
+++ b/config/static.ts
@@ -0,0 +1,17 @@
 import { defineConfig } from '@adonisjs/static';
 /**
 * Configuration options to tweak the static files middleware.
 * The complete set of options are documented on the
 * official documentation website.
 *
 * https://docs.adonisjs.com/guides/static-assets
 */
 const staticServerConfig = defineConfig({
  enabled: true,
  etag: true,
  lastModified: true,
  dotFiles: 'ignore',
 });
 export default staticServerConfig;
--- a/config/vite.ts
+++ b/config/vite.ts
@@ -0,0 +1,28 @@
 import { defineConfig } from '@adonisjs/vite';
 const viteBackendConfig = defineConfig({
  /**
   * The output of vite will be written inside this
   * directory. The path should be relative from
   * the application root.
   */
  buildDirectory: 'public/assets',
  /**
   * The path to the manifest file generated by the
   * "vite build" command.
   */
  manifestFile: 'public/assets/.vite/manifest.json',
  /**
   * Feel free to change the value of the "assetsUrl" to
   * point to a CDN in production.
   */
  assetsUrl: '/assets',
  scriptAttributes: {
    defer: true,
  },
 });
 export default viteBackendConfig;
--- a/database/default_table_fields.ts
+++ b/database/default_table_fields.ts
@@ -0,0 +1,8 @@
 import { Knex } from 'knex';
 export function defaultTableFields(table: Knex.CreateTableBuilder) {
  table.increments('id').primary().first().unique().notNullable();
  table.timestamp('created_at').notNullable();
  table.timestamp('updated_at').nullable();
 }
--- a/database/migrations/1714218548323_create_users_table.ts
+++ b/database/migrations/1714218548323_create_users_table.ts
@@ -0,0 +1,26 @@
 import { defaultTableFields } from '#database/default_table_fields';
 import { BaseSchema } from '@adonisjs/lucid/schema';
 export default class CreateUsersTable extends BaseSchema {
  static tableName = 'users';
  async up() {
    this.schema.createTableIfNotExists(CreateUsersTable.tableName, (table) => {
      table.string('email', 254).notNullable().unique();
      table.string('name', 254).notNullable();
      table.string('nick_name', 254).nullable();
      table.text('avatar_url').notNullable();
      table.boolean('is_admin').defaultTo(0).notNullable();
      table.json('token').nullable();
      table.string('provider_id').notNullable();
      table.enum('provider_type', ['google']).notNullable().defaultTo('google');
      defaultTableFields(table);
    });
  }
  async down() {
    this.schema.dropTable(CreateUsersTable.tableName);
  }
 }
--- a/database/migrations/1714253983443_create_collections_table.ts
+++ b/database/migrations/1714253983443_create_collections_table.ts
@@ -0,0 +1,44 @@
 import { defaultTableFields } from '#database/default_table_fields';
 import { Visibility } from '#enums/visibility';
 import { BaseSchema } from '@adonisjs/lucid/schema';
 export default class CreateCollectionTable extends BaseSchema {
  static tableName = 'collections';
  private visibilityEnumName = 'collection_visibility';
  async up() {
    this.schema.raw(`DROP TYPE IF EXISTS ${this.visibilityEnumName}`);
    this.schema.createTableIfNotExists(
      CreateCollectionTable.tableName,
      (table) => {
        table.string('name', 254).notNullable();
        table.string('description', 254).nullable();
        table
          .enum('visibility', Object.values(Visibility), {
            useNative: true,
            enumName: this.visibilityEnumName,
            existingType: false,
          })
          .nullable()
          .defaultTo(Visibility.PRIVATE);
        table
          .integer('next_id')
          .references('id')
          .inTable('collections')
          .defaultTo(null);
        table
          .integer('author_id')
          .references('id')
          .inTable('users')
          .onDelete('CASCADE');
        defaultTableFields(table);
      }
    );
  }
  async down() {
    this.schema.raw(`DROP TYPE IF EXISTS ${this.visibilityEnumName}`);
    this.schema.dropTable(CreateCollectionTable.tableName);
  }
 }
--- a/database/migrations/1714254076754_create_links_table.ts
+++ b/database/migrations/1714254076754_create_links_table.ts
@@ -0,0 +1,31 @@
 import { defaultTableFields } from '#database/default_table_fields';
 import { BaseSchema } from '@adonisjs/lucid/schema';
 export default class CreateLinksTable extends BaseSchema {
  static tableName = 'links';
  async up() {
    this.schema.createTableIfNotExists(CreateLinksTable.tableName, (table) => {
      table.string('name', 254).notNullable();
      table.string('description', 254).nullable();
      table.text('url').notNullable();
      table.boolean('favorite').notNullable().defaultTo(0);
      table
        .integer('collection_id')
        .references('id')
        .inTable('collections')
        .onDelete('CASCADE');
      table
        .integer('author_id')
        .references('id')
        .inTable('users')
        .onDelete('CASCADE');
      defaultTableFields(table);
    });
  }
  async down() {
    this.schema.dropTable(CreateLinksTable.tableName);
  }
 }
--- a/database/migrations/1716561885061_create_full_text_searches_table.ts
+++ b/database/migrations/1716561885061_create_full_text_searches_table.ts
@@ -0,0 +1,53 @@
 import { BaseSchema } from '@adonisjs/lucid/schema';
 export default class extends BaseSchema {
  async up() {
    this.schema.raw(`
      CREATE EXTENSION IF NOT EXISTS unaccent;
      CREATE EXTENSION IF NOT EXISTS pg_trgm;
    `);
    this.schema.raw(`
      CREATE INDEX ON links USING gin(to_tsvector('english', name));
      CREATE INDEX ON collections USING gin(to_tsvector('english', name));
      CREATE INDEX ON links USING gin(to_tsvector('french', name));
      CREATE INDEX ON collections USING gin(to_tsvector('french', name));
    `);
    this.schema.raw(`
      CREATE OR REPLACE FUNCTION search_text(search_query TEXT, p_author_id INTEGER)
      RETURNS TABLE (
          id INTEGER,
          type TEXT,
          name VARCHAR(254),
          url TEXT,
          collection_id INTEGER,
          matched_part TEXT,
          rank DOUBLE PRECISION
      )
      AS $$
      BEGIN
          RETURN QUERY
          SELECT links.id, 'link' AS type, links.name, links.url, collections.id AS collection_id,
                  ts_headline('english', unaccent(links.name), plainto_tsquery('english', unaccent(search_query))) AS matched_part,
                  ts_rank_cd(to_tsvector('english', unaccent(links.name)), plainto_tsquery('english', unaccent(search_query)))::DOUBLE PRECISION AS rank
          FROM links
          LEFT JOIN collections ON links.collection_id = collections.id
          WHERE unaccent(links.name) ILIKE '%' || unaccent(search_query) || '%'
              AND (p_author_id IS NULL OR links.author_id = p_author_id)
          UNION ALL
          SELECT collections.id, 'collection' AS type, collections.name, NULL AS url, NULL AS collection_id,
                  ts_headline('english', unaccent(collections.name), plainto_tsquery('english', unaccent(search_query))) AS matched_part,
                  ts_rank_cd(to_tsvector('english', unaccent(collections.name)), plainto_tsquery('english', unaccent(search_query)))::DOUBLE PRECISION AS rank
          FROM collections
          WHERE unaccent(collections.name) ILIKE '%' || unaccent(search_query) || '%'
              AND (p_author_id IS NULL OR collections.author_id = p_author_id)
          ORDER BY rank DESC NULLS LAST, matched_part DESC NULLS LAST;
      END;
      $$
      LANGUAGE plpgsql;
    `);
  }
  async down() {
    this.schema.raw('DROP FUNCTION IF EXISTS search_text');
  }
 }
--- a/database/seeders/collection_seeder.ts
+++ b/database/seeders/collection_seeder.ts
@@ -0,0 +1,40 @@
 import { Visibility } from '#enums/visibility';
 import Collection from '#models/collection';
 import User from '#models/user';
 import { BaseSeeder } from '@adonisjs/lucid/seeders';
 import { faker } from '@faker-js/faker';
 export default class extends BaseSeeder {
  static environment = ['development', 'testing'];
  async run() {
    const users = await getUserIds();
    const collections = faker.helpers.multiple(
      () => createRandomCollection(users),
      {
        count: 50,
      }
    );
    await Collection.createMany(collections);
  }
 }
 export async function getUserIds() {
  const users = await User.all();
  return users.map(({ id }) => id);
 }
 let collectionId = 0;
 function createRandomCollection(userIds: User['id'][]) {
  const authorId = faker.helpers.arrayElements(userIds, 1).at(0);
  collectionId++;
  return {
    id: collectionId,
    name: faker.string.alphanumeric({ length: { min: 5, max: 25 } }),
    description: faker.string.alphanumeric({ length: { min: 0, max: 254 } }),
    visibility: Visibility.PRIVATE,
    nextId: collectionId + 1,
    authorId,
  };
 }
--- a/database/seeders/link_seeder.ts
+++ b/database/seeders/link_seeder.ts
@@ -0,0 +1,46 @@
 import { getUserIds } from '#database/seeders/collection_seeder';
 import Collection from '#models/collection';
 import Link from '#models/link';
 import User from '#models/user';
 import { BaseSeeder } from '@adonisjs/lucid/seeders';
 import { faker } from '@faker-js/faker';
 export default class extends BaseSeeder {
  static environment = ['development', 'testing'];
  async run() {
    const users = await getUserIds();
    const links = await Promise.all(
      faker.helpers.multiple(async () => createRandomLink(users), {
        count: 500,
      })
    );
    await Link.createMany(links.filter((a) => typeof a !== 'undefined') as any);
  }
 }
 async function getCollectionIds(authorId: User['id']) {
  const collection = await Collection.findManyBy('author_id', authorId);
  return collection.map(({ id }) => id);
 }
 async function createRandomLink(userIds: User['id'][]) {
  const authorId = faker.helpers.arrayElements(userIds, 1).at(0)!;
  const collections = await getCollectionIds(authorId);
  const collectionId = faker.helpers.arrayElements(collections, 1).at(0);
  if (!collectionId) {
    return undefined;
  }
  return {
    id: faker.string.uuid(),
    name: faker.string.alphanumeric({ length: { min: 5, max: 25 } }),
    description: faker.string.alphanumeric({ length: { min: 0, max: 254 } }),
    url: faker.internet.url(),
    favorite: faker.number.int({ min: 0, max: 1 }),
    authorId,
    collectionId,
  };
 }
--- a/database/seeders/main/index_seeder.ts
+++ b/database/seeders/main/index_seeder.ts
@@ -0,0 +1,33 @@
 import app from '@adonisjs/core/services/app';
 import logger from '@adonisjs/core/services/logger';
 import { BaseSeeder } from '@adonisjs/lucid/seeders';
 export default class IndexSeeder extends BaseSeeder {
  private async seed(Seeder: { default: typeof BaseSeeder }) {
    /**
     * Do not run when not in a environment specified in Seeder
     */
    if (
      !Seeder.default.environment ||
      (!Seeder.default.environment.includes('development') && app.inDev) ||
      (!Seeder.default.environment.includes('testing') && app.inTest) ||
      (!Seeder.default.environment.includes('production') && app.inProduction)
    ) {
      return;
    }
    await new Seeder.default(this.client).run();
  }
  async run() {
    logger.info('Start user seed');
    await this.seed(await import('#database/seeders/user_seeder'));
    logger.info('User seed done');
    logger.info('Collection user seed');
    await this.seed(await import('#database/seeders/collection_seeder'));
    logger.info('Collection seed done');
    logger.info('Link user seed');
    await this.seed(await import('#database/seeders/link_seeder'));
    logger.info('Link seed done');
  }
 }
--- a/database/seeders/user_seeder.ts
+++ b/database/seeders/user_seeder.ts
@@ -0,0 +1,29 @@
 import User from '#models/user';
 import { GoogleToken } from '@adonisjs/ally/types';
 import { BaseSeeder } from '@adonisjs/lucid/seeders';
 import { faker } from '@faker-js/faker';
 export default class extends BaseSeeder {
  static environment = ['development', 'testing'];
  async run() {
    const users = faker.helpers.multiple(createRandomUser, {
      count: 25,
    });
    await User.createMany(users);
  }
 }
 export function createRandomUser() {
  return {
    id: faker.number.int(),
    email: faker.internet.email(),
    name: faker.internet.userName(),
    nickName: faker.internet.displayName(),
    avatarUrl: faker.image.avatar(),
    isAdmin: false,
    providerId: faker.number.int(),
    providerType: 'google' as const,
    token: {} as GoogleToken,
  };
 }
--- a/dev.docker-compose.yml
+++ b/dev.docker-compose.yml
@@ -1,27 +1,34 @@
 name: dev-stack
 services:
-  mysqldb:
+  postgres:
-    image: mysql:latest
+    container_name: postgres
-    restart: always
+    image: postgres:16
    env_file:
      - .env
    ports:
      - '3306:3306'
    healthcheck:
      test: mysqladmin ping -h 127.0.0.1 -u $$MYSQL_USER --password=$$MYSQL_PASSWORD
      start_period: 5s
      interval: 5s
      timeout: 5s
      retries: 55
  phpmyadmin:
    image: phpmyadmin:5
    restart: always
    environment:
-      - PMA_HOST=mysqldb
+      - POSTGRES_DB=${DB_DATABASE}
-      - PMA_PORT=3306
+      - POSTGRES_USER=${DB_USER}
-    env_file:
+      - POSTGRES_PASSWORD=${DB_PASSWORD}
-      - .env
+    healthcheck:
      test: ['CMD-SHELL', 'pg_isready']
    volumes:
      - postgres_volume:/var/lib/postgresql/data
    ports:
-      - '8080:80'
+      - '${DB_PORT}:5432'
  pgadmin:
    container_name: pgadmin
    image: dpage/pgadmin4:8.6
    restart: always
    environment:
      - PGADMIN_DEFAULT_EMAIL=myemail@gmail.com
      - PGADMIN_DEFAULT_PASSWORD=a12345678
    depends_on:
-      - mysqldb
+      - postgres
    volumes:
      - ./docker-config/servers_pgadmin.json:/pgadmin4/servers.json
    ports:
      - '5050:80'
 volumes:
  postgres_volume:
    name: postgres_test_dev_stack
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,44 +1,56 @@
-networks:
+name: my-links
  mylinks_app:
    external: true
 services:
-  mylinks:
+  postgres:
    container_name: postgres
    image: postgres:16
    restart: always
    environment:
      - POSTGRES_DB=${DB_DATABASE}
      - POSTGRES_USER=${DB_USER}
      - POSTGRES_PASSWORD=${DB_PASSWORD}
    healthcheck:
      test: ['CMD-SHELL', 'pg_isready']
    volumes:
      - postgres-volume:/var/lib/postgresql/data
    ports:
      - '${DB_PORT}:5432'
  pgadmin:
    container_name: pgadmin
    image: dpage/pgadmin4:8.6
    restart: always
    healthcheck:
      test: ['CMD', 'wget', '-O', '-', 'http://localhost:80/misc/ping']
      interval: 2s
      timeout: 10s
      retries: 30
    environment:
      - PGADMIN_DEFAULT_EMAIL=myemail@gmail.com
      - PGADMIN_DEFAULT_PASSWORD=a12345678
    depends_on:
      - postgres
    volumes:
      - ./docker-config/servers_pgadmin.json:/pgadmin4/servers.json
    ports:
      - '5050:80'
  my-links:
    container_name: my-links
    restart: always
    container_name: MyLinks
    build:
      context: .
    ports:
      - '127.0.0.1:3000:3000'
    env_file:
      - .env
    environment:
-      - DATABASE_URL=mysql://${MYSQL_USER}:${MYSQL_PASSWORD}@mylinks_db:3306/${MYSQL_DATABASE}
+      - DB_HOST=postgres
-    networks:
+      - HOST=0.0.0.0
-      - mylinks_app
+      - NODE_ENV=production
    healthcheck:
      test:
        [
          'CMD-SHELL',
          'wget --spider --tries=1 --no-verbose http://0.0.0.0:3000',
        ]
    depends_on:
      mylinks_db:
        condition: service_started
  mylinks_db:
    container_name: MyLinksDB
    image: mysql:latest
    restart: always
    volumes:
      - ./docker-config/mysql-dev-init.sql:/docker-entrypoint-initdb.d/init.sql
    env_file:
      - .env
-    healthcheck:
+    depends_on:
-      test: mysqladmin ping -h 127.0.0.1 -u $$MYSQL_USER --password=$$MYSQL_PASSWORD
+      postgres:
-      start_period: 5s
+        condition: service_healthy
-      interval: 5s
+    ports:
-      timeout: 5s
+      - ${PORT}:3333
-      retries: 55
+
-    networks:
+volumes:
-      - mylinks_app
+  postgres-volume:
    name: postgres-prod-my-links
--- a/docker-config/mysql-dev-init.sql
+++ b/docker-config/mysql-dev-init.sql
@@ -1,3 +0,0 @@
 CREATE DATABASE IF NOT EXISTS mylinks;
 GRANT ALL PRIVILEGES ON DATABASE * TO mluser;
--- a/docker-config/servers_pgadmin.json
+++ b/docker-config/servers_pgadmin.json
@@ -0,0 +1,13 @@
 {
  "Servers": {
    "1": {
      "Name": "project",
      "Group": "Servers",
      "Port": 5432,
      "Username": "postgres",
      "Host": "postgres",
      "SSLMode": "prefer",
      "MaintenanceDB": "my-links"
    }
  }
 }
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -0,0 +1,4 @@
 import { configApp } from '@adonisjs/eslint-config';
 export default configApp({
  files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
 });
--- a/example.env
+++ b/example.env
@@ -1,17 +0,0 @@
 MYSQL_USER="root"
 MYSQL_PASSWORD="root"
 MYSQL_ROOT_PASSWORD="root"
 MYSQL_DATABASE="mylinks"
 # Or if you need external Database
 # DATABASE_IP="localhost"
 # DATABASE_PORT="3306"
 # DATABASE_URL="mysql://${MYSQL_USER}:${MYSQL_PASSWORD}@${DATABASE_IP}:${DATABASE_PORT}/${MYSQL_DATABASE}"
 NEXTAUTH_URL="http://localhost:3000"
 NEXT_PUBLIC_SITE_URL="http://localhost:3000"
 NEXTAUTH_SECRET=""
 GOOGLE_CLIENT_ID=""
 GOOGLE_CLIENT_SECRET=""
--- a/inertia/app/app.tsx
+++ b/inertia/app/app.tsx
@@ -0,0 +1,27 @@
 import { resolvePageComponent } from '@adonisjs/inertia/helpers';
 import { createInertiaApp } from '@inertiajs/react';
 import 'dayjs/locale/en';
 import 'dayjs/locale/fr';
 import { hydrateRoot } from 'react-dom/client';
 import 'react-toggle/style.css';
 import { primaryColor } from '~/styles/common_colors';
 import '../i18n/index';
 const appName = import.meta.env.VITE_APP_NAME || 'MyLinks';
 createInertiaApp({
  progress: { color: primaryColor },
  title: (title) => `${appName}${title && ` - ${title}`}`,
  resolve: (name) => {
    return resolvePageComponent(
      `../pages/${name}.tsx`,
      import.meta.glob('../pages/**/*.tsx')
    );
  },
  setup({ el, App, props }) {
    hydrateRoot(el, <App {...props} />);
  },
 });
--- a/inertia/app/ssr.tsx
+++ b/inertia/app/ssr.tsx
@@ -0,0 +1,14 @@
 import { createInertiaApp } from '@inertiajs/react';
 import ReactDOMServer from 'react-dom/server';
 export default function render(page: any) {
  return createInertiaApp({
    page,
    render: ReactDOMServer.renderToString,
    resolve: (name) => {
      const pages = import.meta.glob('../pages/**/*.tsx', { eager: true });
      return pages[`../pages/${name}.tsx`];
    },
    setup: ({ App, props }) => <App {...props} />,
  });
 }
--- a/inertia/components/common/dropdown/dropdown.tsx
+++ b/inertia/components/common/dropdown/dropdown.tsx
@@ -0,0 +1,64 @@
 import styled from '@emotion/styled';
 import { HtmlHTMLAttributes, ReactNode, useRef } from 'react';
 import DropdownContainer from '~/components/common/dropdown/dropdown_container';
 import DropdownLabel from '~/components/common/dropdown/dropdown_label';
 import useClickOutside from '~/hooks/use_click_outside';
 import useToggle from '~/hooks/use_modal';
 import useShortcut from '~/hooks/use_shortcut';
 const DropdownStyle = styled.div<{ opened: boolean; svgSize?: number }>(
  ({ opened, theme, svgSize = 24 }) => ({
    cursor: 'pointer',
    userSelect: 'none',
    position: 'relative',
    minWidth: 'fit-content',
    width: 'fit-content',
    maxWidth: '250px',
    backgroundColor: opened ? theme.colors.secondary : theme.colors.background,
    padding: '4px',
    borderRadius: theme.border.radius,
    '&:hover': {
      backgroundColor: theme.colors.secondary,
    },
    '& svg': {
      height: `${svgSize}px`,
      width: `${svgSize}px`,
    },
  })
 );
 export default function Dropdown({
  children,
  label,
  className,
  svgSize,
  onClick,
 }: HtmlHTMLAttributes<HTMLDivElement> & {
  label: ReactNode | string;
  className?: string;
  svgSize?: number;
 }) {
  const dropdownRef = useRef<HTMLDivElement>(null);
  const { isShowing, toggle, close } = useToggle();
  useClickOutside(dropdownRef, close);
  useShortcut('ESCAPE_KEY', close, { disableGlobalCheck: true });
  return (
    <DropdownStyle
      opened={isShowing}
      onClick={(event) => {
        onClick?.(event);
        toggle();
      }}
      ref={dropdownRef}
      className={className}
      svgSize={svgSize}
    >
      <DropdownLabel>{label}</DropdownLabel>
      <DropdownContainer show={isShowing}>{children}</DropdownContainer>
    </DropdownStyle>
  );
 }
--- a/inertia/components/common/dropdown/dropdown_container.tsx
+++ b/inertia/components/common/dropdown/dropdown_container.tsx
@@ -0,0 +1,21 @@
 import styled from '@emotion/styled';
 import TransitionLayout from '~/components/layouts/_transition_layout';
 const DropdownContainer = styled(TransitionLayout)<{ show: boolean }>(
  ({ show, theme }) => ({
    zIndex: 99,
    position: 'absolute',
    top: 'calc(100% + 0.5em)',
    right: 0,
    minWidth: '175px',
    backgroundColor: show ? theme.colors.secondary : theme.colors.background,
    border: `2px solid ${theme.colors.secondary}`,
    borderRadius: theme.border.radius,
    boxShadow: theme.colors.boxShadow,
    display: show ? 'flex' : 'none',
    flexDirection: 'column',
    overflow: 'hidden',
  })
 );
 export default DropdownContainer;
--- a/inertia/components/common/dropdown/dropdown_item.tsx
+++ b/inertia/components/common/dropdown/dropdown_item.tsx
@@ -0,0 +1,31 @@
 import styled from '@emotion/styled';
 import { Link } from '@inertiajs/react';
 const DropdownItemBase = styled('div', {
  shouldForwardProp: (propName) => propName !== 'danger',
 })<{ danger?: boolean }>(({ theme, danger }) => ({
  fontSize: '14px',
  whiteSpace: 'nowrap',
  color: danger ? theme.colors.lightRed : theme.colors.primary,
  padding: '8px 12px',
  borderRadius: theme.border.radius,
  '&:hover': {
    backgroundColor: theme.colors.background,
  },
 }));
 const DropdownItemButton = styled(DropdownItemBase)({
  display: 'flex',
  gap: '0.75em',
  alignItems: 'center',
 });
 const DropdownItemLink = styled(DropdownItemBase.withComponent(Link))({
  width: '100%',
  display: 'flex',
  gap: '0.75em',
  alignItems: 'center',
 });
 export { DropdownItemButton, DropdownItemLink };
--- a/inertia/components/common/dropdown/dropdown_label.tsx
+++ b/inertia/components/common/dropdown/dropdown_label.tsx
@@ -0,0 +1,11 @@
 import styled from '@emotion/styled';
 const DropdownLabel = styled.div(({ theme }) => ({
  height: 'auto',
  width: 'auto',
  color: theme.colors.font,
  display: 'flex',
  gap: '0.35em',
 }));
 export default DropdownLabel;
--- a/inertia/components/common/external_link.tsx
+++ b/inertia/components/common/external_link.tsx
@@ -0,0 +1,18 @@
 import { AnchorHTMLAttributes, CSSProperties, ReactNode } from 'react';
 export default function ExternalLink({
  children,
  title,
  ...props
 }: AnchorHTMLAttributes<HTMLAnchorElement> & {
  children: ReactNode;
  style?: CSSProperties;
  title?: string;
  className?: string;
 }) {
  return (
    <a target="_blank" rel="noreferrer" title={title} {...props}>
      {children}
    </a>
  );
 }
--- a/inertia/components/common/form/_button.tsx
+++ b/inertia/components/common/form/_button.tsx
@@ -0,0 +1,31 @@
 import styled from '@emotion/styled';
 const Button = styled.button<{ danger?: boolean }>(({ theme, danger }) => {
  const btnColor = !danger ? theme.colors.primary : theme.colors.lightRed;
  const btnDarkColor = !danger ? theme.colors.darkBlue : theme.colors.lightRed;
  return {
    cursor: 'pointer',
    width: '100%',
    textTransform: 'uppercase',
    fontSize: '14px',
    color: theme.colors.white,
    background: btnColor,
    padding: '0.75em',
    border: `1px solid ${btnColor}`,
    borderRadius: theme.border.radius,
    transition: theme.transition.delay,
    '&:disabled': {
      cursor: 'not-allowed',
      opacity: '0.5',
    },
    '&:not(:disabled):hover': {
      boxShadow: `${btnDarkColor} 0 0 3px 1px`,
      background: btnDarkColor,
      color: theme.colors.white,
    },
  };
 });
 export default Button;
--- a/inertia/components/common/form/_form.tsx
+++ b/inertia/components/common/form/_form.tsx
@@ -0,0 +1,10 @@
 import styled from '@emotion/styled';
 const Form = styled.form({
  width: '100%',
  display: 'flex',
  gap: '1em',
  flexDirection: 'column',
 });
 export default Form;
--- a/inertia/components/common/form/_form_field.tsx
+++ b/inertia/components/common/form/_form_field.tsx
@@ -0,0 +1,25 @@
 import styled from '@emotion/styled';
 const FormField = styled('div', {
  shouldForwardProp: (propName) => propName !== 'required',
 })<{ required?: boolean }>(({ required, theme }) => ({
  display: 'flex',
  gap: '0.25em',
  flexDirection: 'column',
  '& label': {
    position: 'relative',
    userSelect: 'none',
    width: 'fit-content',
  },
  '& label::after': {
    position: 'absolute',
    top: 0,
    right: '-0.75em',
    color: theme.colors.lightRed,
    content: (required ? '"*"' : '""') as any,
  },
 }));
 export default FormField;
--- a/inertia/components/common/form/_form_field_error.tsx
+++ b/inertia/components/common/form/_form_field_error.tsx
@@ -0,0 +1,9 @@
 import styled from '@emotion/styled';
 // TODO: create a global style variable (fontSize)
 const FormFieldError = styled.p(({ theme }) => ({
  fontSize: '12px',
  color: theme.colors.lightRed,
 }));
 export default FormFieldError;
--- a/inertia/components/common/form/_input.tsx
+++ b/inertia/components/common/form/_input.tsx
@@ -0,0 +1,27 @@
 import styled from '@emotion/styled';
 const Input = styled.input(({ theme }) => ({
  width: '100%',
  color: theme.colors.font,
  backgroundColor: theme.colors.secondary,
  padding: '0.75em',
  border: `1px solid ${theme.colors.lightGrey}`,
  borderBottom: `2px solid ${theme.colors.lightGrey}`,
  borderRadius: theme.border.radius,
  transition: theme.transition.delay,
  '&:focus': {
    borderBottom: `2px solid ${theme.colors.primary}`,
  },
  '&:disabled': {
    opacity: 0.85,
  },
  '&::placeholder': {
    fontStyle: 'italic',
    color: theme.colors.grey,
  },
 }));
 export default Input;
--- a/inertia/components/common/form/checkbox.tsx
+++ b/inertia/components/common/form/checkbox.tsx
@@ -0,0 +1,55 @@
 import { ChangeEvent, Fragment, InputHTMLAttributes, useState } from 'react';
 import Toggle from 'react-toggle';
 import FormField from '~/components/common/form/_form_field';
 import FormFieldError from '~/components/common/form/_form_field_error';
 interface InputProps
  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
  label: string;
  name: string;
  checked: boolean;
  errors?: string[];
  onChange?: (name: string, checked: boolean) => void;
 }
 export default function Checkbox({
  name,
  label,
  checked = false,
  errors = [],
  onChange,
  required = false,
  ...props
 }: InputProps): JSX.Element {
  const [checkboxChecked, setCheckboxChecked] = useState<boolean>(checked);
  if (typeof window === 'undefined') return <Fragment />;
  function _onChange({ target }: ChangeEvent<HTMLInputElement>) {
    setCheckboxChecked(target.checked);
    if (onChange) {
      onChange(target.name, target.checked);
    }
  }
  return (
    <FormField
      css={{ alignItems: 'center', gap: '1em', flexDirection: 'row' }}
      required={required}
    >
      <label htmlFor={name} title={label}>
        {label}
      </label>
      <Toggle
        {...props}
        onChange={_onChange}
        checked={checkboxChecked}
        placeholder={props.placeholder ?? 'Type something...'}
        name={name}
        id={name}
      />
      {errors.length > 0 &&
        errors.map((error) => <FormFieldError>{error}</FormFieldError>)}
    </FormField>
  );
 }
--- a/inertia/components/common/form/selector.tsx
+++ b/inertia/components/common/form/selector.tsx
@@ -0,0 +1,79 @@
 import { useTheme } from '@emotion/react';
 import { InputHTMLAttributes, ReactNode, useEffect, useState } from 'react';
 import Select, {
  FormatOptionLabelMeta,
  GroupBase,
  OptionsOrGroups,
 } from 'react-select';
 import FormField from '~/components/common/form/_form_field';
 type Option = { label: string | number; value: string | number };
 interface SelectorProps
  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
  label: string;
  name: string;
  errors?: string[];
  options: OptionsOrGroups<Option, GroupBase<Option>>;
  value: number | string;
  onChangeCallback?: (value: number | string) => void;
  formatOptionLabel?: (
    data: Option,
    formatOptionLabelMeta: FormatOptionLabelMeta<Option>
  ) => ReactNode;
 }
 export default function Selector({
  name,
  label,
  value,
  errors = [],
  options,
  onChangeCallback,
  formatOptionLabel,
  required = false,
  ...props
 }: SelectorProps): JSX.Element {
  const theme = useTheme();
  const [selectorValue, setSelectorValue] = useState<Option>();
  useEffect(() => {
    if (options.length === 0) return;
    const option = options.find((o: any) => o.value === value);
    if (option) {
      setSelectorValue(option as Option);
    }
  }, [options, value]);
  const handleChange = (selectedOption: Option) => {
    setSelectorValue(selectedOption);
    if (onChangeCallback) {
      onChangeCallback(selectedOption.value);
    }
  };
  return (
    <FormField required={required}>
      {label && (
        <label htmlFor={name} title={`${name} field`}>
          {label}
        </label>
      )}
      <Select
        value={selectorValue}
        onChange={(newValue) => handleChange(newValue as Option)}
        options={options}
        isDisabled={props.disabled}
        menuPlacement="auto"
        formatOptionLabel={
          formatOptionLabel
            ? (val, formatOptionLabelMeta) =>
                formatOptionLabel(val, formatOptionLabelMeta)
            : undefined
        }
        css={{ color: theme.colors.black }}
      />
    </FormField>
  );
 }
--- a/inertia/components/common/form/textbox.tsx
+++ b/inertia/components/common/form/textbox.tsx
@@ -0,0 +1,49 @@
 import { ChangeEvent, InputHTMLAttributes, useState } from 'react';
 import FormField from '~/components/common/form/_form_field';
 import FormFieldError from '~/components/common/form/_form_field_error';
 import Input from '~/components/common/form/_input';
 interface InputProps
  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
  label: string;
  name: string;
  value?: string;
  errors?: string[];
  onChange?: (name: string, value: string) => void;
 }
 export default function TextBox({
  name,
  label,
  value = '',
  errors = [],
  onChange,
  required = false,
  ...props
 }: InputProps): JSX.Element {
  const [inputValue, setInputValue] = useState<string>(value);
  function _onChange({ target }: ChangeEvent<HTMLInputElement>) {
    setInputValue(target.value);
    if (onChange) {
      onChange(target.name, target.value);
    }
  }
  return (
    <FormField required={required}>
      <label htmlFor={name} title={label}>
        {label}
      </label>
      <Input
        {...props}
        name={name}
        onChange={_onChange}
        value={inputValue}
        placeholder={props.placeholder ?? 'Type something...'}
      />
      {errors.length > 0 &&
        errors.map((error) => <FormFieldError>{error}</FormFieldError>)}
    </FormField>
  );
 }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Sonny	9d4eb08bc9	chore: release v2.1.2	2024-09-17 15:24:29 +02:00
Sonny	f8e7e7cd64	chore(deps): revert @emotion/react@11.13.0 update This version seems to be broken. In dev mode, styled component theme props's missing only when SSR	2024-09-17 15:23:56 +02:00
Sonny	cda3a89f32	chore: release v2.1.1	2024-09-17 14:55:51 +02:00
Sonny	ed4dbca329	chore(deps): update deps	2024-09-17 14:54:20 +02:00
Sonny	f8a92b7219	chore(deps): replace ts-node by ts-node-maintained + update eslint/prettier"	2024-09-17 14:03:21 +02:00
Sonny	161db362b3	chore: release v2.1.0	2024-08-30 23:39:25 +02:00
Sonny	a5e542a33f	chore(deps): update deps	2024-08-30 23:38:39 +02:00
Sonny	f0ec6d6b3d	feat: sortable table component	2024-08-30 23:35:05 +02:00
Sonny	442a1003bb	feat: add dropdown for favorite items	2024-07-22 12:10:47 +02:00
Sonny	2c499a7789	chore: release v2.0.3	2024-07-07 20:27:31 +02:00
Sonny	5baa9e1c35	fix: seed file warnings	2024-07-07 20:27:19 +02:00
Sonny	fd896db872	chore: switch to pnpm	2024-07-07 20:23:26 +02:00
Sonny	a45d534fa0	chore(deps): update deps and remove deprecated package	2024-07-07 20:21:12 +02:00
Sonny	5d083327a8	fix: (temp) disable xframe check and set same-site cookie to none	2024-07-07 19:59:17 +02:00
Sonny	136fcfac5d	ci: (re)enable deployment step	2024-07-07 14:52:06 +02:00
Sonny	efcb1d0ef9	chore: release v2.0.2	2024-07-06 03:28:11 +02:00
Sonny	8b9e74bfe1	fix: allow iframe	2024-07-06 03:27:07 +02:00
Sonny	73752aed32	chore: release v2.0.1	2024-07-06 01:42:47 +02:00
Sonny	16a4ce1761	chore: fix dockerfile	2024-07-04 00:14:42 +02:00
Sonny	049feab0d8	ci: (temp) disable pull image script	2024-07-03 23:55:09 +02:00
Sonny	1da84e1afe	chore: release v2.0.0	2024-07-03 01:04:35 +02:00
Sonny	de2cf5bd13	chore: add health check docker + update release-it config	2024-07-03 01:01:27 +02:00
Sonny	9e1dcbb07d	chore(ci): bring back previous CD github workflow	2024-06-03 00:13:11 +02:00
Sonny	493632e6db	chore: add release-it package	2024-06-03 00:12:48 +02:00
Sonny	6b318e1acb	docs: bring back and improve previous README.md	2024-06-03 00:12:20 +02:00
Sonny	d7381ed92a	feat: adjust light_theme grey color	2024-06-02 23:59:57 +02:00
Sonny	c20dd4651c	fix: bad type returned by theme preference endpoint	2024-06-02 23:59:57 +02:00
Sonny	8a4f895853	feat: add shared collection page	2024-06-02 23:59:57 +02:00
Sonny	dc54a1197d	chore: update deps	2024-06-02 23:59:57 +02:00
Sonny	09821de424	refactor: create hook screen type (instead of using plain media queries)	2024-06-02 23:59:57 +02:00
Sonny	cdfd092489	feat: rework settings modal	2024-06-02 23:59:57 +02:00
Sonny	8e1e3bea17	feat: create tab and selector components	2024-06-02 23:59:57 +02:00
Sonny	e9ccefd938	fix: responsive	2024-06-02 23:59:57 +02:00
Sonny	f2478bcf56	refactor: split theme file	2024-06-02 23:59:57 +02:00
Sonny	76847ff76b	refactor: use persistant layout	2024-06-02 23:59:57 +02:00
Sonny	e03952de1c	refactor: create types instead of using models	2024-06-02 23:59:57 +02:00
Sonny	55cd973b1a	chore: apply prettier	2024-06-02 23:59:57 +02:00
Sonny	202f70b010	feat: add basic admin dashboard	2024-06-02 23:59:57 +02:00
Sonny	f3f7f6272f	fix: missing nextId field for collection forms	2024-06-02 23:59:57 +02:00
Sonny	14d051a9d6	chore: update deps	2024-06-02 23:59:57 +02:00
Sonny	8437f6b96d	refactor: optimize favicon fetcher with cache	2024-06-02 23:59:57 +02:00
Sonny	9481b0ad7d	fix: error when editing collection	2024-06-02 23:59:57 +02:00
Sonny	8b161dcf49	refactor: fix some lintter erros	2024-06-02 23:59:57 +02:00
Sonny	09700a1916	feat: add validation for search modal	2024-06-02 23:59:57 +02:00
Sonny	56c05f1bf6	feat: add a search modal using the database (wip)	2024-06-02 23:59:57 +02:00
Sonny	b28499a69a	refactor: controllers and models to adapt them to the previous version of my-links	2024-06-02 23:59:57 +02:00
Sonny	31b4f22772	feat: improve side nav item style and fix some UI issues	2024-06-02 23:59:57 +02:00
Sonny	3ff7619e94	feat: bring back legal pages	2024-06-02 23:59:57 +02:00
Sonny	e6803c174c	feat: bring back previous home page	2024-06-02 23:59:57 +02:00
Sonny	b7d80d844d	feat: add delete link form and controller	2024-06-02 23:59:57 +02:00
Sonny	50030df9a6	feat: add delete collection form and controller method	2024-06-02 23:59:57 +02:00
Sonny	32133be8b0	fix: some styled for collections and links	2024-06-02 23:59:57 +02:00
Sonny	2ba0eccc9f	feat: styling login page	2024-06-02 23:59:57 +02:00
Sonny	25d70f2faf	chore: update deps	2024-06-02 23:59:57 +02:00
Sonny	3c2c5dcee6	feat: add create/edit link form + controller methods	2024-06-02 23:59:57 +02:00
Sonny	8176817030	feat: use existing translation on all pages	2024-06-02 23:59:57 +02:00
Sonny	8077f8f9c9	feat: add layout transition	2024-06-02 23:59:57 +02:00
Sonny	a910b898c7	feat: create basic settings modal	2024-06-02 23:59:57 +02:00
Sonny	53aa7bc22b	feat: create settings modal	2024-06-02 23:59:57 +02:00
Sonny	18b2eb2c5a	refactor: create shortcut hook that with default config	2024-06-02 23:59:57 +02:00
Sonny	57ed2c5e94	feat: migrate from paths constant to new route management system	2024-06-02 23:59:57 +02:00
Sonny	905f0ba1c7	feat: use route management system for collections	2024-06-02 23:59:57 +02:00
Sonny	19b96650e9	refactor: move routes in dedicated files + improve routes management	2024-06-02 23:59:57 +02:00
Sonny	6b5aba6f84	refactor: use diffrent log level for favicon related stuff	2024-06-02 23:59:57 +02:00
Sonny	6b4cfd9926	feat: create edit collection page	2024-06-02 23:59:57 +02:00
Sonny	6b327a5b1e	refactor: create dedicated collection form component	2024-06-02 23:59:57 +02:00
Sonny	a58d78302e	feat: add collection list	2024-06-02 23:59:57 +02:00
Sonny	5a8bda0322	refactor: rename link_list with a proper name	2024-06-02 23:59:57 +02:00
Sonny	c916b5870b	feat: add user dropdown in navbar	2024-06-02 23:59:57 +02:00
Sonny	243984ca66	fix: theme persistence save user theme preferences in session instead of localStorage	2024-06-02 23:59:57 +02:00
Sonny	f0e64c19fd	fix: prod docker	2024-06-02 23:59:57 +02:00
Sonny	56aade5222	fix: some styles	2024-06-02 23:59:57 +02:00
Sonny	2f0e1dd375	feat: add dropdown for links and collection header	2024-06-02 23:59:57 +02:00
Sonny	0f1dc9b69c	feat: add dropdown component	2024-06-02 23:59:57 +02:00
Sonny	3531038321	feat: add theme manager awesome!	2024-06-02 23:59:57 +02:00
Sonny	b5cda75790	feat: apply new style on side-navigation component	2024-06-02 23:59:57 +02:00
Sonny	5f5eece627	fix: missing PK on each column id	2024-06-02 23:59:57 +02:00
Sonny	817b9baafc	feat: (re)add favicon scrapper	2024-06-02 23:59:57 +02:00
Sonny	73f8c0c513	feat: add create link form	2024-06-02 23:59:57 +02:00
Sonny	2cf8c5ae02	feat: recreate dashboard page from previous version	2024-06-02 23:59:57 +02:00
Sonny	2cc490b611	feat: add i18n with type safety	2024-06-02 23:59:57 +02:00
Sonny	31f22d382e	fix: relations between tables	2024-06-02 23:59:57 +02:00
Sonny	97044907ee	feat: create formlayout and create collection form	2024-06-02 23:59:57 +02:00
Sonny	602813ec05	feat: add create collection controller + validator	2024-06-02 23:59:57 +02:00
Sonny	e917b3ae2b	fix: collection migration	2024-06-02 23:59:57 +02:00
Sonny	a347cee9a7	chore: add husky + lint-stagged	2024-06-02 23:59:57 +02:00
Sonny	231629f0dd	chore: create user, collection and link models, migrations and seeders	2024-06-02 23:59:57 +02:00
Sonny	08dcd7455f	feat: create content layout with emotion	2024-06-02 23:59:57 +02:00
Sonny	df4185bd62	feat: add auth via google	2024-06-02 23:59:57 +02:00
Sonny	2531242615	chore: setup docker env	2024-06-02 23:59:57 +02:00
Sonny	1386db6935	chore: init adonis	2024-06-02 23:59:57 +02:00
Sonny	219e5e3aed	chore(deps): update deps	2024-04-15 00:52:07 +02:00
Sonny	4bc1a455a8	chore: update checkout action version	2024-04-15 00:18:04 +02:00
Sonny	c78eac59fd	chore: add umami	2024-04-15 00:14:14 +02:00
Sonny	3580eeccde	chore: release v1.3.0	2024-04-14 23:31:38 +02:00
Sonny	7ed11fe4aa	feat: add shared category page	2024-04-14 23:30:12 +02:00
Sonny	6b72af9e8f	fix: some style issues caused by the new visibility badge component	2024-04-14 16:11:05 +02:00
Sonny	194b541143	feat: add category visibility	2024-04-14 16:01:12 +02:00
Sonny	f79baf21c0	chore: release v1.2.1	2024-04-12 00:03:17 +02:00
Sonny	1068b6e057	fix: link description type in prisma schema	2024-04-12 00:02:34 +02:00
Sonny	e30bdea9c5	chore: release v1.2.0	2024-04-11 01:24:50 +02:00
Sonny	f1a70f3bd1	refactor: change routes to the home page and (new) "app" page Tldr : "/" becomes "/app" and "/about" becomes "/"	2024-04-11 01:23:36 +02:00
Sonny	a53b600111	feat: add about page Finally!	2024-04-11 01:13:11 +02:00
Sonny	78915b6b99	fix: error when removing a category without a previous category	2024-04-10 19:42:26 +02:00
Sonny	b59b948ed9	fix: dev environment variables	2024-04-10 19:31:15 +02:00
Sonny	a317ee1b61	chore(deps): update deps and apply changes	2024-04-10 19:23:18 +02:00
Sonny	42a5dabec1	feat: add optionnal category description	2024-04-10 19:22:16 +02:00
Sonny	883b36c93e	chore: release v1.1.0	2024-04-09 23:17:30 +02:00
Sonny	584489dbb9	feat: add optionnal link description	2024-04-09 23:05:14 +02:00
Sonny	cf6b87306e	feat: add optionnal "required" param on TextBox and Selector inputs	2024-04-09 23:00:43 +02:00
Sonny	5a792aef13	ci: update startup script command	2024-03-29 19:27:39 +01:00
		`@@ -1,2 +0,0 @@`
			`# Auto detect text files and perform LF normalization`
			`* text=auto`
		`@@ -0,0 +1,2 @@`
							`export const PREFER_DARK_THEME = 'prefer_dark_theme';`
							`export const DARK_THEME_DEFAULT_VALUE = true;`
		`@@ -1,3 +0,0 @@`
			`CREATE DATABASE IF NOT EXISTS mylinks;`

			`GRANT ALL PRIVILEGES ON DATABASE * TO mluser;`