Merge branch 'main' into vimeo-fix

Author: djamg

.github/workflows/pytest.yml

@@ -34,7 +34,7 @@ jobs:
       fail-fast: false
       matrix:
         os: [ubuntu-latest] # TODO: Figure out macos-latest and Docker
-        python-version: ['3.11']
+        python-version: ['3.11', '3.12']
 
     services:
       redis:
@@ -61,10 +61,10 @@ jobs:
         if: ${{ matrix.os == 'macos-latest' }}
       - name: Checkout code
         uses: actions/checkout@v3
-      - name: Install Firefox (for browser testing)
-        uses: browser-actions/setup-firefox@latest
-      - name: Install Geckodriver (for browser testing)
-        uses: browser-actions/setup-geckodriver@latest
+      - name: Install Chrome (for browser testing)
+        uses: browser-actions/setup-chrome@latest
+      - name: Install Chromedriver (for browser testing)
+        uses: nanasess/setup-chromedriver@v2
       - name: Install Python
         uses: actions/setup-python@v4
         with:
@@ -78,10 +78,12 @@ jobs:
           key: ${{ matrix.os }}-${{ env.pythonLocation }}-${{ hashFiles('requirements/base.txt') }}-${{ hashFiles('requirements.txt/test.txt') }}
       - name: Install Python dependencies
         run: make install-python-test
+      - name: Install Playwright browser
+        run: make install-playwright
       - name: Install Node
         uses: actions/setup-node@v3
         with:
-          node-version: latest
+          node-version: 20
           cache: npm
       - name: Cache node modules
         uses: actions/cache@v3

.pre-commit-config.yaml

@@ -8,6 +8,7 @@ ci:
   skip: [
       'pip-audit',
       'yesqa',
+      'creosote',
       'no-commit-to-branch',
       # 'hadolint-docker',
       'docker-compose-check',
@@ -42,17 +43,15 @@ repos:
             'PYSEC-2022-42969', # https://github.com/pytest-dev/pytest/issues/10392
             '--ignore-vuln',
             'PYSEC-2023-73', # https://github.com/RedisLabs/redisraft/issues/608
-            '--ignore-vuln',
-            'PYSEC-2023-101', # https://github.com/pytest-dev/pytest-selenium/issues/310
           ]
         files: ^requirements/.*\.txt$
   - repo: https://github.com/asottile/pyupgrade
     rev: v3.15.0
     hooks:
       - id: pyupgrade
-        args: ['--keep-runtime-typing', '--py310-plus']
+        args: ['--keep-runtime-typing', '--py311-plus']
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.0.292
+    rev: v0.1.6
     hooks:
       - id: ruff
         args: ['--fix', '--exit-non-zero-on-fix']
@@ -98,7 +97,7 @@ repos:
         additional_dependencies:
           - tomli
   - repo: https://github.com/psf/black
-    rev: 23.9.1
+    rev: 23.11.0
     hooks:
       - id: black
   # Mypy is temporarily disabled until the SQLAlchemy 2.0 migration is complete
@@ -146,6 +145,27 @@ repos:
         args: ['-c', 'pyproject.toml']
         additional_dependencies:
           - 'bandit[toml]'
+  - repo: https://github.com/fredrikaverpil/creosote
+    rev: v3.0.0
+    hooks:
+      - id: creosote
+        args:
+          - --venv=.venv
+          - --path=funnel
+          - --path=tests
+          - --path=migrations/versions
+          - --deps-file=requirements/base.in
+          - --exclude-dep=argon2-cffi # Optional dep for passlib
+          - --exclude-dep=bcrypt # Optional dep for passlib
+          - --exclude-dep=greenlet # Optional dep for SQLAlchemy's asyncio support
+          - --exclude-dep=gunicorn # Not imported, used as server
+          - --exclude-dep=linkify-it-py # Optional dep for markdown-it-py
+          - --exclude-dep=psycopg # Optional dep for SQLAlchemy
+          - --exclude-dep=rq-dashboard # Creosote fails to recognise the import
+          - --exclude-dep=tzdata # Data-only dep, therefore no import statement
+          - --exclude-dep=urllib3 # Required to silence a pip-audit warning
+          - --exclude-dep=wtforms-sqlalchemy # Temp dep on an unreleased git branch
+
   - repo: https://github.com/pre-commit/pre-commit-hooks
     rev: v4.5.0
     hooks:
@@ -188,7 +208,7 @@ repos:
       - id: forbid-tabs
       - id: remove-tabs
   - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v3.0.3
+    rev: v3.1.0
     hooks:
       - id: prettier
         args:

Makefile

@@ -7,6 +7,7 @@ all:
 	@echo
 	@echo "For testing and CI:"
 	@echo "  make install-test  # Install everything needed for a test environment"
+	@echo "  make install-playwright  # Install browsers for Playwright-based tests"
 	@echo
 	@echo "For development:"
 	@echo "  make install-dev   # For first time setup and after dependency upgrades"
@@ -118,9 +119,18 @@ install-python-test: install-python-pip deps-editable
 install-python: install-python-pip deps-editable
 	pip install --use-pep517 -r requirements/base.txt
 
-install-dev: deps-editable install-python-dev install-npm assets
+install-playwright:
+	@if command -v playwright > /dev/null; then\
+		echo "playwright install --with-deps";\
+		playwright install --with-deps;\
+	else\
+		echo "Install Playwright first: make install-python-test";\
+		exit 1;\
+	fi
 
-install-test: deps-editable install-python-test install-npm assets
+install-dev: deps-editable install-python-dev install-playwright install-npm assets
+
+install-test: deps-editable install-python-test install-playwright install-npm assets
 
 install: deps-editable install-python install-npm-ci assets
 

funnel/assets/js/rsvp_form_modal.js

@@ -4,13 +4,14 @@ import jsonForm from './utils/jsonform';
 Vue.config.devtools = true;
 
 const FormUI = {
-  init(jsonSchema) {
+  init(jsonSchema, useremail) {
     /* eslint-disable no-new */
     new Vue({
       el: '#register-form',
       data() {
         return {
           jsonSchema,
+          useremail,
         };
       },
       components: {
@@ -27,7 +28,7 @@ const FormUI = {
 };
 
 $(() => {
-  window.Hasgeek.addRsvpForm = (jsonSchema) => {
-    FormUI.init(jsonSchema);
+  window.Hasgeek.addRsvpForm = (jsonSchema, useremail) => {
+    FormUI.init(jsonSchema, useremail);
   };
 });

funnel/assets/js/schedule_view.js

@@ -276,9 +276,8 @@ const Schedule = {
         this.config.slotInterval
       );
       if (this.config.schedule[session.eventDay]) {
-        this.config.schedule[session.eventDay].sessions[
-          session.startTime
-        ].showLabel = true;
+        this.config.schedule[session.eventDay].sessions[session.startTime].showLabel =
+          true;
         this.config.schedule[session.eventDay].sessions[session.startTime].rooms[
           session.room_scoped_name
         ].talk = session;

funnel/assets/js/utils/jsonform.js

@@ -3,7 +3,7 @@ import Form from './formhelper';
 
 const jsonForm = Vue.component('jsonform', {
   template: '#form-template',
-  props: ['jsonschema', 'title', 'formid'],
+  props: ['jsonschema', 'title', 'formid', 'useremail'],
   methods: {
     getFormData() {
       const obj = {};

funnel/assets/js/utils/ractive_util.js

@@ -5,7 +5,7 @@ import { USER_AVATAR_IMG_SIZE } from '../constants';
 Ractive.DEBUG = false;
 
 export const useravatar = Ractive.extend({
-  template: `{{#if user.profile_url && addprofilelink }}<a href="{{user.profile_url}}" class="nounderline">{{#if user.logo_url }}<img class="user__box__gravatar" src="{{ imgurl() }}" />{{else}}<div class="user__box__gravatar user__box__gravatar--initials" data-avatar-colour="{{ getAvatarColour(user.fullname) }}">{{ getInitials(user.fullname) }}</div>{{/if}}</a>{{else}}<span>{{#if user.logo_url }}<img class="user__box__gravatar" src="{{ imgurl() }}" />{{else}}<div class="user__box__gravatar user__box__gravatar--initials"  data-avatar-colour="{{ getAvatarColour(user.fullname) }}">{{ getInitials(user.fullname) }}</div>{{/if}}</span>{{/if}}`,
+  template: `{{#if addprofilelink }}<a href="{{user.absolute_url}}" class="nounderline">{{#if user.logo_url }}<img class="user__box__gravatar" src="{{ imgurl() }}" />{{else}}<div class="user__box__gravatar user__box__gravatar--initials" data-avatar-colour="{{ getAvatarColour(user.fullname) }}">{{ getInitials(user.fullname) }}</div>{{/if}}</a>{{else}}<span>{{#if user.logo_url }}<img class="user__box__gravatar" src="{{ imgurl() }}" />{{else}}<div class="user__box__gravatar user__box__gravatar--initials"  data-avatar-colour="{{ getAvatarColour(user.fullname) }}">{{ getInitials(user.fullname) }}</div>{{/if}}</span>{{/if}}`,
   data: {
     addprofilelink: true,
     size: 'medium',

funnel/assets/js/utils/vue_util.js

@@ -5,7 +5,7 @@ import { USER_AVATAR_IMG_SIZE } from '../constants';
 
 export const userAvatarUI = Vue.component('useravatar', {
   template:
-    '<a :href="user.profile_url" v-if="user.profile_url && addprofilelink" class="nounderline"><span class="user__box__wrapper" v-if="user.logo_url"><img class="user__box__gravatar" :src="imgurl"></span><div class="user__box__gravatar user__box__gravatar--initials" :data-avatar-colour="getAvatarColour(user.fullname)" v-else>{{ getInitials(user.fullname) }}</div></a v-if="user.profile_url && addprofilelink"></a><span v-else><img class="user__box__gravatar" :src="imgurl" v-if="user.logo_url"/><div class="user__box__gravatar user__box__gravatar--initials" :data-avatar-colour="getAvatarColour(user.fullname)" v-else>{{ getInitials(user.fullname) }}</span v-else>',
+    '<a :href="user.absolute_url" v-if="addprofilelink" class="nounderline"><span class="user__box__wrapper" v-if="user.logo_url"><img class="user__box__gravatar" :src="imgurl"></span><div class="user__box__gravatar user__box__gravatar--initials" :data-avatar-colour="getAvatarColour(user.fullname)" v-else>{{ getInitials(user.fullname) }}</div></a v-if="user.absolute_url && addprofilelink"></a><span v-else><img class="user__box__gravatar" :src="imgurl" v-if="user.logo_url"/><div class="user__box__gravatar user__box__gravatar--initials" :data-avatar-colour="getAvatarColour(user.fullname)" v-else>{{ getInitials(user.fullname) }}</span v-else>',
   props: {
     user: Object,
     addprofilelink: {

funnel/assets/sass/components/_ticket-modal.scss

@@ -68,7 +68,7 @@
 }
 
 .price-btn {
-  min-width: 200px;
+  min-width: 150px;
   font-size: inherit;
   padding: 0;
   display: flex;
@@ -78,9 +78,7 @@
   justify-content: center;
   height: 42px;
   line-height: 16px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+  white-space: break-spaces;
 }
 
 .price-btn__txt {

funnel/assets/sass/pages/project.scss

@@ -97,12 +97,13 @@
       border-color: inherit;
     }
   }
-  .register-block__content--half {
-    width: calc(50% - 8px);
+  .register-block__content {
+    width: calc(50% - $mui-grid-padding/2);
     align-self: flex-end;
   }
-  .register-block__content--half:first-child {
-    margin-right: 16px;
+  .register-block__content:only-child {
+    width: 100%;
+    align-self: flex-end;
   }
 }
 
@@ -141,7 +142,7 @@
         border-color: inherit;
       }
     }
-    .register-block__content--half {
+    .register-block__content {
       .register-block__content__rsvp-txt {
         font-size: 9px;
       }