druxt-router 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # druxt-router
 
+## 0.21.0
+
+### Minor Changes
+
+- 9d905e8: Set router `pages` option default based on presence of `pages/` directory.
+- 9d905e8: Moved Nuxt module to `druxt-router/nuxt`
+
+  ⚠ Potential breaking change
+
+  ```diff
+  -modules: ['druxt-router']
+  +modules: ['druxt-router/nuxt']
+  ```
+
+- dae345e: Added module level options
+
+### Patch Changes
+
+- Updated dependencies [dae345e]
+  - druxt@0.11.0
+
 ## 0.20.0
 
 ### Minor Changes

package/README.md

@@ -9,7 +9,7 @@
 ## Links
 
 - DruxtJS: https://druxtjs.org
-- Documentation: https://router.druxtjs.org
+- Documentation: https://druxtjs.org/modules/router
 - Community Discord server: https://discord.druxtjs.org
 
 ## Features
@@ -29,19 +29,13 @@ Add module to `nuxt.config.js`
 
 ```js
 module.exports = {
-  modules: [
-    ...
-    'druxt-router'
-  ],
-
+  modules: ['druxt-router/nuxt'],
   druxt: {
     baseUrl: 'https://demo-api.druxtjs.org'
   }
 }
 ```
 
-Ensure you have activated the [Nuxt Vuex store](https://nuxtjs.org/guide/vuex-store/).
-
 ## Options
 
 ### Druxt Router options

package/dist/components/DruxtRouter.vue

@@ -39,7 +39,7 @@ export default {
         {
           hid: 'canonical',
           rel: 'canonical',
-          href: this.route.canonical
+          href: this.canonical || this.route.canonical
         }
       ]
     }
@@ -58,6 +58,9 @@ export default {
    * @vue-computed {object} route The current Route.
    */
   computed: {
+    module: ({ route }) =>
+      (route || {}).component && route.component.startsWith('druxt-') ? route.component.substring(6) : false,
+
     /**
      * Route title.
      * @type {boolean|string}
@@ -78,18 +81,14 @@ export default {
     })
   },
 
-  render(h) {
-    return h('div', [
-      h('DruxtRoute', {
-        props: {
-          path: this.$route.fullPath,
-          value: {
-            redirect: this.redirect,
-            route: this.route,
-          }
-        }
-      }
-    )])
+  druxt: {
+    componentOptions: ({ module, route }) => [
+      // @TODO - Add Path options.
+      [module || 'error', route.isHomePath ? 'front' : 'not-front'],
+      ['default']
+    ],
+
+    propsData: ({ route }) => ({ route })
   }
 }
 </script>

package/dist/druxt-router.esm.js

@@ -1,52 +1,7 @@
-import { join, resolve } from 'path';
 import { DruxtClient } from 'druxt';
 import Url from 'url-parse';
 import { mapState, mapActions } from 'vuex';
 
-const DruxtRouterNuxtModule = function() {
-  if (typeof this.options === "undefined" || !this.options.druxt) {
-    throw new TypeError("Druxt settings missing.");
-  }
-  const options = this.options.druxt;
-  options.router = {
-    pages: true,
-    wildcard: true,
-    ...options.router
-  };
-  this.nuxt.hook("components:dirs", (dirs) => {
-    dirs.push({ path: join(__dirname, "components") });
-  });
-  if (options.router.wildcard) {
-    this.addTemplate({
-      src: resolve(__dirname, "../nuxt/component.js"),
-      fileName: "components/druxt-router.js",
-      options
-    });
-    this.extendRoutes((routes, resolve2) => {
-      routes.push({
-        name: "druxt-router",
-        path: "*",
-        component: resolve2(this.options.buildDir, "components/druxt-router.js"),
-        chunkName: "druxt-router"
-      });
-    });
-  }
-  if (options.router.wildcard && !options.router.pages) {
-    this.nuxt.hook("build:before", () => this.nuxt.options.build.createRoutes = () => []);
-  }
-  this.addPlugin({
-    src: resolve(__dirname, "../nuxt/plugin.js"),
-    fileName: "druxt-router.js",
-    options
-  });
-  this.options.store = true;
-  this.addPlugin({
-    src: resolve(__dirname, "../nuxt/store.js"),
-    fileName: "store/druxt-router.js",
-    options
-  });
-};
-
 class DruxtRouter {
   constructor(baseUrl, options = {}) {
     this.options = {
@@ -334,5 +289,4 @@ const DruxtRouterMixin = {
   }
 };
 
-export default DruxtRouterNuxtModule;
 export { DruxtRouter, DruxtRouterEntityMixin, DruxtRouterMixin, DruxtRouterStore };

package/dist/druxt-router.ssr.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const path = require('path');
 const druxt = require('druxt');
 const Url = require('url-parse');
 const vuex = require('vuex');
@@ -11,50 +10,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 const Url__default = /*#__PURE__*/_interopDefaultLegacy(Url);
 
-const DruxtRouterNuxtModule = function() {
-  if (typeof this.options === "undefined" || !this.options.druxt) {
-    throw new TypeError("Druxt settings missing.");
-  }
-  const options = this.options.druxt;
-  options.router = {
-    pages: true,
-    wildcard: true,
-    ...options.router
-  };
-  this.nuxt.hook("components:dirs", (dirs) => {
-    dirs.push({ path: path.join(__dirname, "components") });
-  });
-  if (options.router.wildcard) {
-    this.addTemplate({
-      src: path.resolve(__dirname, "../nuxt/component.js"),
-      fileName: "components/druxt-router.js",
-      options
-    });
-    this.extendRoutes((routes, resolve2) => {
-      routes.push({
-        name: "druxt-router",
-        path: "*",
-        component: resolve2(this.options.buildDir, "components/druxt-router.js"),
-        chunkName: "druxt-router"
-      });
-    });
-  }
-  if (options.router.wildcard && !options.router.pages) {
-    this.nuxt.hook("build:before", () => this.nuxt.options.build.createRoutes = () => []);
-  }
-  this.addPlugin({
-    src: path.resolve(__dirname, "../nuxt/plugin.js"),
-    fileName: "druxt-router.js",
-    options
-  });
-  this.options.store = true;
-  this.addPlugin({
-    src: path.resolve(__dirname, "../nuxt/store.js"),
-    fileName: "store/druxt-router.js",
-    options
-  });
-};
-
 class DruxtRouter {
   constructor(baseUrl, options = {}) {
     this.options = {
@@ -346,4 +301,3 @@ exports.DruxtRouter = DruxtRouter;
 exports.DruxtRouterEntityMixin = DruxtRouterEntityMixin;
 exports.DruxtRouterMixin = DruxtRouterMixin;
 exports.DruxtRouterStore = DruxtRouterStore;
-exports.default = DruxtRouterNuxtModule;

package/nuxt/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The Nuxt.js module function.
+ *
+ * - Extends the Vue router, adding the Druxt wildcard route.
+ * - Adds the Druxt router plugin.
+ * - Adds the Druxt router Vuex store.
+ *
+ * The module function should not be used directly, but rather installed via your Nuxt configuration file.
+ *
+ * Options are set on the root level `druxt` Nuxt config object.
+ *
+ * @example @lang js
+ * // `nuxt.config.js`
+ * module.exports = {
+ *   buildModules: ['druxt-router/nuxt'],
+ *   druxt: {
+ *     baseUrl: 'https://demi-api.druxtjs.org'
+ *   }
+ * }
+ *
+ * @property {object} options.druxt - Druxt root level options.
+ * @property {string} options.druxt.baseUrl - Base URL of Drupal JSON:API backend.
+ * @property {string} options.druxt.router.component - File to custom Router component.
+ */
+declare function DruxtRouterNuxtModule(moduleOptions?: {}): Promise<void>;
+declare namespace DruxtRouterNuxtModule {
+    const meta: any;
+}
+
+export default DruxtRouterNuxtModule;

package/nuxt/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const fs = require('fs');
+const path = require('path');
+
+const DruxtRouterNuxtModule = async function(moduleOptions = {}) {
+  const options = {
+    baseUrl: moduleOptions.baseUrl,
+    ...(this.options || {}).druxt || {},
+    router: {
+      pages: await fs.existsSync(path.resolve(this.options.srcDir, this.options.dir.pages)),
+      wildcard: true,
+      ...((this.options || {}).druxt || {}).router,
+      ...moduleOptions
+    }
+  };
+  this.nuxt.hook("components:dirs", (dirs) => {
+    dirs.push({ path: path.join(__dirname, "../dist/components") });
+  });
+  if (options.router.wildcard) {
+    this.addTemplate({
+      src: path.resolve(__dirname, "../templates/component.js"),
+      fileName: "components/druxt-router.js",
+      options
+    });
+    this.extendRoutes((routes, resolve2) => {
+      routes.push({
+        name: "druxt-router",
+        path: "*",
+        component: resolve2(this.options.buildDir, "components/druxt-router.js"),
+        chunkName: "druxt-router"
+      });
+    });
+  }
+  if (options.router.wildcard && !options.router.pages) {
+    this.nuxt.hook("build:before", () => this.nuxt.options.build.createRoutes = () => []);
+  }
+  this.addPlugin({
+    src: path.resolve(__dirname, "../templates/plugin.js"),
+    fileName: "druxt-router.js",
+    options
+  });
+  this.options.store = true;
+  this.addPlugin({
+    src: path.resolve(__dirname, "../templates/store.js"),
+    fileName: "store/druxt-router.js",
+    options
+  });
+};
+DruxtRouterNuxtModule.meta = require("../package.json");
+
+exports.default = DruxtRouterNuxtModule;

package/package.json

@@ -1,37 +1,48 @@
 {
   "name": "druxt-router",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Drupal router for Nuxt, powered by the Drupal Decoupled Router module.",
   "keywords": [
+    "cms",
+    "decoupled",
     "drupal",
     "druxt",
-    "nuxt",
-    "json-api",
+    "druxtjs",
+    "headless",
     "jsonapi",
-    "json api",
-    "router"
+    "json:api",
+    "nuxt",
+    "nuxtjs",
+    "module",
+    "router",
+    "vue"
   ],
-  "license": "MIT",
-  "author": {
-    "name": "Stuart Clark",
-    "email": "stuart@realityloop.com",
-    "url": "https://realityloop.com"
+  "homepage": "https://druxtjs.org",
+  "bugs": {
+    "url": "https://github.com/druxt/druxt.js/issues"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/druxt/druxt.js"
+  },
+  "license": "MIT",
   "exports": {
     ".": {
       "require": "./dist/druxt-router.ssr.js",
       "import": "./dist/druxt-router.esm.js"
     },
-    "./components/*": "./dist/components/*"
+    "./components/*": "./dist/components/*",
+    "./nuxt": "./nuxt/index.js"
   },
   "main": "dist/druxt-router.ssr.js",
   "module": "dist/druxt-router.esm.js",
   "files": [
     "dist",
-    "nuxt"
+    "nuxt",
+    "templates"
   ],
   "dependencies": {
-    "druxt": "^0.10.0",
+    "druxt": "^0.11.0",
     "url-parse": "^1.4.7"
   },
   "optionalDependencies": {

package/dist/components/DruxtRoute.vue

@@ -1,73 +0,0 @@
-<script>
-
-import DruxtModule from 'druxt/dist/components/DruxtModule.vue'
-
-/**
- * Renders a Druxt module router component based on the resolved route provided
- * by the Drupal Decoupled Router module.
- *
- * @example @lang vue
- * <DruxtRouter />
- */
-export default {
-  name: 'DruxtRoute',
-
-  extends: DruxtModule,
-
-  props: {
-    path: {
-      type: String,
-      default() {
-        return this.$route.fullPath
-      }
-    }
-  },
-
-  async fetch() {
-    if (!this.value) {
-      this.model = await this.$store.dispatch('druxtRouter/get', this.path)
-    }
-
-    await DruxtModule.fetch.call(this)
-  },
-
-  fetchKey() {
-    return 'MOOOO'
-  },
-
-  data: ({ value }) => ({
-    model: {
-      redirect: false,
-      route: {},
-      ...value
-    },
-  }),
-
-  /** */
-  computed: {
-    module: ({ route }) =>
-      (route || {}).component && route.component.startsWith('druxt-') ? route.component.substring(6) : false,
-
-    redirect: ({ model }) => (model || {}).redirect || false,
-    route: ({ model }) => (model || {}).route || {},
-  },
-
-  watch: {
-    async path() {
-      if (!this.value) {
-        await this.$fetch()
-      }
-    }
-  },
-
-  druxt: {
-    componentOptions: ({ module, route }) => [
-      // @TODO - Add Path options.
-      [module || 'error', (route || {}).isHomePath ? 'front' : 'not-front'],
-      ['default']
-    ],
-
-    propsData: ({ route }) => ({ route })
-  }
-}
-</script>