WIP

Author: mydea

.github/workflows/build.yml

@@ -1000,6 +1000,8 @@ jobs:
             'create-remix-app-v2',
             'create-remix-app-express-vite-dev',
             'debug-id-sourcemaps',
+            'ember-classic',
+            'ember-embroider',
             # 'esm-loader-node-express-app', # This is currently broken for upstream reasons. See https://github.com/getsentry/sentry-javascript/pull/11338#issuecomment-2025450675
             'nextjs-app-dir',
             'nextjs-14',

.github/workflows/canary.yml

@@ -89,6 +89,12 @@ jobs:
           - test-application: 'standard-frontend-react'
             build-command: 'test:build-canary'
             label: 'standard-frontend-react (canary)'
+          - test-application: 'ember-classic'
+            build-command: 'test:build-latest'
+            label: 'ember-classic (latest)'
+          - test-application: 'ember-embroider'
+            build-command: 'test:build-latest'
+            label: 'ember-embroider (latest)'
 
     steps:
       - name: Check out current commit
@@ -145,44 +151,3 @@ jobs:
         with:
           filename: .github/CANARY_FAILURE_TEMPLATE.md
           update_existing: true
-
-  job_ember_canary_test:
-    name: Ember Canary Tests
-    runs-on: ubuntu-20.04
-    timeout-minutes: 30
-    strategy:
-      fail-fast: false
-      matrix:
-        scenario: [ember-release, embroider-optimized, ember-4.0]
-    steps:
-      - name: 'Check out current commit'
-        uses: actions/checkout@v4
-        with:
-          ref: ${{ env.HEAD_COMMIT }}
-      - name: Set up Node
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: 'package.json'
-      - name: Install dependencies
-        run: yarn install --ignore-engines --frozen-lockfile
-
-      - name: Build dependencies
-        run: |
-          yarn lerna run build:types --scope=@sentry/ember --include-dependencies
-          yarn lerna run build:transpile --scope=@sentry/ember --include-dependencies
-
-      - name: Run Ember tests
-        run: |
-          cd packages/ember
-          yarn ember try:one ${{ matrix.scenario }} --skip-cleanup=true
-
-      - name: Create Issue
-        if: failure() && github.event_name == 'schedule'
-        uses: JasonEtco/create-an-issue@1b14a70e4d8dc185e5cc76d3bec9eab20257b2c5
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          RUN_LINK: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
-          TITLE: Ember Canary ${{ matrix.scenario }} Test Failed
-        with:
-          filename: .github/CANARY_FAILURE_TEMPLATE.md
-          update_existing: true

dev-packages/e2e-tests/test-applications/ember-classic/.editorconfig

@@ -0,0 +1,19 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.hbs]
+insert_final_newline = false
+
+[*.{diff,md}]
+trim_trailing_whitespace = false

dev-packages/e2e-tests/test-applications/ember-classic/.ember-cli

@@ -0,0 +1,15 @@
+{
+  /**
+    Ember CLI sends analytics information by default. The data is completely
+    anonymous, but there are times when you might want to disable this behavior.
+
+    Setting `disableAnalytics` to true will prevent any data from being sent.
+  */
+  "disableAnalytics": false,
+
+  /**
+  Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
+  rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
+  */
+  "isTypeScriptProject": false
+}

dev-packages/e2e-tests/test-applications/ember-classic/.gitignore

@@ -0,0 +1,32 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/.env*
+/.pnp*
+/.sass-cache
+/.eslintcache
+/connect.lock
+/coverage/
+/libpeerconnection.log
+/npm-debug.log*
+/testem.log
+/yarn-error.log
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
+/package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try
+
+# broccoli-debug
+/DEBUG/

dev-packages/e2e-tests/test-applications/ember-classic/.npmrc

@@ -0,0 +1,2 @@
+@sentry:registry=http://127.0.0.1:4873
+@sentry-internal:registry=http://127.0.0.1:4873

dev-packages/e2e-tests/test-applications/ember-classic/.watchmanconfig

@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": ["tmp", "dist"]
+}

dev-packages/e2e-tests/test-applications/ember-classic/README.md

@@ -0,0 +1,56 @@
+# ember-classic
+
+This README outlines the details of collaborating on this Ember application.
+A short introduction of this app could easily go here.
+
+## Prerequisites
+
+You will need the following things properly installed on your computer.
+
+* [Git](https://git-scm.com/)
+* [Node.js](https://nodejs.org/) (with npm)
+* [Ember CLI](https://cli.emberjs.com/release/)
+* [Google Chrome](https://google.com/chrome/)
+
+## Installation
+
+* `git clone <repository-url>` this repository
+* `cd ember-classic`
+* `npm install`
+
+## Running / Development
+
+* `ember serve`
+* Visit your app at [http://localhost:4200](http://localhost:4200).
+* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
+
+### Code Generators
+
+Make use of the many generators for code, try `ember help generate` for more details
+
+### Running Tests
+
+* `ember test`
+* `ember test --server`
+
+### Linting
+
+* `npm run lint`
+* `npm run lint:fix`
+
+### Building
+
+* `ember build` (development)
+* `ember build --environment production` (production)
+
+### Deploying
+
+Specify what it takes to deploy your app.
+
+## Further Reading / Useful Links
+
+* [ember.js](https://emberjs.com/)
+* [ember-cli](https://cli.emberjs.com/release/)
+* Development Browser Extensions
+  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
+  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)

dev-packages/e2e-tests/test-applications/ember-classic/app/app.ts

@@ -0,0 +1,20 @@
+import Application from '@ember/application';
+import * as Sentry from '@sentry/ember';
+import loadInitializers from 'ember-load-initializers';
+import Resolver from 'ember-resolver';
+
+import config from './config/environment';
+
+Sentry.init({
+  replaysSessionSampleRate: 1,
+  replaysOnErrorSampleRate: 1,
+  tunnel: `http://localhost:3031/`, // proxy server
+});
+
+export default class App extends Application {
+  public modulePrefix = config.modulePrefix;
+  public podModulePrefix = config.podModulePrefix;
+  public Resolver = Resolver;
+}
+
+loadInitializers(App, config.modulePrefix);

dev-packages/e2e-tests/test-applications/ember-classic/app/components/link.hbs

@@ -0,0 +1,3 @@
+<a href={{this.href}} class={{if this.isActive 'active'}} {{on 'click' this.onClick}}>
+  {{yield}}
+</a>

dev-packages/e2e-tests/test-applications/ember-classic/app/components/link.ts

@@ -0,0 +1,33 @@
+import { action } from '@ember/object';
+import type RouterService from '@ember/routing/router-service';
+import { inject as service } from '@ember/service';
+import Component from '@glimmer/component';
+
+interface Args {
+  route: string;
+}
+
+/*
+ Note: We use this custom component instead of the built-in `<LinkTo>`,
+ as that is an ember component in older versions, and a glimmer component in newer versions.
+
+ Since glimmer components are, as of now, not instrumented, this leads to different test results.
+*/
+export default class LinkComponent extends Component<Args> {
+  @service public declare router: RouterService;
+
+  public get href(): string {
+    return this.router.urlFor(this.args.route);
+  }
+
+  public get isActive(): boolean {
+    return this.router.currentRouteName === this.args.route;
+  }
+
+  @action
+  public onClick(event: MouseEvent): void {
+    event.preventDefault();
+
+    void this.router.transitionTo(this.args.route);
+  }
+}

dev-packages/e2e-tests/test-applications/ember-classic/app/components/slow-loading-gc-list.ts

@@ -0,0 +1,4 @@
+/* eslint-disable ember/no-empty-glimmer-component-classes */
+import Component from '@glimmer/component';
+
+export default class SlowLoadingGCList extends Component {}

dev-packages/e2e-tests/test-applications/ember-classic/app/components/slow-loading-list.ts

@@ -0,0 +1,25 @@
+/* eslint-disable ember/no-classic-classes */
+/* eslint-disable ember/no-classic-components */
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+interface Args {
+  title?: string;
+  items: number;
+}
+
+export default Component.extend({
+  tagName: '',
+
+  _title: computed('title', function () {
+    return (this as Args).title || 'Slow Loading List';
+  }),
+
+  rowItems: computed('items', function () {
+    return new Array((this as Args).items).fill(0).map((_, index) => {
+      return {
+        index: index + 1,
+      };
+    });
+  }),
+});

dev-packages/e2e-tests/test-applications/ember-classic/app/components/test-section.ts

@@ -0,0 +1,6 @@
+/* eslint-disable ember/no-classic-classes */
+/* eslint-disable ember/no-classic-components */
+/* eslint-disable ember/require-tagless-components */
+import Component from '@ember/component';
+
+export default Component.extend({});

dev-packages/e2e-tests/test-applications/ember-classic/app/config/environment.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Type declarations for
+ *    import config from './config/environment'
+ *
+ * For now these need to be managed by the developer
+ * since different ember addons can materialize new entries.
+ */
+declare const config: {
+  environment: string;
+  modulePrefix: string;
+  podModulePrefix: string;
+  locationType: 'history' | 'hash' | 'none' | 'auto';
+  rootURL: string;
+  APP: Record<string, unknown>;
+};
+
+export default config;

dev-packages/e2e-tests/test-applications/ember-classic/app/controllers/index.ts

@@ -0,0 +1,64 @@
+import Controller from '@ember/controller';
+import EmberError from '@ember/error';
+import { action } from '@ember/object';
+import { scheduleOnce } from '@ember/runloop';
+import { tracked } from '@glimmer/tracking';
+import { Promise } from 'rsvp';
+
+export default class IndexController extends Controller {
+  @tracked public showComponents = false;
+
+  @action
+  public createError(): void {
+    // @ts-expect-error this is fine
+    this.nonExistentFunction();
+  }
+
+  @action
+  public createEmberError(): void {
+    throw new EmberError('Whoops, looks like you have an EmberError');
+  }
+
+  @action
+  public createCaughtEmberError(): void {
+    try {
+      throw new EmberError('Looks like you have a caught EmberError');
+    } catch (e) {
+      // do nothing
+    }
+  }
+
+  @action
+  public createFetchError(): void {
+    void fetch('http://doesntexist.example');
+  }
+
+  @action
+  public createAfterRenderError(): void {
+    function throwAfterRender(): void {
+      throw new Error('After Render Error');
+    }
+    scheduleOnce('afterRender', null, throwAfterRender);
+  }
+
+  @action
+  public createRSVPRejection(): Promise<void> {
+    const promise = new Promise<void>((resolve, reject) => {
+      reject('Promise rejected');
+    });
+    return promise;
+  }
+
+  @action
+  public createRSVPError(): Promise<void> {
+    const promise = new Promise<void>(() => {
+      throw new Error('Error within RSVP Promise');
+    });
+    return promise;
+  }
+
+  @action
+  public toggleShowComponents(): void {
+    this.showComponents = !this.showComponents;
+  }
+}

dev-packages/e2e-tests/test-applications/ember-classic/app/controllers/slow-loading-route.ts

@@ -0,0 +1,13 @@
+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import type RouterService from '@ember/routing/router-service';
+import { inject as service } from '@ember/service';
+
+export default class SlowLoadingRouteController extends Controller {
+  @service public declare router: RouterService;
+
+  @action
+  public back(): void {
+    void this.router.transitionTo('tracing');
+  }
+}

dev-packages/e2e-tests/test-applications/ember-classic/app/controllers/slow-loading-route/index.ts

@@ -0,0 +1,5 @@
+import Controller from '@ember/controller';
+
+export default class SlowLoadingRouteController extends Controller {
+  public slowLoadingTemplateOnlyItems = new Array(2000).fill(0).map((_, index) => index);
+}