@obiba/quasar-app-extension-json-form 0.1.1 → 0.2.0

package/README.md

@@ -5,15 +5,22 @@
 
 This app extension integrates the `QJsonForm` component into your Quasar CLI project, enabling schema-driven form generation using JSON Schema. It automatically registers the component and its dependencies, so you can render complex, dynamic forms with Quasar-styled inputs without any manual setup. `QJsonForm` uses [JSON Forms](https://jsonforms.io/).
 
+# Requirements
+- `@quasar/app-vite` v3+ (Quasar CLI with Vite)
+- `quasar` v2
+
+Quasar CLI with Webpack (`@quasar/app-webpack`) is no longer supported. Use version 0.1.1 of this
+extension if you are still on `@quasar/app-vite` v1/v2 or on `@quasar/app-webpack`.
+
 # Install
 ```bash
-quasar ext add json-form
+quasar ext add @obiba/json-form
 ```
 Quasar CLI will retrieve it from NPM and install the extension.
 
 # Uninstall
 ```bash
-quasar ext remove json-form
+quasar ext remove @obiba/json-form
 ```
 
 # Donate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obiba/quasar-app-extension-json-form",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Quasar app extension for JSON Forms",
   "author": "Yannick Marcon <yannick.marcon@obiba.org>",
   "license": "MIT",
@@ -13,12 +13,17 @@
   },
   "homepage": "https://github.com/obiba/quasar-json-form",
   "type": "module",
+  "main": "src/index.js",
+  "imports": {
+    "#q-app": "@quasar/app-vite"
+  },
   "dependencies": {
-    "@obiba/quasar-ui-json-form": "^0.1.1"
+    "@obiba/quasar-ui-json-form": "^0.2.0"
   },
   "engines": {
-    "node": ">= 8.9.0",
-    "npm": ">= 5.6.0",
-    "yarn": ">= 1.6.0"
+    "node": ">= 26 || ^24 || ^22.12"
+  },
+  "peerDependencies": {
+    "@quasar/app-vite": "^3.0.0"
   }
 }

package/src/boot/register.js

@@ -1,6 +1,6 @@
-import { boot } from 'quasar/wrappers'
+import { defineBoot } from '#q-app'
 import VuePlugin from '@obiba/quasar-ui-json-form'
 
-export default boot(({ app }) => {
+export default defineBoot(({ app }) => {
   app.use(VuePlugin)
 })

package/src/index.js

@@ -5,41 +5,26 @@
  * Docs: https://quasar.dev/app-extensions/development-guide/index-api
  */
 
-function extendConf (conf, api) {
+import { defineIndexScript } from '#q-app'
+
+function extendConf (conf) {
   // register our boot file
   conf.boot.push('~@obiba/quasar-app-extension-json-form/src/boot/register.js')
 
-  if (api.hasWebpack) {
-    // make sure app extension files & ui package gets transpiled
-    const transpileTarget = (
-      conf.build.webpackTranspileDependencies // q/app-webpack >= v4
-      || conf.build.transpileDependencies // q/app-webpack v3
-    )
-    transpileTarget.push(/@obiba\/quasar-app-extension-json-form[\\/]src/)
-  }
-
-  // make sure the stylesheet goes through webpack to avoid SSR issues
+  // make sure the stylesheet goes through the bundler to avoid SSR issues
   conf.css.push('~@obiba/quasar-ui-json-form/src/index.sass')
 }
 
-export default function (api) {
+export default defineIndexScript(api => {
   // Quasar compatibility check; you may need
   // hard dependencies, as in a minimum version of the "quasar"
   // package or a minimum version of "@quasar/app-*" CLI
   api.compatibleWith('quasar', '^2.0.0')
-
-  if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0')
-  }
-  else if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
-  }
-
+  api.compatibleWith('@quasar/app-vite', '^3.0.0')
 
   // Uncomment the line below if you provide a JSON API for your component
   // api.registerDescribeApi('QJsonForm', '~@obiba/quasar-ui-json-form/src/components/QJsonForm.json')
 
-
-  // We extend /quasar.conf.js
+  // We extend /quasar.config
   api.extendQuasarConf(extendConf)
-}
+})