@obiba/quasar-app-extension-json-form 0.1.0

package/README.md

@@ -0,0 +1,33 @@
+# Quasar App Extension json-form
+
+[![npm](https://img.shields.io/npm/v/@obiba/quasar-app-extension-json-form.svg?label=@obiba/quasar-app-extension-json-form)](https://www.npmjs.com/package/@obiba/quasar-app-extension-json-form)
+[![npm](https://img.shields.io/npm/dt/@obiba/quasar-app-extension-json-form.svg)](https://www.npmjs.com/package/@obiba/quasar-app-extension-json-form)
+
+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/).
+
+# Install
+```bash
+quasar ext add json-form
+```
+Quasar CLI will retrieve it from NPM and install the extension.
+
+## Prompts
+
+> If your app extension uses prompts, explain them here, otherwise remove this section and remove prompts.js file.
+
+# Uninstall
+```bash
+quasar ext remove json-form
+```
+
+# Info
+> Add longer information here that will help the user of your app extension.
+
+# Other Info
+> Add other information that's not as important to know
+
+# Donate
+If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).
+
+# License
+MIT (c) Yannick Marcon <yannick.marcon@obiba.org>

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@obiba/quasar-app-extension-json-form",
+  "version": "0.1.0",
+  "description": "Quasar app extension for JSON Forms",
+  "author": "Yannick Marcon <yannick.marcon@obiba.org>",
+  "license": "MIT",
+  "type": "module",
+  "dependencies": {
+    "@obiba/quasar-ui-json-form": "^0.1.0"
+  },
+  "engines": {
+    "node": ">= 8.9.0",
+    "npm": ">= 5.6.0",
+    "yarn": ">= 1.6.0"
+  }
+}

package/src/boot/register.js

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

package/src/index.js

@@ -0,0 +1,45 @@
+/**
+ * Quasar App Extension index/runner script
+ * (runs on each dev/build)
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/index-api
+ */
+
+function extendConf (conf, api) {
+  // 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
+  conf.css.push('~@obiba/quasar-ui-json-form/src/index.sass')
+}
+
+export default function (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')
+  }
+
+
+  // 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
+  api.extendQuasarConf(extendConf)
+}