@salesforce/pwa-kit-mcp 0.1.0-preview.0

package/dist/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@salesforce/pwa-kit-mcp",
+  "version": "0.1.0-preview.0",
+  "private": false,
+  "description": "MCP server that helps you build Salesforce Commerce Cloud PWA Kit Composable Storefront",
+  "main": "dist/server/server.js",
+  "files": [
+    "CHANGELOG.md",
+    "LICENSE",
+    "dist/**/*.{js,d.ts,json}",
+    "!dist/CHANGELOG.md",
+    "!dist/README.md",
+    "!**/*.test.{ts,js}"
+  ],
+  "scripts": {
+    "build": "cross-env NODE_ENV=production internal-lib-build build",
+    "build:watch": "nodemon --watch 'src/**' --ext 'js,ts' --exec  'npm run build'",
+    "format": "pwa-kit-dev format \"**/*.{js,jsx}\"",
+    "lint": "npm run lint:js",
+    "lint:fix": "npm run lint:js -- --fix",
+    "lint:js": "pwa-kit-dev lint \"**/*.{js,ts}\"",
+    "prepare": "npm run build",
+    "test": "internal-lib-build test",
+    "test:inspect": "node --inspect-brk jest --runInBand",
+    "test:watch": "npm test -- --watch",
+    "start": "node dist/server/server.js"
+  },
+  "keywords": [
+    "mcp",
+    "server",
+    "pwa",
+    "salesforce",
+    "commerce",
+    "commerce cloud",
+    "pwa kit",
+    "composable storefront"
+  ],
+  "author": "Spark Team",
+  "bin": {
+    "pwa-kit-mcp": "dist/server/server.js"
+  },
+  "license": "ISC",
+  "dependencies": {
+    "@axe-core/playwright": "^4.10.1",
+    "@babel/runtime": "^7.21.0",
+    "@modelcontextprotocol/sdk": "^1.13.2",
+    "axe-core": "^4.10.3",
+    "cross-spawn": "^7.0.6",
+    "playwright": "^1.49.0",
+    "zod": "^3.25.56"
+  },
+  "devDependencies": {
+    "@babel/node": "^7.22.5",
+    "@playwright/test": "^1.49.0",
+    "@salesforce/pwa-kit-dev": "3.11.0-dev.0",
+    "cross-env": "^5.2.1",
+    "internal-lib-build": "3.11.0-dev.0",
+    "nodemon": "^2.0.22"
+  },
+  "engines": {
+    "node": "^16.11.0 || ^18.0.0 || ^20.0.0 || ^22.0.0",
+    "npm": "^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0"
+  },
+  "publishConfig": {
+    "directory": "dist"
+  }
+}

package/dist/server/server.js

@@ -0,0 +1,210 @@
+#!/usr/bin/env node
+/*
+ * Copyright (c) 2025, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+"use strict";
+
+var _mcp = require("@modelcontextprotocol/sdk/server/mcp.js");
+var _stdio = require("@modelcontextprotocol/sdk/server/stdio.js");
+var _zod = require("zod");
+var _utils = require("../utils");
+var _runSiteTestTool = require("../utils/run-site-test-tool");
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+// NOTE: This is a workaround to import JSON files as ES modules.
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const productDocument = require('../data/ProductDocument.json');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const categoryDocument = require('../data/CategoryDocument.json');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const documentList = require('../data/DocumentList.json');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const packageJson = require('../package.json');
+const FALLBACK_VERSION = '0.1.0';
+class PwaStorefrontMCPServerHighLevel {
+  constructor() {
+    // Using McpServer instead of Server
+    this.server = new _mcp.McpServer({
+      name: 'pwa-kit-mcp',
+      version: (packageJson === null || packageJson === void 0 ? void 0 : packageJson.version) || FALLBACK_VERSION
+    }, {
+      capabilities: {
+        tools: {}
+      }
+    });
+    this.CreateNewComponentTool = new _utils.CreateNewComponentTool();
+    this.testWithPlaywrightTool = new _runSiteTestTool.TestWithPlaywrightTool();
+    this.setupTools();
+
+    // 1. Add in-memory session management
+    this.sessions = {};
+    this.sessionCounter = 1;
+  }
+  setupTools() {
+    // Register CreateProjectTool
+    this.server.tool(_utils.CreateAppGuidelinesTool.name, _utils.CreateAppGuidelinesTool.description, _utils.CreateAppGuidelinesTool.inputSchema, _utils.CreateAppGuidelinesTool.fn);
+
+    // Register DeveloperGuidelinesTool
+    this.server.tool(_utils.DeveloperGuidelinesTool.name, _utils.DeveloperGuidelinesTool.description, _utils.DeveloperGuidelinesTool.inputSchema, _utils.DeveloperGuidelinesTool.fn);
+    this.server.tool('run_site_test', 'Run site performance or accessibility test for a given site URL (e.g. https://pwa-kit.mobify-storefront.com)', {
+      testType: _zod.z.enum(['performance', 'accessibility']).describe('Type of test to run'),
+      siteUrl: _zod.z.string().optional().describe('Site URL to test (optional)')
+    }, ({
+      testType,
+      siteUrl
+    }) => this.testWithPlaywrightTool.run(testType, siteUrl));
+    this.server.tool('create_new_sample_component', 'Conversationally collect parameters and create a new sample React component.', {
+      sessionId: _zod.z.string().optional().describe('Session ID for the conversational flow'),
+      answer: _zod.z.string().optional().describe('User answer to the current question')
+    }, args => this.handleCreateNewSampleComponent(args));
+  }
+
+  /**
+   * Helper to handle the conversational flow for create_new_sample_component
+   */
+  handleCreateNewSampleComponent(args) {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      var _args$answer;
+      let sessionId = args.sessionId;
+      if (!sessionId) {
+        sessionId = `session-interactive-${_this.sessionCounter++}`;
+        _this.sessions[sessionId] = {
+          step: 1,
+          answers: {}
+        };
+      }
+      const session = _this.sessions[sessionId];
+      const {
+        step
+      } = session;
+      const answer = (_args$answer = args.answer) === null || _args$answer === void 0 ? void 0 : _args$answer.trim();
+      switch (step) {
+        case 1:
+          return _this._handleComponentNameStep(session, answer, sessionId);
+        case 2:
+          return _this._handleDirectoryStep(session, answer, sessionId);
+        case 3:
+          return _this._handleSingleOrListStep(session, answer, sessionId);
+        default:
+          return _this._handleDoneStep(sessionId);
+      }
+    })();
+  }
+  _next(sessionId, question) {
+    return {
+      content: [{
+        type: 'text',
+        text: JSON.stringify({
+          sessionId,
+          question
+        })
+      }]
+    };
+  }
+  _done(sessionId, message) {
+    return {
+      content: [{
+        type: 'text',
+        text: JSON.stringify({
+          sessionId,
+          message
+        })
+      }]
+    };
+  }
+  _handleComponentNameStep(session, answer, sessionId) {
+    if (answer) {
+      session.answers.name = answer;
+      session.step = 2;
+      const defaultDir = process.env.PWA_STOREFRONT_APP_PATH ? process.env.PWA_STOREFRONT_APP_PATH + '/components' : '/components';
+      return this._next(sessionId, `Answer yes to use the default components directory (${defaultDir}), or no if you want to specify the full absolute path to use a different directory:`);
+    }
+    return this._next(sessionId, 'What would you like to name your new React component?');
+  }
+  _handleDirectoryStep(session, answer, sessionId) {
+    const defaultDir = process.env.PWA_STOREFRONT_APP_PATH ? process.env.PWA_STOREFRONT_APP_PATH + '/components' : '/components';
+    if (answer) {
+      if (/^(yes|y|true|1)$/i.test(answer)) {
+        session.answers.location = defaultDir;
+      } else {
+        session.answers.location = answer;
+      }
+      session.step = 3;
+      return this._next(sessionId, 'Should this component display a single product or a list of products? Reply with "single" or "list".');
+    }
+    return this._next(sessionId, `Answer yes to use the default components directory (${defaultDir}), or no if you want to specify the full absolute path to use a different directory:`);
+  }
+  _handleSingleOrListStep(session, answer, sessionId) {
+    var _this2 = this;
+    return _asyncToGenerator(function* () {
+      if (answer && /list/i.test(answer)) {
+        // List of products
+        const tool = new _utils.CreateNewComponentTool();
+        tool.componentData = {
+          name: session.answers.name,
+          location: session.answers.location,
+          createTestFile: false,
+          customCode: '',
+          entityType: 'product'
+        };
+        const dataModel = _this2.getDataModel('product');
+        let schemaObj = dataModel && dataModel.properties ? dataModel.properties : {};
+        let presentationalResult = yield tool.updateComponentToPresentational('product', session.answers.name, session.answers.location, schemaObj, {
+          list: true
+        });
+        session.step = 99;
+        return _this2._done(sessionId, (session.basicComponentResult || '') + `\n\n${presentationalResult}\nComponent creation flow complete.`);
+      } else if (answer && /single/i.test(answer)) {
+        // Single product
+        const tool = new _utils.CreateNewComponentTool();
+        tool.componentData = {
+          name: session.answers.name,
+          location: session.answers.location,
+          createTestFile: false,
+          customCode: '',
+          entityType: 'product'
+        };
+        const dataModel = _this2.getDataModel('product');
+        let schemaObj = dataModel && dataModel.properties ? dataModel.properties : {};
+        let presentationalResult = yield tool.updateComponentToPresentational('product', session.answers.name, session.answers.location, schemaObj, {
+          list: false
+        });
+        session.step = 99;
+        return _this2._done(sessionId, (session.basicComponentResult || '') + `\n\n${presentationalResult}\nComponent creation flow complete.`);
+      } else {
+        return _this2._next(sessionId, 'Please reply with "single" or "list".');
+      }
+    })();
+  }
+  _handleDoneStep(sessionId) {
+    return this._done(sessionId, 'Component creation flow complete.');
+  }
+
+  /**
+   * Simple method to get data models directly from imports
+   * @param {string} modelName - Name of the model (e.g., 'product', 'category')
+   * @returns {object|null} The data model object or null if not found
+   */
+  getDataModel(modelName) {
+    const models = {
+      product: productDocument,
+      category: categoryDocument,
+      documentList: documentList
+    };
+    return models[modelName.toLowerCase()] || null;
+  }
+  run() {
+    var _this3 = this;
+    return _asyncToGenerator(function* () {
+      const transport = new _stdio.StdioServerTransport();
+      yield _this3.server.connect(transport);
+      console.error('PWA Storefront MCP server (McpServer version) running on stdio');
+    })();
+  }
+}
+const server = new PwaStorefrontMCPServerHighLevel();
+server.run().catch(console.error);

package/dist/utils/create-new-component-tool.js

@@ -0,0 +1,340 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCopyrightHeader = exports.default = void 0;
+var _promises = _interopRequireDefault(require("fs/promises"));
+var _path = _interopRequireDefault(require("path"));
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } /*
+ * Copyright (c) 2025, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+const getCopyrightHeader = () => {
+  const year = new Date().getFullYear();
+  return `/*
+ * Copyright (c) ${year}, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */`;
+};
+
+// Utility to infer entity from component name
+exports.getCopyrightHeader = getCopyrightHeader;
+function inferEntityFromComponentName(componentName) {
+  const name = componentName.toLowerCase();
+  if (name.includes('customer')) return 'customer';
+  if (name.includes('product')) return 'product';
+  if (name.includes('basket')) return 'basket';
+  if (name.includes('category')) return 'category';
+  return null;
+}
+class CreateNewComponentTool {
+  constructor() {
+    this.currentStep = 0;
+    this.componentData = {
+      name: null,
+      location: null,
+      entityType: null
+    };
+  }
+
+  /**
+   * Creates the component based on all collected data
+   * @returns {Promise<string>} The result of component creation
+   */
+  createComponent() {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      const messages = [];
+
+      // Use the provided absolute path directly if available
+      const location = _this.componentData.location;
+      const componentMessage = yield _this.createComponentFile(_this.componentData.name, location);
+      messages.push(componentMessage);
+
+      // Handle entity type information
+      if (_this.componentData.entityType) {
+        messages.push(`\nℹ️ Entity type '${_this.componentData.entityType}' ${inferEntityFromComponentName(_this.componentData.name) ? 'was inferred' : 'was specified'} for component '${_this.componentData.name}'.`);
+      } else {
+        messages.push(`\nℹ️ No entity type was specified or could be inferred for component '${_this.componentData.name}'.`);
+      }
+
+      // Always append lint reminder
+      messages.push("\n💡 After creating or modifying a component, run 'npm run lint -- --fix' to automatically fix formatting and linter issues.");
+
+      // Reset for next use
+      _this.reset();
+      return messages.join('\n');
+    })();
+  }
+
+  /**
+   * Resets the tool state for the next component creation
+   */
+  reset() {
+    this.currentStep = 0;
+    this.componentData = {
+      name: null,
+      location: null,
+      entityType: null
+    };
+  }
+
+  /**
+   * Creates a new React component file.
+   * @param {string} componentName - Name for the new component.
+   * @param {string} projectDir - The absolute path to the project directory for the new component.
+   */
+  createComponentFile(componentName, projectDir) {
+    return _asyncToGenerator(function* () {
+      const kebabDirName = (0, _utils.toKebabCase)(componentName);
+      const pascalComponentName = (0, _utils.toPascalCase)(componentName);
+      const componentDir = _path.default.join(projectDir, kebabDirName);
+      try {
+        yield _promises.default.mkdir(componentDir, {
+          recursive: true
+        });
+        // Create component file
+        const componentFilePath = _path.default.join(componentDir, 'index.jsx');
+        const codeToWrite = `${getCopyrightHeader()}
+import React from 'react';
+
+const ${pascalComponentName} = () => {
+  return (
+    <div>${pascalComponentName} component</div>
+  );
+};
+
+export default ${pascalComponentName};
+`;
+        yield _promises.default.writeFile(componentFilePath, codeToWrite, 'utf-8');
+        return `✅ Created ${componentFilePath}`;
+      } catch (err) {
+        console.error('Error during file creation:', err);
+        return `❌ Error creating component file at ${componentDir}: ${err.message}`;
+      }
+    })();
+  }
+
+  /**
+   * Updates the component file to be a presentational component for the given data model.
+   * @param {string} entityType - The entity type (e.g., 'product').
+   * @param {string} componentName - The component name.
+   * @param {string} location - The absolute path to the component's parent directory.
+   * @param {object} dataModel - The data model schema (properties object).
+   */
+  updateComponentToPresentational(entityType, componentName, location, dataModel, options = {}) {
+    return _asyncToGenerator(function* () {
+      const kebabDirName = (0, _utils.toKebabCase)(componentName);
+      const pascalComponentName = (0, _utils.toPascalCase)(componentName);
+      const componentDir = _path.default.join(location, kebabDirName);
+      yield _promises.default.mkdir(componentDir, {
+        recursive: true
+      });
+      const componentFilePath = _path.default.join(componentDir, 'index.jsx');
+      let code = '';
+
+      // Special logic for product entity
+      if (entityType === 'product') {
+        // If options.list is true, generate a list-of-products component
+        if (options.list) {
+          code = `${getCopyrightHeader()}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Box, Text, Image, Stack } from '@chakra-ui/react';
+
+const ${pascalComponentName} = ({ products }) => (
+    <Stack spacing={4}>
+        {products.map(product => (
+            <Box key={product.productId} borderWidth="1px" borderRadius="md" p={4}>
+                <Text fontSize="xl" fontWeight="bold">{product.name}</Text>
+                {product.imageGroups && product.imageGroups[0]?.images[0]?.link && (
+                    <Image
+                        src={product.imageGroups[0].images[0].link}
+                        alt={product.name}
+                        maxW="150px"
+                        mb={2}
+                    />
+                )}
+                <Text>assigned_categories: {product.assigned_categories?.toString?.() ?? ''}</Text>
+                <Text>price: {product.price?.toString?.() ?? ''}</Text>
+            </Box>
+        ))}
+    </Stack>
+);
+
+${pascalComponentName}.propTypes = {
+    products: PropTypes.arrayOf(PropTypes.shape({
+        productId: PropTypes.string,
+        name: PropTypes.string,
+        assigned_categories: PropTypes.any,
+        price: PropTypes.any,
+        imageGroups: PropTypes.array
+    })).isRequired
+};
+
+export default ${pascalComponentName};
+`;
+        } else {
+          // Single product component (with selectors, image, etc.)
+          code = `${getCopyrightHeader()}
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Box, Text, Image, Button, HStack, Stack } from '@chakra-ui/react';
+
+// Helper to filter variants by selected attribute values
+const filterVariants = (variants, selected) => {
+    return variants.filter(variant =>
+        Object.entries(selected).every(
+            ([attr, value]) => !value || variant.variationValues?.[attr] === value
+        )
+    );
+};
+
+// Helper to get the image for the selected color
+const getImageForSelection = (imageGroups, selected) => {
+    if (selected.color) {
+        const group = imageGroups.find(
+            g =>
+                g.variationAttributes &&
+                g.variationAttributes.some(
+                    va =>
+                        va.id === 'color' &&
+                        va.values.some(v => v.value === selected.color)
+                )
+        );
+        if (group && group.images.length > 0) {
+            return group.images[0].link;
+        }
+    }
+    if (imageGroups.length > 0 && imageGroups[0].images.length > 0) {
+        return imageGroups[0].images[0].link;
+    }
+    return null;
+};
+
+const ${pascalComponentName} = ({ product }) => {
+    const { variationAttributes = [], variants = [], imageGroups = [] } = product;
+    const [selected, setSelected] = useState(() => {
+        const initial = {};
+        variationAttributes.forEach(attr => {
+            initial[attr.id] = '';
+        });
+        return initial;
+    });
+
+    // Build a color code to swatch image URL map
+    const swatchMap = {};
+    imageGroups
+        .filter(group => group.viewType === 'swatch')
+        .forEach(group => {
+            const colorCode = group.variationAttributes?.[0]?.values?.[0]?.value;
+            if (colorCode && group.images[0]?.link) {
+                swatchMap[colorCode] = group.images[0].link;
+            }
+        });
+
+    const filteredVariants = filterVariants(variants, selected);
+    const getAvailableValues = (attrId) => {
+        const otherSelected = { ...selected };
+        delete otherSelected[attrId];
+        const possibleVariants = filterVariants(variants, otherSelected);
+        const values = new Set();
+        possibleVariants.forEach(v => {
+            if (v.variationValues?.[attrId]) values.add(v.variationValues[attrId]);
+        });
+        return Array.from(values);
+    };
+
+    const imageUrl = getImageForSelection(imageGroups, selected);
+
+    return (
+        <Box>
+            <Text fontSize="2xl" fontWeight="bold" mb={2}>{product.name}</Text>
+            {imageUrl && (
+                <Image src={imageUrl} alt={product.name} maxW="300px" mb={4} />
+            )}
+            <Text>assigned_categories: {product.assigned_categories?.toString?.() ?? ''}</Text>
+            <Text>price: {product.price?.toString?.() ?? ''}</Text>
+            {/* Dynamic variant attribute selectors */}
+            {variationAttributes.map(attr => (
+                <Box key={attr.id} my={2}>
+                    <Text as="span" fontWeight="semibold">{attr.name}:</Text>
+                    <HStack spacing={2} mt={1}>
+                        {getAvailableValues(attr.id).map(val =>
+                            attr.id === 'color' ? (
+                                <Button
+                                    key={val}
+                                    onClick={() => setSelected(sel => ({ ...sel, [attr.id]: val }))}
+                                    variant={selected[attr.id] === val ? 'solid' : 'outline'}
+                                    borderRadius="full"
+                                    minW="32px"
+                                    h="32px"
+                                    p={0}
+                                    borderColor={
+                                        selected[attr.id] === val ? 'blue.500' : 'gray.200'
+                                    }
+                                    _hover={{opacity: 0.8}}
+                                    aria-label={val}
+                                >
+                                    {swatchMap[val] ? (
+                                        <Image
+                                            src={swatchMap[val]}
+                                            alt={val}
+                                            borderRadius="full"
+                                            boxSize="28px"
+                                        />
+                                    ) : (
+                                        val
+                                    )}
+                                </Button>
+                            ) : (
+                                <Button
+                                    key={val}
+                                    onClick={() => setSelected(sel => ({ ...sel, [attr.id]: val }))}
+                                    variant={selected[attr.id] === val ? 'solid' : 'outline'}
+                                    colorScheme={selected[attr.id] === val ? 'blue' : 'gray'}
+                                    borderRadius="md"
+                                    size="sm"
+                                >
+                                    {val}
+                                </Button>
+                            )
+                        )}
+                    </HStack>
+                </Box>
+            ))}
+        </Box>
+    );
+};
+
+${pascalComponentName}.propTypes = {
+    product: PropTypes.shape({
+        name: PropTypes.string,
+        assigned_categories: PropTypes.any,
+        price: PropTypes.any,
+        variationAttributes: PropTypes.array,
+        variants: PropTypes.array,
+        imageGroups: PropTypes.array
+    }).isRequired
+};
+
+export default ${pascalComponentName};
+`;
+        }
+      } else {
+        throw new Error(`Entity type '${entityType}' is not supported.`);
+      }
+      yield _promises.default.writeFile(componentFilePath, code, 'utf-8');
+      return `✅ Updated ${componentFilePath} to presentational component for ${entityType}`;
+    })();
+  }
+}
+var _default = exports.default = CreateNewComponentTool;

package/dist/utils/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CreateAppGuidelinesTool", {
+  enumerable: true,
+  get: function () {
+    return _pwaCreateAppGuidelineTool.default;
+  }
+});
+Object.defineProperty(exports, "CreateNewComponentTool", {
+  enumerable: true,
+  get: function () {
+    return _createNewComponentTool.default;
+  }
+});
+Object.defineProperty(exports, "DeveloperGuidelinesTool", {
+  enumerable: true,
+  get: function () {
+    return _pwaDeveloperGuidelineTool.default;
+  }
+});
+var _pwaCreateAppGuidelineTool = _interopRequireDefault(require("./pwa-create-app-guideline-tool"));
+var _createNewComponentTool = _interopRequireDefault(require("./create-new-component-tool"));
+var _pwaDeveloperGuidelineTool = _interopRequireDefault(require("./pwa-developer-guideline-tool"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }