@openstax/ts-utils 1.34.0 → 1.35.0

package/deploy/shared.cfn.yml

@@ -1,94 +0,0 @@
-Parameters:
-  BucketPrefix:
-    Description: A prefix to prevent collisions between buckets in different accounts, e.g. sandbox-
-    Type: String
-
-  PagerDutyAnytimeEndpoint:
-    Description: PagerDuty endpoint for Anytime notifications
-    Type: String
-
-  PagerDutyWorkdayEndpoint:
-    Description: PagerDuty endpoint for Workday notifications
-    Type: String
-
-Conditions:
-  HasPagerDutyAnytimeEndpoint: !Not [!Equals [!Ref PagerDutyAnytimeEndpoint, ""]]
-  HasPagerDutyWorkdayEndpoint: !Not [!Equals [!Ref PagerDutyWorkdayEndpoint, ""]]
-
-Resources:
-  Bucket:
-    Type: AWS::S3::Bucket
-    DeletionPolicy: Delete
-    Properties:
-      BucketName: !Sub ${BucketPrefix}${AWS::StackName}-lambda-code
-      VersioningConfiguration:
-        Status: Enabled
-      LifecycleConfiguration:
-        Rules:
-          - Id: auto-delete
-            Status: Enabled
-            ExpirationInDays: 30
-      OwnershipControls:
-        Rules:
-          - ObjectOwnership: BucketOwnerEnforced
-
-  AnytimeTopic:
-    Type: AWS::SNS::Topic
-    Properties:
-      TopicName: !Sub ${AWS::StackName}-anytime-topic
-
-  AnytimeSubscription:
-    Type: AWS::SNS::Subscription
-    Condition: HasPagerDutyAnytimeEndpoint
-    Properties:
-      Endpoint: !Ref PagerDutyAnytimeEndpoint
-      Protocol: https
-      TopicArn: !Ref AnytimeTopic
-
-  WorkdayTopic:
-    Type: AWS::SNS::Topic
-    Properties:
-      TopicName: !Sub ${AWS::StackName}-workday-topic
-
-  WorkdaySubscription:
-    Type: AWS::SNS::Subscription
-    Condition: HasPagerDutyWorkdayEndpoint
-    Properties:
-      Endpoint: !Ref PagerDutyWorkdayEndpoint
-      Protocol: https
-      TopicArn: !Ref WorkdayTopic
-
-  TopicPolicy:
-    Type: AWS::SNS::TopicPolicy
-    Properties:
-      PolicyDocument:
-        Version: '2012-10-17'
-        Statement:
-          - Effect: Allow
-            Principal:
-              Service: cloudwatch.amazonaws.com
-            Condition:
-              ArnLike:
-                AWS:SourceArn: !Sub arn:aws:cloudwatch:${AWS::Region}:${AWS::AccountId}:alarm:*
-            Action: sns:Publish
-            Resource: '*'
-      Topics:
-        - !Ref AnytimeTopic
-        - !Ref WorkdayTopic
-
-Outputs:
-  BucketName:
-    Description: Bucket name
-    Value: !Ref Bucket
-
-  AnytimeTopicArn:
-    Description: ARN of the anytime SNS topic
-    Value: !Ref AnytimeTopic
-    Export:
-      Name: !Sub ${AWS::StackName}-sns-anytime-topic-arn
-
-  WorkdayTopicArn:
-    Description: ARN of the workday SNS topic
-    Value: !Ref WorkdayTopic
-    Export:
-      Name: !Sub ${AWS::StackName}-sns-workday-topic-arn

package/docs/lambda-build.md

@@ -1,35 +0,0 @@
-# Building Typescript for Lambda
-
-In our lambda build we use TSC to transpile the typescript, then webpack to bundle the code, and then a zip archive to upload the code to lambda.
-
-the lambda `yarn build` command runs the following steps:
-- `/build` directory is populated by TSC in [this script](../packages/lambda/script/build.bash), this can be done with `--watch` for development, which is the default in the main [start command](../scripts/start.bash)
-- `/dist` directory is populated by webpack, which bundles each function in the `/build` directory into a separate bundle.
-- `/dist` directory functions are zipped by [this script](../packages/lambda/script/bundle-functions.bash), the zips are placed next to the bundle files in `/dist`
-
-There are a bunch of ways that building typescript for lambda _could_ be done, in this document we'll outline some of the reasons for using this method.
-
-## lambda code upload
-
-There are 3 main ways to upload the lambda code:
-- [inline](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-lambda-function-code.html#aws-properties-lambda-function-code-properties) in a cloudformation template (4MB code size limit)
-- using a [zip file uploaded to s3](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-lambda-function-code.html#aws-properties-lambda-function-code-properties). can use multiple zip files to define layers. ([code limit 250MB total, 50MB zipped per zip archive](https://docs.aws.amazon.com/lambda/latest/dg/gettingstarted-limits.html#function-configuration-deployment-and-execution))
-- a [container image uploaded to ECR](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-lambda-function-code.html#aws-properties-lambda-function-code-properties). ([image size limit 10GB](https://docs.aws.amazon.com/lambda/latest/dg/gettingstarted-limits.html#function-configuration-deployment-and-execution))
-
-there are other ways to hack around this, like downloading additional code at runtime to the tmp directory, which can get you [another 10GB of code](https://aws.amazon.com/blogs/aws/aws-lambda-now-supports-up-to-10-gb-ephemeral-storage/), but there is performance cost to needing to download it while users wait. 
-
-*We chose to do zip file uploads, and hedge against size constraints using webpack*. The rest of this section describes the rationale for this decision.
-
-with typescript, when choosing one of these methods, the main problem is the size of the `node_modules`. This template repo, with only the example code, has a production `node_modules` directory of 164MB, which zips down to 28MB. So we _could_ just include that in a zip archive. We could either put our whole project in one archive or do two layers, one for the node modules and one for the application code (that might optimize deployments so the lambda runtime doesn't have to download the modules if they haven't changed). The problem is that as real application code is added to this template the size of the `node_modules` is going to grow really fast, the approach being used will stop working, and the build will have to be re-configured to use the container image upload or... do something else. 
-
-There are a few projects like [this one](https://github.com/tj/node-prune) that try to reduce the size of the `node_modules` by removing unnecessary files based on file-name glob patterns. If you're already in a place where you're uploading your `node_modules` as an archive and need a way to keep its size down to avoid breaking your build, maybe plugging in something like this is an easy solution. In our case we're expecting this to become a problem and there seems to be a better solution for only including the files that are actually used in our deployment code, to bundle the code with a code bundler like webpack. By including a bundler, worst case scenario our deployment will include only the files that have been `import`ed directly, this could still be a lot but is already better than using a file-name based pruning script. Best case scenario the bundler [tree shaking](https://webpack.js.org/guides/tree-shaking/) plugins will be able to also remove any unused parts of the `import`ed code.
-
-## TSC
-
-Webpack can bundle typescript code directly using [ts-loader](https://www.npmjs.com/package/ts-loader), so there isn't usually a reason to _also_ use the default typescript compiler. In this project template there are two complicating factors, the sibling packages trying to import from our lambda module as a library, and our build config provider.
-
-*because of the following concerns we chose to pre-build the ts using tsc and run webpack on the resulting javascript, instead of using ts-loader*
-
-In our project workspace, when another package tries to import from a typescript module, it could theoretically import the `.ts` files directly, but this would require the two packages share a typescript config. With different packages, especially if there is a frontend that needs special config like `jsx`, or some packages want the `dom` lib and some want the node types, its not practical for all the packages to share the same typescript configuration. this means that if you want to import between them, they need to be built into javascript with definitions exported. Now we could have two totally separate builds, one for deploying and one for being available to the other packages, but there is already a little incentive here to try to align the way the code is processed to reduce variables and dependencies.
-
-The other problem is that our [config system](../packages/utils/src/config.ts) has a flag to indicate if a configuration needs to be provided at build time. To find these configs the build `require`s the code (which is all inert unless you actually invoke the handler) and receives the keys associated with any calls to `envConfig` that don't indicate the `runtime` build option. The build script then dynamically provides these values to webpack's [define plugin](https://webpack.js.org/plugins/define-plugin/). Getting at the real problem, its _super annoying_ to actually invoke typescript directly. it can be done using tools like [ts-node](https://www.npmjs.com/package/ts-node) or [@babel/register](https://babeljs.io/docs/en/babel-register/), but these (especially babel) involve a lot of extra tooling and dependencies, and there is the added discomfort of introducing another runtime that might have its own issues. So the approach that we go with for this is to use TSC to transpile to js, invoke that to get the required env configs, and then bundle the JS that we just invoked. This way we're always sure we're using the same runtime and logic when executing the code, and we're using the same toolkit we already have in the project.

package/packages/frontend/README.md

@@ -1,46 +0,0 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).

package/packages/frontend/package.json

@@ -1,101 +0,0 @@
-{
-  "name": "@project/frontend",
-  "version": "0.1.0",
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "dependencies": {
-    "@openstax/ts-utils": "1.33.0",
-    "@openstax/ui-components": "https://github.com/openstax/ui-components#1.18.3",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^24.2.0",
-    "@types/react": "^17.0.20",
-    "@types/react-dom": "^17.0.9",
-    "@types/styled-components": "^5.1.25",
-    "crypto": "npm:crypto-browserify@^3.12.0",
-    "history": "^5.3.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "5.0.0",
-    "stream": "npm:stream-browserify@^3.0.0",
-    "styled-components": "^5.3.5",
-    "typescript": "5.9.2",
-    "web-vitals": "^2.1.0"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
-    "@project/lambdas": "1.0.0",
-    "cspell": "^5.18.5",
-    "http-proxy-middleware": "0.19.0",
-    "npm-run-all": "^4.1.5",
-    "val-loader": "^4.0.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "ignorePatterns": [
-      "node_modules",
-      "build",
-      "coverage"
-    ],
-    "rules": {
-      "semi": "off",
-      "@typescript-eslint/semi": [
-        "warn"
-      ],
-      "@typescript-eslint/member-delimiter-style": [
-        "warn"
-      ],
-      "max-len": [
-        "warn",
-        {
-          "code": 120,
-          "tabWidth": 4
-        }
-      ]
-    }
-  },
-  "jest": {
-    "coverageReporters": [
-      "text-summary",
-      "html",
-      "lcovonly"
-    ],
-    "collectCoverageFrom": [
-      "src/*/**/*.{js,ts,tsx}"
-    ],
-    "moduleNameMapper": {
-      "//comment//": "remove this when CRA upgrades jest above 28",
-      "(.*)@openstax/ts-utils(.*)": "$1@openstax/ts-utils/dist/cjs$2"
-    }
-  },
-  "private": true,
-  "scripts": {
-    "build": "react-scripts build",
-    "build:clean": "yarn clean && yarn build",
-    "ci": "CI=true npm-run-all ci:*",
-    "ci:lint": "eslint --max-warnings=0 .",
-    "ci:spelling": "git ls-files | yarn cspell -c ../../cspell.json --file-list stdin",
-    "ci:test": "CI=true yarn test . --coverage",
-    "ci:typecheck": "tsc --noEmit",
-    "clean": "rm -rf build",
-    "coverage-report": "open coverage/index.html",
-    "eject": "react-scripts eject",
-    "start": "./script/start.bash",
-    "test": "react-scripts test"
-  }
-}

package/packages/frontend/public/index.html

@@ -1,107 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- spell-checker: ignore TFCS -->
-    <meta charset="utf-8" />
-    <title>OpenStax</title>
-    <meta name="robots" content="noindex" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="OpenStax"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("consent", "default", {
-        ad_storage: "denied",
-        ad_user_data: "denied",
-        ad_personalization: "denied",
-        analytics_storage: "denied",
-        functionality_storage: "denied",
-        personalization_storage: "denied",
-        security_storage: "granted",
-        wait_for_update: 2000,
-      });
-      gtag("set", "ads_data_redaction", true);
-      gtag("set", "url_passthrough", false);
-
-      dataLayer.push({
-        'os.release_id':'%REACT_APP_CODE_VERSION%',
-        'os.app':'%REACT_APP_NAME%',
-        'os.user':window._OX_USER_DATA,
-      });
-
-      document.addEventListener('cookieyes_banner_load', (eventData) => {
-        const consentPreferences = window._OX_USER_DATA?.consentPreferences;
-        if (consentPreferences) {
-          // Accounts remembers some state
-          // We always defer to Accounts in this case
-
-          // Only call the CookieYes API if it doesn't match what's in Accounts
-          let doUpdate = !eventData.detail.isUserActionCompleted;
-
-          consentPreferences.accepted?.forEach((accepted) => {
-            // There is no "necessary" switch
-            if (accepted !== 'necessary') {
-              const switchElem = document.getElementById(`ckySwitch${accepted}`);
-              if (switchElem) {
-                switchElem.checked = true;
-                if (!eventData.detail.categories[accepted]) { doUpdate = true; }
-              }
-            }
-          });
-          consentPreferences.rejected?.forEach((rejected) => {
-            const switchElem = document.getElementById(`ckySwitch${rejected}`);
-            if (switchElem) {
-              switchElem.checked = false;
-              if (eventData.detail.categories[rejected]) { doUpdate = true; }
-            }
-          });
-          if (doUpdate) { performBannerAction('accept_partial'); }
-        }
-      });
-    </script>
-
-    <!-- Google Tag Manager -->
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-W6N7PB');</script>
-    <!-- End Google Tag Manager -->
-    <!-- Start cookieyes banner -->
-    <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/7c03144a7ef8b7f646f1ce01/script.js"></script>
-    <!-- End cookieyes banner -->
-    <!-- Any new scripts must be placed after this point -->
-  </head>
-  <body>
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFCS56G"
-    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <main id="root"></main>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add web-fonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/packages/frontend/public/maintenance.html

@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- spell-checker: ignore TFCS -->
-    <meta charset="utf-8" />
-    <title>OpenStax</title>
-    <meta name="robots" content="noindex" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="OpenStax"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      window.dataLayer.push({
-        'os.release_id':'%REACT_APP_CODE_VERSION%',
-        'os.app':'%REACT_APP_NAME%',
-        'os.user':window._OX_USER_DATA,
-      });
-    </script>
-
-    <style>
-      html {
-        font-family: Helvetica, Arial, sans-serif;
-        font-size: 62.5%;
-        text-size-adjust: 100%;
-      }
-      body {
-        padding: 3rem;
-        font-size: 1.6rem;
-        -webkit-font-smoothing: antialiased;
-      }
-
-      h3 {
-        font-weight: 400;
-        font-size: 2.2rem;
-        margin-top: 0;
-      }
-    </style>
-
-    <!-- Google Tag Manager -->
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-W6N7PB');</script>
-    <!-- End Google Tag Manager -->
-  </head>
-  <body></body>
-</html>

package/packages/frontend/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "OpenStax",
-  "name": "OpenStax",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/packages/frontend/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: /

package/packages/frontend/script/make-certificate.bash

@@ -1,49 +0,0 @@
-#!/usr/bin/env bash
-# spell-checker: ignore pipefail newkey outform keyout extfile
-set -euo pipefail; if [ -n "${DEBUG-}" ]; then set -x; fi
-
-project_dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )/.." >/dev/null 2>&1 && pwd )"
-shared_certificate_dir=~/.openstax/certs
-
-mkdir -p "$project_dir/data"
-mkdir -p "$shared_certificate_dir"
-cd "$project_dir/data"
-
-host=${HOST:-localhost}
-
-# links about this logic
-#  - https://stackoverflow.com/questions/43929436/subject-alternative-name-missing-err-ssl-version-or-cipher-mismatch
-#  - https://stackoverflow.com/questions/64597721/neterr-cert-validity-too-long-the-server-certificate-has-a-validity-period-t
-#  - https://devopscube.com/create-self-signed-certificates-openssl/
-
-if [ ! -f "$shared_certificate_dir/CA.cer" ] || [ ! -f "$shared_certificate_dir/CA.pvk" ]; then
-  echo "creating self signed authority"
-  cat << EOF > "$shared_certificate_dir/cert.cfn"
-[ req ]
-distinguished_name = req_distinguished_name
-x509_extensions = root_ca
-
-[ req_distinguished_name ]
-commonName = openstax.local
-
-[ root_ca ]
-basicConstraints = critical, CA:true
-EOF
-  openssl req -x509 -sha256 -days 356 -nodes -newkey rsa:2048 -config "$shared_certificate_dir/cert.cfn" -subj "/CN=Openstax.local" \
-    -keyout "$shared_certificate_dir/CA.pvk" \
-    -out "$shared_certificate_dir/CA.cer" 
-fi
-
-if [ ! -f "$host.pvk" ] || [ ! -f "$host.cer" ]; then
-  cat << EOF > "$project_dir/data/$host.ext"
-subjectAltName = @alt_names
-extendedKeyUsage = serverAuth
-
-[alt_names]
-DNS.1 = $host
-EOF
-  openssl req -newkey rsa:2048 -keyout "$host.pvk" -out "$host.req" -subj /CN="$host" -sha256 -nodes
-  openssl x509 -req \
-    -CA "$shared_certificate_dir/CA.cer" -CAkey "$shared_certificate_dir/CA.pvk" \
-    -in "$host.req" -out "$host.cer" -days 397 -extfile "$host.ext" -sha256
-fi

package/packages/frontend/script/server/cli.js

@@ -1,11 +0,0 @@
-// tslint:disable:no-console
-const { argv } = require('yargs');
-const { startServer } = require('.');
-
-startServer(argv)
-  .then(({port}) => console.log(`WEBSERVER: running on port: ${port}`))
-  .catch((e) => {
-    console.error(e.message);
-    process.exit(1);
-  })
-;

package/packages/frontend/script/server/index.js

@@ -1,47 +0,0 @@
-const express = require('express');
-const http = require('http');
-const path = require('path');
-const serveStatic = require('serve-static');
-const setupProxy = require('../../src/setupProxy');
-
-const makeFallback = (serve) => (req, res, next) => {
-  req.url = '/index.html';
-  serve(req, res, next);
-};
-
-const makeServe = (baseDir) => {
-  return serveStatic(baseDir, {redirect: false});
-};
-
-const makeOptions = (options) => ({
-  port: process.env.PORT,
-  ...options,
-  baseDir: path.join(__dirname, '../../build'),
-  onlyProxy: !!options.onlyProxy,
-});
-
-const makeMiddleware = (options) => {
-  const app = express();
-
-  setupProxy(app);
-
-  if (!options.onlyProxy) {
-    const serve = makeServe(options.baseDir);
-    app.use(serve);
-    app.use(makeFallback(serve));
-  }
-
-  return app;
-};
-
-const startServer = (options) => new Promise((resolve) => {
-  const serverConfig = makeOptions(options);
-  const app = makeMiddleware(serverConfig);
-  const server = http.createServer(app);
-
-  server.listen(serverConfig.port, () => resolve({server, port: serverConfig.port}));
-});
-
-module.exports = {
-  startServer
-};

package/packages/frontend/script/start.bash

@@ -1,22 +0,0 @@
-#!/usr/bin/env bash
-# spell-checker: ignore pipefail
-set -euo pipefail; if [ -n "${DEBUG-}" ]; then set -x; fi
-
-project_dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )/.." >/dev/null 2>&1 && pwd )"
-shared_certificate_dir=~/.openstax/certs
-
-mkdir -p "$project_dir/data"
-
-./script/make-certificate.bash
-
-cd "$project_dir"
-
-# nodejs does not use system certs by default
-# - https://github.com/nodejs/node/issues/39657
-export NODE_EXTRA_CA_CERTS="$shared_certificate_dir/CA.cer"
-export SSL_CRT_FILE="$project_dir/data/${HOST:-localhost}.cer"
-export SSL_KEY_FILE="$project_dir/data/${HOST:-localhost}.pvk";
-export HTTPS=true
-export BROWSER=none
-
-yarn react-scripts start

package/packages/frontend/script/trust-localhost.bash

@@ -1,7 +0,0 @@
-#!/usr/bin/env bash
-# spell-checker: ignore pipefail Keychains keychain
-set -euo pipefail; if [ -n "${DEBUG-}" ]; then set -x; fi
-
-shared_certificate_dir=~/.openstax/certs
-
-sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain "$shared_certificate_dir"/CA.cer

package/packages/frontend/src/auth/authProvider.ts

@@ -1,10 +0,0 @@
-import { browserAuthProvider } from '@openstax/ts-utils/services/authProvider/browser';
-import { FrontendConfigProvider } from '../configProvider';
-
-export const createAuthProvider = (
-  ...args: Parameters<typeof browserAuthProvider>
-) => (configProvider: FrontendConfigProvider) => browserAuthProvider(...args)({
-  auth: {
-    accountsBase: () => configProvider.getValue('accountsBase'),
-  }
-});

package/packages/frontend/src/auth/useAuth.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { User } from "@openstax/ts-utils/services/authProvider";
-import { useServices } from "../core/context/services";
-import { useSetAppError } from '@openstax/ui-components';
-import { FetchState, fetchSuccess, fetchLoading } from "@openstax/ts-utils/fetch";
-import { useFrontendConfigValue } from '../configProvider/use';
-
-export const useAuth = () => {
-  const authProvider = useServices().authProvider;
-  const setAppError = useSetAppError();
-  const [state, setUser] = React.useState<FetchState<User | undefined, string>>(fetchLoading());
-
-  React.useEffect(() => {
-    authProvider.getUser()
-      .then(user => setUser(fetchSuccess(user)))
-      .catch(setAppError);
-  }, [authProvider, setAppError]);
-
-  return state;
-};
-
-export const useUserRoles = () => {
-  const roleValidator = useServices().roleValidator;
-  const [state, setRoles] = React.useState<FetchState<string[], string>>(fetchLoading());
-
-  React.useEffect(() => {
-    roleValidator.getUserRoles().then(roles => setRoles(fetchSuccess(roles)));
-  }, [roleValidator]);
-
-  return state;
-};
-
-export const useAccountsBase = () => useFrontendConfigValue('accountsBase');