Merge of tech-stack aligned version back to main

.eslintrc.cjs

@@ -1,51 +1,45 @@
-/**
- * (c) 2023, Center for Computational Thinking and Design at Aarhus University and contributors
- *
- * SPDX-License-Identifier: MIT
- */
 module.exports = {
   root: true,
-  parser: '@typescript-eslint/parser',
+  env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:@typescript-eslint/recommended-requiring-type-checking',
-    'plugin:svelte/recommended',
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:react-hooks/recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
   ],
+  ignorePatterns: [
+    "dist",
+    ".eslintrc.cjs",
+    "deployment.cjs",
+    "bin/**/*.js",
+    "bootstrap-template.js",
+    "playwright.config.ts",
+    "CMakeFiles",
+  ],
+  parser: "@typescript-eslint/parser",
   parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: ["./tsconfig.json", "./tsconfig.node.json"],
     tsconfigRootDir: __dirname,
-    project: ['./tsconfig.json'],
-    extraFileExtensions: ['.svelte'],
+  },
+  plugins: ["react-refresh"],
+  settings: {
+    react: {
+      version: "18",
+    },
   },
   rules: {
-    "@typescript-eslint/no-unused-vars": [
-        warn,
-        {
-            argsIgnorePattern: "^_"
-        }
+    // More trouble than it's worth
+    "react/no-unescaped-entities": "off",
+    // False positives from library imports from Chakra UI
+    "@typescript-eslint/unbound-method": "off",
+    "@typescript-eslint/no-misused-promises": [
+      "error",
+      {
+        checksVoidReturn: false,
+      },
     ],
   },
-  env: {
-    browser: true,
-    es6: true,
-    node: true,
-  },
-  overrides: [
-    {
-      files: ['*.svelte'],
-      parser: 'svelte-eslint-parser',
-      parserOptions: {
-        parser: '@typescript-eslint/parser',
-      },
-    },
-  ],
-  plugins: ['@typescript-eslint'],
-  ignorePatterns: [
-    'node_modules',
-    'svelte.config.js',
-    '.eslintrc.cjs',
-    'babel.config.cjs',
-  ],
 };

.github/workflows/build.yml

@@ -5,7 +5,7 @@ on:
     types: [created]
   push:
     branches:
-      - '**'
+      - "**"
 
 concurrency:
   group: ${{ github.workflow }}-${{ startsWith(github.ref, 'refs/tags/v') && 'release' || github.ref }}
@@ -30,19 +30,30 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 20
-          cache: 'npm'
-          registry-url: 'https://npm.pkg.github.com'
+          cache: "npm"
+          registry-url: "https://npm.pkg.github.com"
+      - uses: microbit-foundation/npm-package-versioner-action@v1
       - run: npm ci
-      - run: npm install --no-save @microbit-foundation/website-deploy-aws@0.6 @microbit-foundation/website-deploy-aws-config@0.9 @microbit-foundation/npm-package-versioner@2
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - run: npm install --no-save @microbit-foundation/ml-trainer-microbit@0.2.0-dev.9 @microbit-foundation/website-deploy-aws@0.6 @microbit-foundation/website-deploy-aws-config@0.9
         if: github.repository_owner == 'microbit-foundation'
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      - run: npx update-ci-version
       - run: node ./bin/print-ci-env.cjs >> $GITHUB_ENV
-      - run: npm run test
-      - run: npm run check
-      - run: npx prettier --check src
-      - run: npm run build
+      - run: npm run ci
+      - name: Run Playwright tests
+        if: env.STAGE == 'REVIEW' || env.STAGE == 'STAGING'
+        uses: docker://mcr.microsoft.com/playwright:v1.45.0-jammy
+        with:
+          args: npx playwright test
+      - name: Store reports
+        if: (env.STAGE == 'REVIEW' || env.STAGE == 'STAGING') && failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 3
       - run: npx website-deploy-aws
         if: github.repository_owner == 'microbit-foundation' && (env.STAGE == 'REVIEW' || success())
         env:

.github/workflows/pr-url.yml

@@ -1,4 +1,4 @@
-name: 'pr-url'
+name: "pr-url"
 on:
   pull_request:
     types: [opened]
@@ -8,5 +8,5 @@ jobs:
     steps:
       - uses: microbit-foundation/action-pr-url-template@v0.1.2
         with:
-          uri-template: 'https://review-ml.microbit.org/{branch}'
+          uri-template: "https://review-createai.microbit.org/{branch}/"
           repo-token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -17,3 +17,5 @@
 .env.*
 
 /src/.DS_Store
+/playwright-report/
+/test-results/

.npmrc

@@ -0,0 +1 @@
+@microbit-foundation:registry=https://npm.pkg.github.com/microbit-foundation

.prettierignore

@@ -1 +1,2 @@
-src/translations.ts
+src/translations.ts
+src/messages/

.prettierrc

@@ -0,0 +1 @@
+{}

.prettierrc.cjs

@@ -7,12 +7,8 @@ module.exports = {
   arrowParens: 'avoid',
   singleQuote: true,
   printWidth: 90,
-  plugins: ['prettier-plugin-svelte'],
+  plugins: [],
   semi: true,
-  svelteSortOrder: 'options-styles-scripts-markup',
-  svelteStrictMode: false,
   bracketSameLine: true,
-  svelteAllowShorthand: true,
-  svelteIndentScriptAndStyle: true,
   trailingComma: 'all',
 };

CONTRIBUTING.md

@@ -1,67 +1,13 @@
-# Contributing
+Thanks for looking here! We'd love your help. The micro:bit project is only
+possible through contributions of companies and individuals around the world.
 
-When contributing to this repository, please first discuss the change you wish to make via issue or any other method
-with the maintainers of this repository before making a change.
+This project is managed on GitHub, and the best way to contribute is to jump in
+and fix/file issues.
 
-Please note we have a code of conduct, please follow it in all your interactions with the project.
+https://github.com/microbit-foundation/ml-trainer
 
-## Pull Request Process
+Significant features are best discussed first to make sure everyone is agreed
+on the best direction.
 
-1. Ensure any install or build dependencies are removed and the tests using `npm run test` are running successfully.
-2. Update the README.md with details of changes to the interface, this includes new environment
-   variables and useful file locations, if applicable.
-3. Increase the version numbers in any examples files and the README.md to the new version that this
-   Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
-4. Create a pull request describing the changes you have made, as briefly as possible. Maintainers may require further
-   detail or request changes. Avoid changing lines of code, that are unrelated to the change to avoid unnecessary code
-   ownership changes, such as inserting trailing commas or semicolons.
-5. The pull request will be merged when at least two maintainers has accepted the changes.
-
-Thank you for considering contributing to the project!
-
-## Code of Conduct
-
-Please see Micro:bit Educational Foundation's [code of conduct](https://microbit.org/safeguarding/) which outlines our expectations for all those that participate in the community and details on how to report any concerns and what would happen should breaches occur.
-
-### Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, gender identity and expression, level of experience,
-nationality, personal appearance, race, religion, or sexual identity and
-orientation.
-
-We stride to make learning an empowering experience for all and constantly weigh the balance between accessibility and
-complexity on our platform.
-
-### Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on the empowerment of learning
-* Showing empathy towards other users or contributors
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or
-  advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
-  address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-### Our Responsibilities
-
-Maintainers of ML-Machine have the responsibility of upholding code quality and interpreting the code of conduct and are
-expected to make appropriate and fair decisions in response to behavior and changes.
-
-Maintainers have the right to remove, edit or reject any changes such as commits, code wiki edits and issues which are
-not aligned with our pledge, standards or code of conduct, or to ban temporarily or permanently any contributor for
-actions deemed inappropriate or harmful.
+The project uses [Prettier](https://prettier.io/) to format code so please
+check out their documentation and set it up with your code editor.