Julien-R44 / tuyau

RPC / E2E Client For AdonisJS
https://tuyau.julr.dev
MIT License
54 stars 0 forks source link

InertiaJS 2 support #9

Open Fawwaz-2009 opened 5 hours ago

Fawwaz-2009 commented 5 hours ago

if this is to be expected, please do close this ticket but when I tried to install @tuyau/inertia I got errors and it's seams there were because I'm using inertia v2 which might not be compatible.

image

Also here is a copy of my package.json

{
  "name": "project",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "license": "UNLICENSED",
  "scripts": {
    "start": "node bin/server.js",
    "build": "node ace build && npm run build:emails",
    "build:emails": "tsc --project tsconfig.emails.json",
    "emails:dev": "NODE_ENV=development email dev",
    "dev": "node ace serve --hmr",
    "migrate": "node ace migration:run",
    "test": "node ace test",
    "lint": "eslint .",
    "format": "prettier --write .",
    "typecheck": "tsc --noEmit",
    "generate-certs": "mkcert -install && mkcert -cert-file ./certs/cert.pem -key-file ./certs/key.pem localhost 127.0.0.1 ::1",
    "dev-ssl": "docker-compose -f docker-compose.dev-ssl.yml up --build"
  },
  "imports": {
    "#controllers/*": "./app/controllers/*.js",
    "#exceptions/*": "./app/exceptions/*.js",
    "#models/*": "./app/models/*.js",
    "#common/*": "./app/common/*.js",
    "#auth/*": "./app/auth/*.js",
    "#staff/*": "./app/staff/*.js",
    "#marketing/*": "./app/marketing/*.js",
    "#mails/*": "./app/mails/*.js",
    "#services/*": "./app/services/*.js",
    "#listeners/*": "./app/listeners/*.js",
    "#events/*": "./app/events/*.js",
    "#middleware/*": "./app/middleware/*.js",
    "#validators/*": "./app/validators/*.js",
    "#providers/*": "./providers/*.js",
    "#policies/*": "./app/policies/*.js",
    "#abilities/*": "./app/abilities/*.js",
    "#database/*": "./database/*.js",
    "#tests/*": "./tests/*.js",
    "#start/*": "./start/*.js",
    "#config/*": "./config/*.js",
    "#emails/*": "./emails/*.js",
    "#types/*": "./app/types/*.ts",
    "#cockpit/*": "./app/cockpit/*.js",
    "#yggdrasil/*": "./app/yggdrasil/*.js",
    "#brand/*": "./app/brand/*.js"
  },
  "devDependencies": {
    "@adonisjs/assembler": "^7.8.2",
    "@adonisjs/eslint-config": "^1.3.0",
    "@adonisjs/prettier-config": "^1.4.0",
    "@adonisjs/tsconfig": "^1.4.0",
    "@flydotio/dockerfile": "^0.5.9",
    "@japa/assert": "^3.0.0",
    "@japa/plugin-adonisjs": "^3.0.1",
    "@japa/runner": "^3.1.4",
    "@swc/core": "^1.7.26",
    "@types/luxon": "^3.4.2",
    "@types/node": "^20.16.5",
    "@types/react": "^18.3.11",
    "@types/react-dom": "^18.3.0",
    "@types/uuid": "^10.0.0",
    "autoprefixer": "^10.4.20",
    "eslint": "^8.57.1",
    "hot-hook": "^0.2.6",
    "postcss": "^8.4.47",
    "prettier": "^3.3.3",
    "tailwindcss": "^3.4.12",
    "ts-node-maintained": "^10.9.4",
    "typescript": "^5.6.2",
    "vite": "^5.4.6"
  },
  "dependencies": {
    "@adonisjs/auth": "^9.2.3",
    "@adonisjs/core": "^6.13.1",
    "@adonisjs/cors": "^2.2.1",
    "@adonisjs/drive": "^3.2.0",
    "@adonisjs/inertia": "^2.0.0",
    "@adonisjs/lucid": "^21.2.0",
    "@adonisjs/mail": "^9.2.2",
    "@adonisjs/session": "^7.4.2",
    "@adonisjs/shield": "^8.1.1",
    "@adonisjs/static": "^1.1.1",
    "@adonisjs/vite": "^3.0.0",
    "@aws-sdk/client-s3": "^3.667.0",
    "@aws-sdk/s3-request-presigner": "^3.667.0",
    "@inertiajs/react": "^2.0.0-beta.2",
    "@radix-ui/react-avatar": "^1.1.1",
    "@radix-ui/react-dialog": "^1.1.2",
    "@radix-ui/react-dropdown-menu": "^2.1.2",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-select": "^2.1.2",
    "@radix-ui/react-slot": "^1.1.0",
    "@react-email/components": "^0.0.25",
    "@supabase/supabase-js": "^2.45.4",
    "@tuyau/client": "^0.1.2",
    "@tuyau/core": "^0.2.1",
    "@vinejs/vine": "^2.1.0",
    "@vitejs/plugin-react": "^4.3.1",
    "@vitejs/plugin-vue": "^5.1.4",
    "adonis-cockpit": "^0.0.0",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "edge.js": "^6.2.0",
    "embla-carousel-react": "^8.3.0",
    "lucide-react": "^0.446.0",
    "luxon": "^3.5.0",
    "next-themes": "^0.3.0",
    "pg": "^8.13.0",
    "pino-pretty": "^11.2.2",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-email": "^3.0.1",
    "reflect-metadata": "^0.2.2",
    "sonner": "^1.5.0",
    "tailwind-merge": "^2.5.2",
    "tailwindcss-animate": "^1.0.7",
    "uuid": "^10.0.0",
    "vite-plugin-pwa": "^0.20.5"
  },
  "hotHook": {
    "boundaries": [
      "./app/controllers/**/*.ts",
      "./app/middleware/*.ts"
    ]
  },
  "eslintConfig": {
    "extends": "@adonisjs/eslint-config/app",
    "rules": {
      "prettier/prettier": "warn",
      "no-unused-vars": "warn"
    }
  },
  "prettier": {
    "extends": "@adonisjs/prettier-config",
    "printWidth": 160
  }
}
Julien-R44 commented 4 hours ago

I would recommend using npm install --force for now as @inertiajs/react 2.x is still in beta, and it's a bit of a pain to manage via peerDependencies

tuyau/inertia should be fully compatible with the beta version, but let me know if you encounter any problems