chore: ability to disable some plugins via config

.eslintignore

@@ -5,3 +5,5 @@
 packages/boilerplate/composables/nuxt/plugin.js
 packages/commercetools/composables/nuxt/plugin.js
 packages/core/cache/nuxt/plugin.js
+packages/core/nuxt-module/plugins/i18n-cookies.js
+packages/core/nuxt-module/plugins/logger.js

package.json

@@ -7,10 +7,11 @@
     "build:bp:composables": "cd packages/boilerplate/composables && yarn build",
     "build:bp:theme": "cd packages/boilerplate/theme && yarn build",
     "build:bp:tools": "yarn build:core && yarn build:bp:api-client && yarn build:bp:composables",
-    "build:core": "yarn build:core:core && yarn build:core:cache && yarn build:core:middleware",
+    "build:core": "yarn build:core:core && yarn build:core:cache && yarn build:core:middleware && yarn build:core:nuxt-module",
     "build:core:core": "cd packages/core/core && yarn build",
     "build:core:cache": "cd packages/core/cache && yarn build",
     "build:core:middleware": "cd packages/core/middleware && yarn build",
+    "build:core:nuxt-module": "cd packages/core/nuxt-module && yarn build",
     "build:ct": "yarn build:ct:tools && yarn build:ct:theme",
     "build:ct:api-client": "cd packages/commercetools/api-client && yarn build",
     "build:ct:composables": "cd packages/commercetools/composables && yarn build",

packages/core/docs/architecture/application-context.md

@@ -1,6 +1,6 @@
 # Application context
 
-An application context is an object available in the Nuxt.js application. 
+An application context is an object available in the Nuxt.js application.
 Plugins and modules registered in the `nuxt.config.js` file populate this object and add integration-specific data under a unique key. The Nuxt.js application later uses this information to send requests to the Server Middleware.
 
 ## Structure of the context

packages/core/docs/changelog/6641.js

@@ -0,0 +1,8 @@
+module.exports = {
+  description: 'Added the ability to select plugins used by @vue-storefront/nuxt',
+  link: 'https://github.com/vuestorefront/vue-storefront/pull/6641',
+  isBreaking: false,
+  breakingChanges: [],
+  author: 'Mateusz Pietrusiński',
+  linkToGitHubAccount: 'https://github.com/Mateuszpietrusinski'
+};

packages/core/docs/package.json

@@ -10,8 +10,9 @@
     "core-cache-ref": "cd ../cache && api-extractor run --local",
     "core-core-ref": "cd ../core && api-extractor run --local",
     "core-middleware-ref": "cd ../middleware && api-extractor run --local",
+    "core-nuxt-module-ref": "cd ../nuxt-module && api-extractor run --local",
     "core-ref-md": "api-documenter markdown --i reference/api --o reference/api",
-    "build:core": "yarn core-cache-ref && yarn core-core-ref && yarn core-middleware-ref && yarn core-ref-md"
+    "build:core": "yarn core-cache-ref && yarn core-core-ref && yarn core-middleware-ref && yarn core-nuxt-module-ref && yarn core-ref-md"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.13.7",

packages/core/nuxt-module/.gitignore

@@ -1,2 +1,2 @@
 node_modules
-!lib
+lib

packages/core/nuxt-module/api-extractor.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../api-extractor.base.json",
+  "mainEntryPointFilePath": "./lib/src/api-extractor-data.d.ts",
+  "dtsRollup": {
+    "untrimmedFilePath": "./lib/<unscopedPackageName>.d.ts"
+  },
+  "docModel": {
+    "apiJsonFilePath": "<projectFolder>/core/docs/reference/api/<unscopedPackageName>.api.json"
+  }
+}

packages/core/nuxt-module/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@vue-storefront/nuxt",
   "version": "2.5.5",
-  "description": "",
-  "main": "lib/module.js",
+  "main": "lib/index.cjs.js",
+  "module": "lib/index.es.js",
+  "types": "lib/src/index.d.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "rimraf lib && rollup -c",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublish": "yarn build"
   },
   "author": "Vue Storefront",
   "license": "MIT",
@@ -19,9 +22,14 @@
     "nuxt-purgecss": "^1.0.0"
   },
   "devDependencies": {
-    "@nuxt/types": "^2.15.8"
+    "@nuxt/types": "^2.15.8",
+    "@rollup/plugin-json": "~4.1.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "files": [
+    "lib/**/*",
+    "plugins/**/*"
+  ]
 }

packages/core/nuxt-module/lib/plugins/context.js → packages/core/nuxt-module/plugins/context.js

@@ -1,4 +1,3 @@
-
 import { configureContext } from '@vue-storefront/core';
 import { useContext as useBaseContext } from '@nuxtjs/composition-api';
 

packages/core/nuxt-module/lib/plugins/e2e-testing.js → packages/core/nuxt-module/plugins/e2e-testing.js

@@ -5,9 +5,9 @@ const e2eTestingPlugin = (ctx) => {
     bind: (element, binding) => {
       const enabled = ctx.isDev || ctx.env.NUXT_ENV_E2E === true.toString();
 
-      return enabled && element.setAttribute(`data-e2e`, binding.value);
+      return enabled && element.setAttribute('data-e2e', binding.value);
     }
   });
 };
 
-export default e2eTestingPlugin;
+export default e2eTestingPlugin;

packages/core/nuxt-module/rollup.config.js

@@ -0,0 +1,36 @@
+import pkg from './package.json';
+import typescript from 'rollup-plugin-typescript2';
+import { terser } from 'rollup-plugin-terser';
+import json from '@rollup/plugin-json';
+
+export function generateBaseConfig(pkg) {
+  return {
+    input: 'src/index.ts',
+    output: [
+      {
+        file: pkg.main,
+        format: 'cjs',
+        sourcemap: true
+      },
+      {
+        file: pkg.module,
+        format: 'es',
+        sourcemap: true
+      }
+    ],
+    external: [
+      ...Object.keys(pkg.dependencies || {})
+    ],
+    plugins: [
+      typescript({
+        // eslint-disable-next-line global-require
+        typescript: require('typescript'),
+        objectHashIgnoreUnknownHack: true
+      }),
+      terser(),
+      json()
+    ]
+  };
+}
+
+export default generateBaseConfig(pkg);

packages/core/nuxt-module/src/api-extractor-data.ts

@@ -0,0 +1,11 @@
+/**
+ * Core Vue Storefront 2 nuxt module.
+ *
+ * @remarks
+ * The `@vue-storefront/nuxt` library is responsible for loading core nuxt plugins.
+ *
+ * @packageDocumentation
+ */
+
+export { default as VueStorefrontNuxtModule } from './index';
+export { ModuleOptions } from './types';

packages/core/nuxt-module/src/helpers/isProduction.ts

@@ -0,0 +1,3 @@
+import { ModuleOptions } from '../types';
+
+export default (options: ModuleOptions): boolean => process.env.NODE_ENV === 'production' || options.coreDevelopment;

packages/core/nuxt-module/src/helpers/log.ts

@@ -0,0 +1,12 @@
+import consola from 'consola';
+import chalk from 'chalk';
+import { Log } from '../types';
+
+const log: Log = Object.freeze({
+  info: (message) => consola.info(chalk.bold('VSF'), message),
+  success: (message) => consola.success(chalk.bold('VSF'), message),
+  warning: (message) => consola.warn(chalk.bold('VSF'), message),
+  error: (message) => consola.error(chalk.bold('VSF'), message)
+});
+
+export default log;

packages/core/nuxt-module/src/helpers/merge.ts

@@ -0,0 +1,7 @@
+import { mergeWith, isArray } from 'lodash';
+
+export default (source, destination) => mergeWith(source, destination, (objValue, srcValue) => {
+  if (isArray(objValue)) {
+    return objValue.concat(srcValue);
+  }
+});

packages/core/nuxt-module/src/helpers/resolveDependency.ts

@@ -0,0 +1,7 @@
+export default function resolveDependency(name: string): string {
+  try {
+    return require.resolve(name, { paths: [process.cwd()] });
+  } catch (error) {
+    return '';
+  }
+}