Community Meeting Recap (Jan 18th)

This week we decided to swap the issue assignment in favour of a milestone triage and pruning exercise considering how the release is just around the corner and we won’t have time to complete all the redesign tickets.

Announcements

  • Next week’s meeting will be hosted by @sarayourfriend, as we continue our hosting rotation amongst the sponsored OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project. developers.

Takeaways

Done

  • Audio data is now present and served by the APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. [ref]
  • We designed default artwork for audio files that lack it [ref]
  • The Docker image pipeline had a lot of improvements and fixes [ref]

In progress

  • All media grid is nearly ready, except a few small bugs [ref]
  • Content switcher PRs are ready for review [ref]

Milestone changes

  • Recent searches in headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. [ref]
  • Single media result modal [ref]
  • Single image page akin to audio [ref]
  • Audio betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. badge [ref]
  • Audio reporting flow [ref]

#openverse-weekly-community-meeting

A week in Openverse: 2022-01-10 – 2022-01-17

openverse

Closed issues

  • #137: Add Website to repository details (About)
  • #93: OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project. migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.

openverse-api

Merged PRs

  • #470: Push tags with `openverse-` prefix
  • #469: Publish artifacts with prepended `openverse-` tags
  • #468: Handle error when audio set does not exist
  • #458: Correct docker repository for the ingestion server, update docs
  • #457: Override default RELATIVE_UPSTREAM_DB_* vars for integration tests
  • #455: Copy operational files into final docker images
  • #442: Refactor `analytics`

Closed issues

  • #447: Env file creation recipe breaks integration tests

openverse-frontend

Merged PRs

  • #609: Remove hardcoded scrollbar styles, fixed headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes., and hide sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. on non search views
  • #605: Fix error when “ dimensions are negative
  • #604: Add header icons
  • #600: Show a generated artwork when the audio thumbnail is absent
  • #599: Combine layouts into a single default
  • #588: Fix back to search results link
  • #583: New 404 page
  • #580: Ignore wp-locales file
  • #571: Remove sample audio data
  • #560: Add `VContentLink` component
  • #488: VHeader
  • #478: Openverse Redesign

Closed issues

  • #587: Back to search results link is broken
  • #579: Ignore changes to `wp-locales.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.`
  • #477: Full-width load more button
  • #349: Default artwork for audio
  • #256: New 404 Page

#openverse, #week-in-openverse

A week in Openverse: 2022-01-03 – 2022-01-10

openverse

Merged PRs

  • #132: Centrally sync release drafter configuration

Closed issues

  • #68: Release drafting improvements

openverse-catalog

Merged PRs

  • #320: Add audioset_view to catalog DDL
  • #318: Make commoncrawl bucket configurable, change default
  • #317: 🔄 Synced file(s) with WordPress/openverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project.
  • #312: Change request info log to debug to prevent spam
  • #311: Set default timeout to 12 hours

Closed issues

  • #316: Make common crawl s3 bucket configurable

openverse-api

Merged PRs

  • #464: Improve ingestion server slackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. alerts
  • #462: Update the Python label that Dependabot uses
  • #461: Update CI + CD pipeline to deployDeploy Launching code from a local development environment to the production web server, so that it's available to visitors. Sphinx docs to GH pages
  • #454: Use event_name over event for publish conditional
  • #449: Deleted all instances of publish_release.sh
  • #444: 🔄 Synced file(s) with WordPress/openverse
  • #438: Rename the APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. directory to `api/`
  • #437: Publish images via a comprehensive CI + CD workflow
  • #429: Reuse images across jobs
  • #427: Setup Sphinx for developer-docs
  • #421: Data refresh slack notifications
  • #411: Add sentry

Closed issues

  • #441: Replace `publish_release.sh` with a Just recipe
  • #425: Remove supervisord in ingestion server image
  • #417: Ingestion server hangs after cleaning
  • #412: Ingestion server slack alerts
  • #399: Add Sentry to API

openverse-frontend

Merged PRs

  • #586: Update references to `InputField` to point to `VInputField`
  • #585: Update names and references of `AudioDetails-` components
  • #578: Updated load more button
  • #577: Search results title
  • #573: Add API url changes to the e2e tests
  • #566: 🔄 Synced file(s) with WordPress/openverse
  • #562: Refactor Content report
  • #557: Update API urls to avoid redirects
  • #491: Add searchbar to headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.

Closed issues

  • #582: Replace border style in components to meet AA
  • #581: Audio details page components names need to be updated
  • #572: FilterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. e2e test “can unset filters using filter tags” is failing
  • #561: Keep content report form state local
  • #556: Use new API URLs in requests to avoid redirects
  • #487: 404 page doesn’t respect ’embedded’ mode
  • #414: Move away from `nuxt-ssr-cache`
  • #390: Implement redesign and new components
  • #389: Content report popup doesn’t close
  • #329: Rework styles of the homapage audio/image media type switcher
  • #322: Improve transitional design of the homepage media type chooser
  • #310: Plural result count using wrong string
  • #302: [MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress.] Implement Openverse redesign
  • #139: [Feature] Explore using testing-library instead of the custom render function
  • #79: Modal on Windows has two scrollbars

openverse-browser-extension

Merged PRs

  • #28: 🔄 Synced file(s) with WordPress/openverse

#openverse, #week-in-openverse

Community Meeting Recap (Jan 4th)

This was our first community meeting of the year, and a relatively quiet one due to some sick contributors and the transition out of holiday season.

Announcements

  • Next week’s meeting will be hosted by @olgabulat, as we begin our hosting rotation amongst the sponsored OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project. developers.

Takeaways

#openverse-weekly-community-meeting

A week in Openverse: 2021-12-27 – 2022-01-03

openverse

Merged PRs

  • #131: Lint YAML files using Prettier

openverse-catalog

Merged PRs

  • #314: 🔄 Synced file(s) with WordPress/openverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project.

openverse-api

Merged PRs

  • #435: Add hook to clean up YAML files
  • #434: Add kwarg ‘child’ required by `seriaizers.ListField`
  • #433: Remove Dependabot for Docker and reduce frequency

Closed issues

  • #410: Lint YAML files

openverse-frontend

Merged PRs

  • #564: 🔄 Synced file(s) with WordPress/openverse
  • #555: Add stop-gap solution for e2es

openverse-browser-extension

Merged PRs

  • #27: 🔄 Synced file(s) with WordPress/openverse

#openverse, #week-in-openverse

A week in Openverse: 2021-12-20 – 2021-12-27

openverse

Merged PRs

  • #130: Fix issues with the PR project automation
  • #129: Add PR pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” functionality to the infra repo

openverse-catalog

Merged PRs

  • #310: Extend Jamendo’s timeout to 24 hours
  • #309: Disable TSV loader scheduling
  • #308: Upgrade to Airflow 2.2.3
  • #306: Add unique indices to catalog

Closed issues

  • #305: Add unique indices to media tables

openverse-api

Merged PRs

  • #426: Set tldextract cache to writable directory
  • #422: Make APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. tests pass and reduce flakiness
  • #418: Bump pytest-django from 4.5.1 to 4.5.2 in /openverse_api
  • #415: Rename indices back to original during data refresh
  • #414: Update sample data for images with missing columns filled

Closed issues

  • #413: TLD extract caching fails
  • #362: Indices are not renamed after go-live swap
  • #270: Update sample data

openverse-frontend

Merged PRs

  • #553: Remove stray whitespace
  • #551: Use `extensions` rather than ignore to import components
  • #550: DeployDeploy Launching code from a local development environment to the production web server, so that it's available to visitors. Storybook to GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ pages
  • #547: Stop importing from nuxt.config.js
  • #545: Update wp-locales.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.
  • #540: Upgrade Tailwind to version 3 with JIT mode
  • #531: Allow enabling or disabling interactivity of waveform
  • #520: Add Storybook smoketest to GitHub CI

Closed issues

  • #549: Deploy Storybook to GitHub pages
  • #538: Query text has whitespace around quotes when no content is found
  • #524: Stop importing `nuxt.config.js` into the app runtime
  • #518: Add Storybook compilation to CI to ensure that no PR breaks Storybook
  • #506: Small device filters modal is stuck in the “middle” of the page
  • #400: Dependencies are miscategorized as `devDependencies`
  • #387: e2e test suite
  • #273: [Bug] Audio track styling on narrow displays

#openverse, #week-in-openverse

A week in Openverse: 2021-12-13 – 2021-12-20

openverse

Merged PRs

  • #128: Add technology labels
  • #127: Readme: fix link to OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project. P2P2 P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/.

Closed issues

  • #126: Add language labels

openverse-catalog

Merged PRs

  • #303: Bump lxml from 4.6.3 to 4.6.5
  • #302: Add Image Categories

openverse-api

Merged PRs

  • #408: Add docker volumes for local development
  • #405: Bump boto3 from 1.20.20 to 1.20.24 in /openverse_api
  • #398: Check if value is numeric before converting to int
  • #388: Bump django-redis from 5.0.0 to 5.1.0 in /openverse_api
  • #385: Bump pre-commit from 2.15.0 to 2.16.0 in /openverse_api
  • #384: Bump ipython from 7.30.0 to 7.30.1 in /openverse_api
  • #383: Bump django-cors-headers from 3.10.0 to 3.10.1 in /openverse_api

Closed issues

  • #407: Docker volumes for local development
  • #363: Ingestion server tests are failing

openverse-frontend

Merged PRs

  • #537: Fix filters modal position in iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.
  • #528: Replace babel-eslint with @babel/eslint-parser
  • #527: Unify VLicense casing
  • #526: MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. Search Provider: The Greats added (ticket #299)
  • #525: Use pnpm (and fix Storybook issues as a result)
  • #517: Add ts-node to stop Storybook complaining about tsconfig.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.
  • #514: Fix audio RTL visual bugs
  • #504: Update AudioTrack layouts as per new designs
  • #489: Add VFilterButton
  • #457: Add translation notification banner
  • #382: Refactor search results components and media fetching

Closed issues

  • #536: Mobile filters modal incorrectly renders in embedded mode
  • #521: Author link navigates inside the iframe and fails to render
  • #516: TypeScript breaks Storybook
  • #513: Audio search result RTL issues
  • #512: Single result page for Audio RTL touchups
  • #483: Storybook issues
  • #476: VFilterButton
  • #421: RTL touchups
  • #419: Banner for incomplete translations
  • #381: Extract common functionality from Audio and Image search result pages
  • #299: [Feature] Meta Search Provider: The Greats
  • #296: [Improvement] Replace `babel-eslint` with `@babel/eslint-parser`
  • #228: Boxed Audio Component

#openverse, #week-in-openverse

X-Post: Redesign of Openverse on @ Design

Learn about the forthcoming OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project. redesign over on the Make WordPress Design blog, courtesy of @fcoveram.

Community Meeting Recap (Dec 14th)

Announcements

  • This will actually be our final community meeting of the year, so we will resume on January 4th 2022.
  • At that time we’ll begin our meeting host rotation, starting with @dhruvkb. Each host will also be responsible for writing this post.

Takeaways

  • Everyone was excited by State of the WordState of the Word This is the annual report given by Matt Mullenweg, founder of WordPress at WordCamp US. It looks at what we’ve done, what we’re doing, and the future of WordPress. https://wordpress.tv/tag/state-of-the-word/. communications around OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project., and we’ve gotten around 20 new slackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. members since the presentation.
  • We discussed the CC Search redirect a bit, and I shared the implementation for anyone curious.
  • We had lively discussions around monitoring and the Openverse iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser., where we tried to wok out how to deal with clicks to external links within the iframe. It’s a real challenge to handle links from the right-click context menu, as an example.

#openverse-weekly-community-meeting

Moving to pnpm

Hello fellow OpenersOpeners Contributors to and users of the Openverse project.! I am happy to announce that the Openverse frontend repository has moved from npm to pnpm for package management. Please refer to that PR and its history for the rationale behind this change.

What does this mean for existing contributors?

If you already have used npm to work on the OpenverseOpenverse Openverse is a search engine for openly-licensed media, including photos, audio, and video. Openverse is also the name for the collection of related code repositories that make up the project. frontend repository, follow these steps to prepare your environment for using pnpm in the future:

  1. Delete your node_modules folder (for example, rm -rf node_modules)
  2. Install pnpm using volta by running volta install pnpm
  3. Reinstall dependencies using pnpm by running pnpm install

Now you’ll be able to run all the project scripts using pnpm instead of npm. Note that pnpm‘s “house style” leaves out the run keyword for referencing package.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. scripts, so npm run dev becomes pnpm dev. pnpm run dev will also work, it just doesn’t match what the official pnpm documentation recommends. This is similar to yarn.

For new contributors

Please follow the instructions in the repository’s README for setting up your dev environment.

If you run into any issues with pnpm package management while working on Openverse, please open a dx bug in the openverse-frontend repository here.