import

Author: stephenliang

.gitignore

@@ -1,3 +1,108 @@
-.idea
-.vscode
-.env
+# Documentation at https://git-scm.com/docs/gitignore.
+
+#
+# Misc Ignores
+#
+
+\#*#
+*.pid
+*.pid.oldbin
+*_temp.json
+*~
+**/.bundle
+**/.vscode
+dashboard/brakeman_security_report.htm
+.DS_Store
+.dropbox
+.tmputils
+.rakeTasks
+.tscache/
+.idea/
+.irb_history
+jsconfig.json
+npm-debug.log
+/.dropbox.cache
+/.gdrive_session
+/build-started
+/coverage
+/crontab
+/globals.yml
+/levelbuilder_ci_last_run
+/locals.yml
+/log
+/rebuild
+/rebuild-apps
+/rebuild-shared
+/rebuild-code-studio
+
+#
+# JS Ignores
+#
+
+/apps/.babel-cache
+/apps/build
+/apps/build-times.log
+/apps/build-times-to-upload.log
+/apps/coverage
+/apps/log
+/apps/node_modules/
+/bin/i18n/node_modules/
+/apps/npm-debug.log
+/apps/src/generated/*
+!/apps/src/generated/README.md
+/apps/src/util/color.js
+/apps/src/styleConstants.js
+/apps/src/fontConstants.js
+/apps/storybook-deploy
+/apps/generated-scripts/
+/apps/yarn-error.log
+
+# Yarn ignores based on documentation at https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
+/apps/.pnp.*
+/apps/.yarn/*
+!/apps/.yarn/patches
+!/apps/.yarn/plugins
+!/apps/.yarn/releases
+!/apps/.yarn/sdks
+!/apps/.yarn/versions
+
+#
+# Other Subdirectory-Specific Ignores
+#
+
+/aws/.code-studio-built
+/aws/.code-studio-commit-built
+/aws/.shared-built
+/aws/.shared-commit-built
+/aws/offsite/lambda/*/node_modules/
+/aws/offsite/lambda/*.zip
+/bin/cron/.dts
+/bin/cron/log
+/bin/i18n/*_credentials.yml
+/bin/i18n/crowdin/etags/*testing_etags.json
+/bin/i18n/crowdin/etags/*test_etags.json
+/bin/i18n/crowdin/etags/**/*testing.json
+/bin/i18n/crowdin/etags/**/*test.json
+/bin/test/coverage
+/dashboard/config/newrelic.yml
+/dashboard/db/ui_test_data.*
+/dashboard/public/blockly
+/dashboard/public/code-studio
+/dashboard/public/shared
+/dashboard/public/styleguide
+/pegasus/config/newrelic.yml
+/pegasus/.sass-cache
+/pegasus/sites.v3/*/public/css/generated
+/tools/scripts/brokenLinkChecker/node_modules/
+/i18n/crowdin/*
+/i18n/locales/*/codeorg-markdown/
+/i18n/locales/*/curriculum_content/
+/i18n/locales/*/piskel/
+/i18n/locales/*/standards/
+/i18n/locales/*/docs/
+
+# python venv:
+.venv
+.pdm-python
+
+skaffold-build-tags.json

frontend/.nvmrc

@@ -1,5 +1,6 @@
-import {join, dirname, resolve} from 'node:path';
 import {StorybookConfig} from '@storybook/react-webpack5';
+import {join, dirname, resolve} from 'node:path';
+import {IgnorePlugin} from 'webpack';
 
 /**
  * This function is used to resolve the absolute path of a package.
@@ -72,6 +73,7 @@ const config: StorybookConfig = {
     name: getAbsolutePath('@storybook/react-webpack5'),
     options: {},
   },
+  staticDirs: ['../public'],
   swc: () => ({
     // Removes the need to import React by specifying we are targeting React 17+ using the React jsx transform
     // See: https://storybook.js.org/docs/8.5/configure/integration/compilers#the-swc-compiler-doesnt-work-with-react
@@ -88,9 +90,21 @@ const config: StorybookConfig = {
       config.resolve.alias = {
         ...config.resolve.alias,
         '@': resolve(__dirname, '../../../packages/component-library/src'),
+        '@public': resolve(__dirname, '../public'),
       };
     }
 
+    if (config.plugins) {
+      // Ignore the auto generated index.css which is bundled by tsup
+      // webpack generates its own css in the styling plugin above
+      config.plugins.push(
+        new IgnorePlugin({
+          resourceRegExp: /^\.\/index.css$/,
+          contextRegExp: /component-library\/src/,
+        }),
+      );
+    }
+
     return config;
   },
   typescript: {

frontend/apps/design-system-storybook/.storybook/main.ts

@@ -1,4 +1,5 @@
 import {default as RtlPreview} from 'storybook-addon-rtl/preview';
+
 import {loadFonts} from '@code-dot-org/fonts';
 
 import '@code-dot-org/fonts/index.css';

frontend/apps/design-system-storybook/.storybook/preview.js

@@ -1,6 +1,5 @@
 import type {TestRunnerConfig} from '@storybook/test-runner';
 import {getStoryContext} from '@storybook/test-runner';
-
 import {injectAxe, checkA11y} from 'axe-playwright';
 
 /*

frontend/apps/design-system-storybook/.storybook/styles/fonts

@@ -11,6 +11,7 @@ module.exports = {
   showLogs: !!process.env.APPLITOOLS_SHOW_LOGS,
   appName: 'Code.org Design System',
   batchName: 'Component Library',
+  dontCloseBatches: true,
   browser: [
     {width: 1200, height: 800, name: 'chrome'},
     {width: 1200, height: 800, name: 'firefox'},

frontend/apps/design-system-storybook/.storybook/test-runner.ts

@@ -3,7 +3,8 @@
   "include": [".storybook/**/*"],
   "compilerOptions": {
     "paths": {
-      "@/*": ["../../packages/component-library/src/*"]
+      "@/*": ["../../packages/component-library/src/*"],
+      "@public/*": ["./public/*"]
     }
   }
 }

frontend/apps/design-system-storybook/applitools.config.cjs

@@ -59,8 +59,9 @@ WORKDIR /app
 # First install the dependencies (as they change less often)
 COPY --link --from=source-code /app/out/json/ .
 RUN yarn install
- 
+
 # Build the project
+COPY --link --from=source-code /app/.turbo .turbo
 COPY --link --from=source-code /app/out/full/ .
 RUN yarn turbo run build
 
@@ -76,15 +77,15 @@ RUN yarn turbo run build
 
 FROM base AS runner
 WORKDIR /app
- 
+
 # Don't run production as root
 RUN addgroup --system --gid 1001 nodejs
 RUN adduser --system --uid 1001 nextjs
 USER nextjs
- 
+
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
 COPY --link --from=builder --chown=nextjs:nodejs /app/apps/marketing/.next/standalone ./
 COPY --link --from=builder --chown=nextjs:nodejs /app/apps/marketing/.next/static ./apps/marketing/.next/static
- 
+
 CMD ["node", "apps/marketing/server.js"]

frontend/apps/design-system-storybook/tsconfig.json

@@ -1,7 +1,8 @@
-import cdoReactConfig from '@code-dot-org/lint-config/eslint/react.mjs';
-import cdoJestConfig from '@code-dot-org/lint-config/eslint/jest.mjs';
 import nextPlugin from '@next/eslint-plugin-next';
 
+import cdoJestConfig from '@code-dot-org/lint-config/eslint/jest.mjs';
+import cdoReactConfig from '@code-dot-org/lint-config/eslint/react.mjs';
+
 /** @type {import('eslint').Linter.Config[]} */
 export default [
   {