construct-hub-webapp 0.1.981 → 0.1.982

package/package.json

@@ -68,7 +68,7 @@
     "express-http-proxy": "^1.6.3",
     "jsii-docgen": "^6.3.27",
     "prettier": "^2.8.8",
-    "projen": "^0.78.10",
+    "projen": "^0.78.11",
     "react-app-rewired": "^2.2.1",
     "standard-version": "^9",
     "ts-node": "^10.9.2",
@@ -121,7 +121,7 @@
     "node": ">= 16.17.0"
   },
   "license": "Apache-2.0",
-  "version": "0.1.981",
+  "version": "0.1.982",
   "eslintConfig": {
     "extends": [
       "react-app",

package/.projenrc.ts

@@ -1,367 +0,0 @@
-import { github, web } from "projen";
-import { workflows } from "projen/lib/github";
-
-const PROXY_URL = "https://constructs.dev/";
-
-const project = new web.ReactTypeScriptProject({
-  defaultReleaseBranch: "main",
-  name: "construct-hub-webapp",
-  projenrcTs: true,
-
-  // Author metadata
-  authorEmail: "construct-ecosystem-team@amazon.com",
-  authorName: "Amazon Web Services, Inc.",
-
-  // Repository information
-  repository: "https://github.com/cdklabs/construct-hub-webapp.git",
-
-  // since this is an app project, we need to enable these explicitly
-  // in order to be able to publish this as an npm module.
-  releaseToNpm: true,
-  releaseWorkflow: true,
-  package: true,
-  tsconfig: {
-    compilerOptions: {
-      target: "es6",
-    },
-  },
-
-  minNodeVersion: "16.17.0",
-
-  eslint: true,
-  prettier: true,
-
-  deps: [
-    "@chakra-ui/anatomy",
-    "@chakra-ui/icons",
-    "@chakra-ui/react",
-    "@chakra-ui/theme-tools",
-    "@emotion/react@^11",
-    "@emotion/styled@^11",
-    "hast-util-sanitize",
-    "@jsii/spec",
-    "copy-to-clipboard", // Used by Chakra-UI, included for testing
-    "date-fns",
-    "framer-motion@^4",
-    "jsii-reflect",
-    "lunr",
-    "node-emoji",
-    "prism-react-renderer",
-    "react-query",
-    "react-helmet",
-    "react-markdown",
-    "react-router-dom",
-    "rehype-raw",
-    "rehype-sanitize",
-    "remark-emoji",
-    "remark-gfm",
-    "semver",
-    "spdx-license-list",
-    // PWA Functionality
-    "workbox-core",
-    "workbox-expiration",
-    "workbox-precaching",
-    "workbox-routing",
-    "workbox-strategies",
-  ],
-
-  devDeps: [
-    "@types/lunr",
-    "@types/node-emoji",
-    "@types/react@17.045",
-    "@types/react-dom@17.0.21",
-    "@types/react-helmet@6.1.7",
-    "@types/react-router-dom@5.3.3",
-    "@types/semver",
-    "eslint-plugin-jsx-a11y",
-    "eslint-plugin-prefer-arrow",
-    "eslint-plugin-react-hooks",
-    "eslint-plugin-react",
-    "react-app-rewired",
-    "jsii-docgen",
-    "util",
-  ],
-
-  autoApproveOptions: {
-    allowedUsernames: ["cdklabs-automation"],
-    secret: "GITHUB_TOKEN",
-  },
-
-  autoApproveUpgrades: true,
-});
-
-project.package.addField("resolutions", {
-  // addressing https://github.com/advisories/GHSA-rp65-9cf3-cjxr forcefully until
-  // react-scripts fixes the dependency chain.
-  // if test pass, we should be ok with this override, even though its a different major version.
-  "nth-check": "2.0.1",
-  // addressing https://github.com/facebook/react/issues/24304
-  "@types/react": "17.0.72",
-  // not sure why this is needed, but some dependencies have a transient dependency
-  // on wrap-ansi@8 which is an ESM module. When performing `yarn upgrade npm-check-updates`
-  // yarn gets confused somehow and uses the @8 one which causes things to break
-  "wrap-ansi": "7.0.0",
-});
-
-project.gitignore.addPatterns("/.vscode/");
-project.npmignore?.addPatterns("/.vscode/");
-
-(function addCypress() {
-  project.addDevDeps("cypress");
-
-  project.addTask("cypress:open", {
-    exec: "cypress open",
-    description: "open the cypress test runner UI",
-  });
-
-  project.addTask("cypress:run", {
-    exec: "cypress run",
-    description: "run the cypress suite in CLI",
-  });
-
-  project.gitignore.addPatterns("cypress/videos/", "cypress/screenshots/");
-  project.eslint?.addIgnorePattern("cypress/");
-
-  // Express is used to create a local proxy server used in CI + local build testing
-  (function addExpress() {
-    project.addDevDeps("express", "express-http-proxy");
-    project.addTask("proxy-server", {
-      exec: "node ./scripts/proxy-server",
-    });
-
-    project.addTask("proxy-server:ci", {
-      exec: "npx react-app-rewired build && CI=true yarn proxy-server",
-    });
-  })();
-
-  const cypressRunSteps = [
-    {
-      name: "Checkout",
-      uses: "actions/checkout@v3",
-    },
-    {
-      name: "Cypress Run",
-      uses: "cypress-io/github-action@v3",
-      env: {
-        DEBUG: "@cypress/github-action",
-      },
-      with: {
-        start: "yarn proxy-server:ci",
-        "wait-on": "http://localhost:3000",
-        "wait-on-timeout": 150,
-      },
-    },
-    {
-      uses: "actions/upload-artifact@v3",
-      if: "failure()",
-      with: {
-        name: "cypress-screenshots",
-        path: "cypress/screenshots",
-      },
-    },
-    {
-      uses: "actions/upload-artifact@v3",
-      if: "always()",
-      with: {
-        name: "cypress-videos",
-        path: "cypress/videos",
-      },
-    },
-  ];
-
-  const integWorkflow = project.github?.addWorkflow("integ")!;
-  const e2e = "e2e";
-  integWorkflow.on({ workflowDispatch: {}, pullRequest: {} });
-  integWorkflow.addJob(e2e, {
-    name: e2e,
-    runsOn: ["ubuntu-latest"],
-    permissions: {
-      checks: github.workflows.JobPermission.WRITE,
-      contents: github.workflows.JobPermission.READ,
-    },
-    steps: cypressRunSteps,
-  });
-
-  project.autoMerge?.addConditions(`status-success=${e2e}`);
-
-  // Set up a canary that tests that the latest code on our main branch
-  // works against data on https://constructs.dev.
-  //
-  // We need to use the version of the front-end from the main branch
-  // and not the version that is live, otherwise it's possible for newer
-  // tests to run against an older (incompatible) version of the frontend
-  // due to deployment delays and give us false positives.
-  const e2eCanary = project.github?.addWorkflow("e2e-canary")!;
-  e2eCanary.on({
-    schedule: [
-      {
-        cron: "*/30 * * * *", // run every 30 minutes
-      },
-    ],
-    workflowDispatch: {},
-  });
-  e2eCanary.addJobs({
-    test: {
-      name: "constructs.dev canary",
-      runsOn: ["ubuntu-latest"],
-      permissions: {
-        checks: github.workflows.JobPermission.WRITE,
-        contents: github.workflows.JobPermission.READ,
-      },
-      steps: [
-        ...cypressRunSteps,
-        {
-          name: "Create failure issue",
-          if: "failure()",
-          uses: "imjohnbo/issue-bot@v3",
-          with: {
-            labels: "failed-release",
-            title: `E2E Canary for https://constructs.dev failed.`,
-            body: "See https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}",
-          },
-          env: {
-            GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}",
-          },
-        },
-      ],
-    },
-  });
-})();
-
-(function addJest() {
-  project.addDevDeps(
-    // "jest",
-    // "babel-jest",
-    // "ts-node",
-    "@testing-library/react",
-    "@testing-library/jest-dom",
-    "@testing-library/react-hooks",
-    "@testing-library/user-event"
-  );
-
-  project.addTask("test:unit", {
-    // exec: "jest",
-    exec: "npx react-app-rewired test",
-  });
-
-  project.addTask("test:update", {
-    exec: "npx react-app-rewired test -u",
-  });
-
-  project.eslint?.addIgnorePattern("jest.config.ts");
-})();
-
-// This task is used to analyze dead code
-(function addAnalyzeExports() {
-  project.addDevDeps("ts-unused-exports");
-  project.addTask("analyze-exports", { exec: "node scripts/analyze-exports" });
-})();
-
-// npm tarball will only include the contents of the "build"
-// directory, which is the output of our static website.
-project.npmignore?.addPatterns("!/build");
-project.npmignore?.addPatterns("/public");
-
-// Ignore local config.json
-project.npmignore?.addPatterns("/build/config.json");
-project.gitignore.addPatterns("/public/config.json");
-
-// test fixtures
-project.npmignore?.addPatterns("src/__fixtures__");
-
-// these are development assemblies fetched specifically
-// by each developer.
-project.gitignore.exclude("public/data");
-
-// Proxy requests to awscdk.io for local testing
-project.package.addField("proxy", PROXY_URL);
-
-// setup linting for create-react-app specific tools
-project.eslint?.addRules({
-  "import/no-extraneous-dependencies": [
-    "error",
-    {
-      devDependencies: ["**/setupTests.ts", "**/*.test.tsx", "**/*.test.ts"],
-      optionalDependencies: false,
-      peerDependencies: true,
-    },
-  ],
-});
-
-// React specific overrides
-project.eslint?.addOverride({
-  files: ["src/**/*.tsx", "src/**/*.ts"],
-  extends: [
-    "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:jsx-a11y/recommended",
-  ],
-  settings: {
-    react: {
-      version: "detect",
-    },
-  },
-  plugins: ["jsx-a11y", "prefer-arrow"],
-  rules: {
-    "@typescript-eslint/no-use-before-define": ["error"],
-    "no-use-before-define": "off",
-    "prefer-arrow/prefer-arrow-functions": [
-      "error",
-      {
-        singleReturnOnly: false,
-      },
-    ],
-    "react/jsx-sort-props": ["warn"],
-    "react/prop-types": ["off"],
-    "react/react-in-jsx-scope": ["off"],
-  },
-} as any);
-
-// rewire cra tasks, all apart from eject.
-rewireCRA(project.tasks.tryFind("build"));
-rewireCRA(project.tasks.tryFind("test"));
-rewireCRA(project.tasks.tryFind("dev"));
-
-// trigger construct-hub to pick up changes from construct-hub-webapp
-// whenever a new release is made
-project.release?.addJobs({
-  upgrade_construct_hub: {
-    name: "Upgrade construct-hub",
-    runsOn: ["ubuntu-latest"],
-    permissions: {
-      actions: workflows.JobPermission.WRITE,
-    },
-    needs: ["release", "release_github", "release_npm"],
-    steps: [
-      {
-        name: "Trigger upgrade workflow",
-        run: 'gh api -X POST /repos/cdklabs/construct-hub/actions/workflows/upgrade-main.yml/dispatches --field ref="main"',
-        env: {
-          GITHUB_TOKEN: "${{ secrets.PROJEN_GITHUB_TOKEN }}",
-        },
-      },
-    ],
-  },
-});
-
-// replace default service worker script with no-op worker
-const replaceWorker = project.addTask("replace-worker");
-replaceWorker.exec("cp src/no-op-sw.js build/service-worker.js");
-replaceWorker.exec("rm build/service-worker.js.map");
-project.compileTask.spawn(replaceWorker);
-
-project.synth();
-
-/**
- * Rewire a create-react-app task to use 'react-app-rewired` instead of 'react-scripts'
- * so that our configuration overrides will take affect.
- *
- * @see https://www.npmjs.com/package/react-app-rewired
- */
-function rewireCRA(craTask: any) {
-  for (const step of craTask.steps) {
-    if (step.exec && step.exec.startsWith("react-scripts")) {
-      step.exec = step.exec.replace("react-scripts", "react-app-rewired");
-    }
-  }
-}