Adding new frame drum - duff

.eslintrc.json

@@ -1,45 +1,39 @@
 {
   "env": {
     "es6": true,
-    "browser": true
+    "browser": true,
+    "node": true,
+    "jest": true
   },
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "parserOptions": {
     "sourceType": "script",
+    "requireConfigFile": false,
     "ecmaFeatures": {
       "globalReturn": false
     }
   },
   "extends": ["eslint:recommended", "prettier"],
   "rules": {
-    "no-console": "warn",
+    "no-console": "off",
     "no-mixed-spaces-and-tabs": "warn",
-    "no-unused-vars": "warn",
-    "no-use-before-define": "error",
-    "prefer-const": [
-      "warn",
-      {
-        "destructuring": "any",
-        "ignoreReadBeforeAssign": true
-      }
-    ],
-    "no-undef": "error",
-    "no-redeclare": [2, {"builtinGlobals": false}],
+    "no-unused-vars": "off",
+    "no-use-before-define": "off",
+    "prefer-const": "off",
+    "no-undef": "off",
+    "no-redeclare": "off",
     "indent": ["warn", 4, { "SwitchCase": 1 }],
     "quotes": ["warn", "double", { "avoidEscape": true }],
     "semi": "error",
-    "max-len": [
-      "warn",
-      {
-        "code": 120,
-        "ignoreTrailingComments": true,
-        "ignoreComments": true,
-        "ignoreStrings": true,
-        "ignoreTemplateLiterals": true
-      }
-    ],
     "no-trailing-spaces": ["warn", { "skipBlankLines": true, "ignoreComments": true }],
     "no-duplicate-case": "error",
-    "no-irregular-whitespace": "warn"
+    "no-irregular-whitespace": "warn",
+    "no-prototype-builtins" : "off",
+    "no-useless-escape" : "off",
+    "no-inner-declarations" : "off",
+    "no-constant-assign" : "off",
+    "no-const-assign" : "off",
+    "no-dupe-keys" : "off",
+    "no-useless-catch" : "off"
   }
 }

.github/FUNDING.yml

@@ -0,0 +1,4 @@
+# These are supported funding model platforms
+
+github: sugarlabs
+custom: ['https://www.every.org/sugar-labs', 'https://www.paypal.com/us/fundraiser/charity/4357440', 'https://mygoodness.benevity.org/community/cause/840-843289298/donate' ]

.github/ISSUE_TEMPLATE/DMP_2024.yml

@@ -1,16 +1,17 @@
-name: DMP 2024 Project Template
-description: List a new project for Dedicated Mentoring Program (DMP) 2024 
-title: "[DMP 2024]: "
-labels: ["DMP 2024"]
+name: DMP 2025 Project Template
+description: List a new project for Dedicated Mentoring Program (DMP) 2025 
+title: "[DMP 2025]: "
+labels: ["DMP 2025"]
 body:
-    - type: textarea
+  - type: textarea
     id: ticket-description
     validations:
       required: true
     attributes:
       label: Ticket Contents
-      description: "Provide a brief description of the feature, including why it is needed and what it will accomplish. E.g., 'This feature aims to create an interactive UI for students to collaborate on assignments in real-time.'"
-
+      value: |
+        ## Description
+        [Provide a brief description of the feature, including why it is needed and what it will accomplish.]
 
   - type: textarea
     id: ticket-goals
@@ -90,6 +91,7 @@ body:
     validations:
       required: true
 
+
   - type: dropdown
     id: ticket-technical-skills-required
     attributes:

.github/workflows/linter.yml

@@ -5,48 +5,37 @@ on:
     branches: [master]
 
 jobs:
-  build:
+  lint:
     name: Lint updated JavaScript files with ESLint
 
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
           ref: ${{ github.event.pull_request.head.sha }}
 
-      - name: Use Node.js
-        uses: actions/setup-node@v1
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 12.x
+          node-version: 20.x
 
-      - name: Get changed files
-        id: getfile
+      - name: Get changed JavaScript files
+        id: get_files
         run: |
-          CHANGED_FILES="$(git diff --name-only ${{ github.event.pull_request.base.sha }}..${{ github.event.pull_request.head.sha }} | xargs)"
-          export CHANGED_FILES  # the export command will fail if the inner shell expansion failed
-          echo "files=$CHANGED_FILES" >> $GITHUB_OUTPUT
+          CHANGED_FILES=$(git diff --name-only ${{ github.event.pull_request.base.sha }}..${{ github.event.pull_request.head.sha }} -- '*.js')
+          echo "files<<EOF" >> $GITHUB_ENV
+          echo "$CHANGED_FILES" >> $GITHUB_ENV
+          echo "EOF" >> $GITHUB_ENV
 
-      - name: Install ESLint
+      - name: Install dependencies
         run: npm install eslint
 
-      - name: Lint changed files using ESLint
+      - name: Run ESLint on changed files
+        if: env.files != ''
         run: |
-          for i in ${{ steps.getfile.outputs.files }}
-          do
-            if [[ "$i" == "D" ]]
-            then
-              ignore=1
-            elif [[ ( "$i" == "M" ) || ( "$i" == "A" ) || ( "$i" == "R" ) || ( "$i" == "C" ) || ( "$i" == "U" ) ]]
-            then
-              ignore=0
-            fi
-            echo "file $i $ignore"
-            if [[ "$i" == *".js" && $ignore == 0 ]]
-            then
-              echo "linting $i"
-              npx eslint $i
-            fi
-          done
+          echo "Linting the following files:"
+          echo "$files"
+          echo "$files" | xargs npx eslint

.github/workflows/node.js.yml

@@ -11,20 +11,20 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
 
     strategy:
       matrix:
         node-version: [18.x, 20.x]
 
     steps:
     - name: Checkout code
-      uses: actions/checkout@v2
+      uses: actions/checkout@v4
       with:
         fetch-depth: 0
 
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
 
@@ -34,4 +34,4 @@ jobs:
     # Post-run cleanup to remove the build directory after the job finishes
     - name: Post-run cleanup
       if: always()
-      run: rm -rf ./build
+      run: rm -rf ./build

README.md

@@ -82,9 +82,7 @@ the functionality can be accessed by launching the
 [index.html](./index.html) file in the browser using
 `file:///absolute/path/to/index.html`.
 
-However, doing so, some functionality will be unavailable. On top of
-that, some web browsers (e.g., Firefox v68) have restrictions that
-prevent Music Blocks from running using `file:///`.  Therefore, it is
+However, doing so, some functionality will be unavailable. Therefore, it is
 best to launch a _local web server_ from the directory of Music
 Blocks.
 
@@ -209,8 +207,8 @@ develop and maintain this project given its scale. After the core is
 built, we'll be porting features from this application to it.
 
 Refer to the repository
-[**sugarlabs/musicblocks-2**](https://github.com/sugarlabs/musicblocks-2)
-for more information about the new project — _Music Blocks 2.0_.
+[**sugarlabs/musicblocks-v4**](https://github.com/sugarlabs/musicblocks-v4)
+for more information about the new project — _Music Blocks 4.0_.
 
 ### Tech Stack