A week in Openverse: 2022-02-21 – 2022-02-28

openverse

Merged PRs

  • #173: Add new tech labels for Bash and TypeScript
  • #172: Add minimum wait period to RFCs
  • #164: RFC: Introduce UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. state cookie
  • #163: Add RFC README.md

Closed issues

  • #144: Support locale based locale paths in WordPress theme

openverse-catalog

Merged PRs

Closed issues

  • #374: Format duration in TSV load complete Slack message
  • #370: [RFC] Catalog & 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. 3D Model Support
  • #356: TSV loader completion slack message
  • #352: Reactivate provider DAGs
  • #349: Improve provider workflow retries
  • #348: Use `execution_timeout` rather than `dagrun_timeout`
  • #283: Audit Provider scripts and associated DAGs

openverse-api

Merged PRs

  • #532: Add logging levels to Slack notifications in ingestion server
  • #507: Run CI/CD on every pull request
  • #500: Bump django-oauth-toolkit from 1.5.0 to 1.7.0 in /api

Closed issues

  • #481: Add “limited reporting” mode for ingestion server
  • #443: Run integration tests on all PRs
  • #416: `test_dead_links_are_correctly_filtered` Flakiness
  • #389: `just` scripting for the Analytics server

openverse-frontend

Merged PRs

  • #998: Add optional peaks key to AudioDetail interface
  • #997: Make active media setup store and add unit tests
  • #995: Remove unguarded localStorage access
  • #993: Fix CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. import ordering
  • #990: Fix attribution HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. glyph reference and fix historical usages as well
  • #988: Remove z-index from brand blocking search type switcher
  • #982: Fetch single image result in `asyncData` hook instead of `fetch`
  • #981: Split CI into discrete jobs
  • #979: Add support for native TypeScript
  • #944: Remove dead code and fix errant type
  • #918: Enable SSR for migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. banner
  • #917: Lint TS files in GitGit Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. Most modern plugin and theme development is being done with this version control system. https://git-scm.com/. hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same.
  • #916: Disallow all link components except “ with eslint rule
  • #904: Add migration notice and translation banner to the blank layout; fix translation banner logic
  • #898: Avoid translating brand names
  • #893: Rename Skeleton components
  • #892: Rename AudioDetails
  • #884: Use v-show instead of v-if for width-based condition
  • #880: Fix browser back button handling in search pages
  • #879: Make VLink component that wraps around both external and internal links
  • #867: Refactor media services
  • #851: Remove `mediaType` from `search.query` state
  • #850: Update license explanation tooltip

Closed issues

  • #996: Add peaks to the AudioDetail interface
  • #994: Rendering crashes in Chrome if localStorage is blocked
  • #992: Focused image result license icons are wrong colors
  • #983: Open external links in parent frame
  • #980: Navigate to the image detail page with an invalid id breaks it
  • #921: Add native TS support for non-VueVue Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. https://vuejs.org/. SFC files
  • #909: [RFC] Introduce UI state cookie to fix pop-in issues
  • #891: [RFC] Visual Regression Testing
  • #890: Split tests and static analysis into separate actions in the CI
  • #889: [RFC] Frontend 3D Model Support
  • #882: SSR Audio results page crashes
  • #875: Pages menu lacks focus styles
  • #866: Simplify media services
  • #860: Switching search type from an SSR’d audio results page to all content does not fetch all results
  • #856: Using the back button to navigate from the images search to the all content search results in only images showing
  • #835: Remove `query.mediaType` state property
  • #807: Strings with a value of “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.” should never be translated
  • #801: Unable to choose images on landing page, under content types on the search bar
  • #784: Blank layout doesn’t show the translation banner or CC referral banner
  • #759: 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. size in tablet
  • #761: Horizontal scroll issue on Openverse main page, when viewing license information.
  • #663: Browser back button doesn’t resubmit previous search
  • #558: Fix Audio e2e tests
  • #541: Add license definition in 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. 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.
  • #515: CC Migration banner doesn’t SSR
  • #468: External links NOT opening in 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.
  • #423: License explanation popup should close on click outside and be placed correctly

#openverse, #week-in-openverse

Community Meeting Recap (Feb 22nd)

Announcements

  • Next week’s meeting will be hosted by @stacimc, 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.
  • 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/. was having an ongoing outage during the course of this meeting, which caused some delays in communication.

Takeaways

Done

  • TSV loading is now performed at the end of provider 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. DAGs [ref]
  • Audio waveforms are now cached in the API database after being computed [ref]
  • Lots of movement on the frontend to remove dead code and general cleanup [ref]
  • A new VLink component which will help wrap internal and external links [ref]
  • Testing guidelines for the frontend! [ref]
  • Browser back button now behaves as expected [ref]

In progress

  • Numerous RFCs in need of review [ref]
  • A refactor of Media Services in the frontend [ref]
  • Changes to catalog DAG timeouts and retries [ref]
  • Improvements to E2E testing in the frontend [ref]
  • Slack completion message after a provider API DAG completes [ref]
  • Removing all external styles (some upcoming changes to this PR as well) [ref]
  • Decoupling waveform generation from the API by moving it out into a separate service [ref]
  • Native TypeScript support [ref]

Upcoming work

  • Catalog milestone v1.1.0 is very near completion [ref], and v1.2.0 will be underway soon [ref]
  • Improvements to automated accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) testing via Vuetensils [ref]
  • A new RFC + milestone for application monitoring [ref]
  • Some discussion around moving openverse-frontend into the openverse repository as the first step towards a monorepo [ref]

✨ That’s all for now ✨

#openverse-weekly-community-meeting

#openverse, #openverse-weekly-community-meeting

A week in Openverse: 2022-02-14 – 2022-02-21

openverse-catalog

Merged PRs

  • #362: Use Airflow Variables for storing 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. keys
  • #360: Add provider media type to DAG tags
  • #359: Differentiate between 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/. channels
  • #357: Trigger TSV loading immediately after workflow

Closed issues

  • #346: Verify Freesound data
  • #323: Add DAG tags for media types
  • #285: Trigger TSV loader as a subDAG or DAG run
  • #209: Move API keys from .env to Airflow Variables

openverse-api

Merged PRs

  • #519: Remove pipdeptree
  • #518: Update Quickstart guide with troubleshooting tips
  • #515: Bump boto3 from 1.20.26 to 1.20.54 in /ingestion_server
  • #514: Bump spectree from 0.6.8 to 0.7.3 in /analytics
  • #513: Bump locust from 2.5.1 to 2.8.2 in /api
  • #511: Bump django from 3.2.9 to 3.2.12 in /api
  • #510: Cache waveform data in database
  • #509: Add quickstart and API documentation to README.md
  • #501: Bump ipython from 7.31.0 to 8.0.1 in /api
  • #495: Bump confluent-kafka from 1.7.0 to 1.8.2 in /analytics
  • #493: Bump pytest-order from 1.0.0 to 1.0.1 in /ingestion_server
  • #492: Bump sqlalchemy from 1.4.29 to 1.4.31 in /analytics
  • #459: Bump requests from 2.26.0 to 2.27.1 in /analytics

Closed issues

  • #517: Add troubleshooting tips to the Quickstart docs
  • #516: Remove `pipdeptree`
  • #490: Cache waveform data
  • #488: Reference quickstart guide in top level README.md

openverse-frontend

Merged PRs

  • #912: Re-add the viewport 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. tag
  • #911: Use actual image source instead of foreign landing url as single result `og:image` path
  • #908: Remove outdated labelling instructions
  • #905: Remove unused Google Analytics code
  • #902: Remove old seo tags reintroduced via bad commit
  • #900: Disable friendly errors overlay
  • #897: Remove excessive padding from VContentItem
  • #894: Rename NoticeBar and MigrationNotice components
  • #886: Add TESTING_GUIDELINES.md initial draft
  • #883: Remove footer and associated styles and i18n strings
  • #872: Remove unused PhotoTags component
  • #870: Fix inline popover content taking up space
  • #869: Use single function to fetch single media item
  • #865: Add tags in image single result page
  • #864: Fix text colors
  • #863: Remove unused store modules
  • #861: Duplicate button classnames for increased specificity
  • #852: Fix search bar button crashing index page
  • #849: Fix global layout issues
  • #819: Fix homepage searchbar appearance when focused in mobile safari
  • #818: (#692) Fix duration mismatch between audio and metadata
  • #744: Audio single result refinements

Closed issues

  • #874: Back navigation after applying filters does not fetch new results
  • #862: Remove unused store modules
  • #859: Only show “load more results” when there are more results to load
  • #825: About page is broken
  • #817: 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. logo link is broken on search pages
  • #802: Update meta tags to reflect wp.org
  • #787: Explore visual regression testing
  • #782: Unguarded `sessionStorage` access fails on certain privacy settings
  • #781: Single audio result view has horizontal scroll on mobile
  • #742: Adding tags in image single result page
  • #741: Audio download button should have rounded right corners when there’s no dropdown
  • #740: Single audio result view cleanup
  • #708: Wrong color in texts
  • #692: Audio waveform progress bar extends beyond the end of the waveform body
  • #671: Single audio view lacks ‘return to results’ link
  • #576: Search results title
  • #554: Add E2E tests to CI
  • #544: Audio result page responsiveness is messy
  • #495: Rename components to names with `V` prefix
  • #460: Decouple AudioController from `audio` in favour of headless `Audio`
  • #248: [Bug] Information list looks strange with long names (German)

#openverse, #week-in-openverse

A week in Openverse: 2022-02-07 – 2022-02-14

openverse

Merged PRs

  • #155: Bump node-fetch from 2.6.1 to 2.6.7 in /js
  • #146: Bump ipython from 7.30.0 to 7.31.1 in /python

openverse-api

Closed issues

  • #390: Analytics server is broken in production

openverse-frontend

Merged PRs

  • #854: Add default placeholder for VSearchBar
  • #848: Document global ref SSR safety
  • #844: Use the correct list of filters for All content
  • #841: Fix/silence some warnings
  • #840: Improve e2e tests
  • #837: Replace `@` imports with `~` imports
  • #836: Fix unit test warnings
  • #833: Unstuck `searchStatus` of search bar
  • #829: Add a check for blank search term before searching
  • #828: Change button text color from black to charcoal
  • #827: Fix homepage content switcher size
  • #826: Add underline to the “contribute a translation” link
  • #821: Allow local network access from other devices when in development
  • #816: Complete missing props
  • #814: Set default size of VAudioTrack with a computed property
  • #806: Basic SEO 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. Fixes
  • #800: Update color ‘primary’ to ‘pink’ after redesign
  • #798: Remove usage session cookie
  • #796: Fix homepage RTL
  • #795: Fix unguarded `ResizeObserver` access
  • #793: Guard `local` util against thrown errors
  • #788: Tweak search bar styles in homepage
  • #770: Unify number localization strategy across the app.
  • #720: Create the Content Report flow

Closed issues

  • #853: Nuxt static assets don’t seem to be served via Docker build
  • #824: [@nuxtjs/i18n] Locale ISO code is required to generate alternate link
  • #820: Allow access from hosts other than `localhost` during development
  • #815: Multiple warnings for “Missing required prop”
  • #803: Add global handler for a `meta` query param that returns the raw text of meta tags generated for the request
  • #809: Prevent indexing of search.openverse.engineering content (when not embedded)
  • #808: Search results should output a noindex directive
  • #794: Unguarded `ResizeObserver` access
  • #792: Unguarded `localStorage` access causes Security Error
  • #791: Move analytics server `sessionId` to localstorage; rename.
  • #786: 404 Searchbar styles are broken
  • #769: Disable homepage search submission without a query
  • #765: RTL broken on homepage
  • #758: Audio title in global player component
  • #731: Translation banner link doesn’t look like a link
  • #728: Search bar styles in homepage
  • #726: Search bar result count always displays “no results”
  • #721: All content grid is using an invalid size prop
  • #646: Align content switcher inside search bar with Figma mockups
  • #644: 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. searchbar is missing placeholder text
  • #543: Add a report content action in single result views
  • #535: RTL languages still using eastern arabic numerals on search page
  • #75: Update URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org metadata to reflect rebranding 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.

#openverse, #week-in-openverse

A week in Openverse: 2022-01-31 – 2022-02-07

openverse

Merged PRs

  • #145: Add CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. technology label

Closed issues

  • #124: Maybe add 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. to WP bug tracking code?

openverse-catalog

Merged PRs

  • #355: Updated user agent for Wikimedia Commons #140
  • #344: Remove buckets after testing

Closed issues

  • #343: Buckets are not destroyed appropriately after testing
  • #300: Remove `create_dag` functions
  • #140: Update user agent for Wikimedia Commons

openverse-api

Closed issues

  • #502: Turn down Sentry transaction sample rate
  • #20: Error formatting issue (original #675)

openverse-frontend

Merged PRs

  • #790: Remove dead a/b testing (sixpack) code
  • #785: Adjust styles of `VContentLink`
  • #783: Fix double focus ring in item groups
  • #780: Fix global audio rtl close placement
  • #773: Truncate global audio text to two lines
  • #771: Add skip to content button
  • #768: Make audio/image pages without ids show a 404
  • #767: Fix logo button paddings and simplify implementation
  • #763: Check for `null` localStorage explicitly
  • #755: Enable source maps in production
  • #753: Use jed1x 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. format to correctly handle pluralization
  • #752: Fix logo color on error page layout
  • #747: Remove Jamendo and Wikimedia Commons from audio 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. sources
  • #701: Switch to path-based i18n routing
  • #682: New image details page
  • #563: Staging and production deployment workflows

Closed issues

  • #789: A/B Test Module (aka Sixpack) is no longer in use
  • #779: Global audio player RTL is slightly broken
  • #778: Pink text underline on content links
  • #766: `focus-visible` polyfill breaking some button focus styles in Firefox
  • #762: `~/utils/local` does not properly handle missing localStorage property
  • #757: ImageGrid is not showing license icons
  • #754: Publish source maps to Sentry on release
  • #751: Openverse logo on 404 page is pink
  • #743: Remove Jamendo and Wikimedia Commons from Audio Meta search
  • #737: Image attributions load incorrectly on client-side routing
  • #732: Styles in Content link component
  • #710: Horizontal scroll issues on single image result view
  • #702: [i18n] Pluralized translations are not downloaded
  • #700: Translations aren’t shown on localized homepages
  • #687: 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. button small in mobile view
  • #659: Executing a search from the homepage using a screen reader is confusing
  • #529: New single image result page
  • #508: Store 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. state in cookie
  • #496: Going to `/photos/` without an id should not fetch

#openverse, #week-in-openverse

A week in Openverse: 2022-01-24 – 2022-01-31

openverse

Closed issues

  • #138: Update repo Figma links to public urls
  • #112: Prelaunch issues
  • #64: [Feature] Reference make.wordpress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org//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. resources in repository READMEs
  • #52: [Docs] Update handbook to include Provider 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. script template information
  • #27: Restoring historic pull requests
  • #19: Audio support in Openverse

openverse-catalog

Merged PRs

  • #341: Change minio ports from 500X to 501X
  • #340: Ensure Freesound tests are isolated
  • #337: Use pytest-xdist for testing
  • #332: Set up CI/CD with ghcr.io
  • #330: Freesound SSLError fix

Closed issues

  • #339: Freesound tests should mock out `head` requests
  • #338: Change minio port
  • #336: deleted
  • #333: Create a tagged, versioned release
  • #326: Build and publish Docker images
  • #325: Use pytest-xdist for testing
  • #35: [Infrastructure] Create 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.-DAG to run Loader Workflow DAG in parallel (original #377)

openverse-api

Closed issues

  • #485: Version number is confusing

openverse-frontend

Merged PRs

  • #748: Add inline-start border to filters on desktop
  • #736: Expose `close` to popover content via slot props
  • #735: Truncate row layout audio titles
  • #727: Style links globally
  • #724: Fix focus-visible for Safari
  • #722: Fix z-index close button
  • #719: Use `VPopover` for the content report form
  • #718: Fix 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. items not fitting in
  • #717: Remove unused components
  • #716: Add homepage content switcher for mobile screens
  • #715: Stop blocking on analytics requests
  • #712: Prevent content switcher dropdown from shifting horizontally
  • #707: Refactor the usage of i18n result count computation
  • #704: Add titles to pages
  • #699: Add `pnpm install` to dev script
  • #695: Allow focusing specific element when opening modal
  • #694: Update 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. UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. to match mockups
  • #693: Allow toggling playback using spacebar from the waveform
  • #688: Enable the content switcher to work with `v-model`

Closed issues

  • #729: Border style in Filters 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.
  • #725: Pass `hide` function to popover and modal content slots to allow easier programattic hiding
  • #723: :focus-visible selector not supported in Safari but used across almost all of our focusable elements
  • #714: Filter button pushed down below header on medium screens
  • #713: Reporting form alignment
  • #711: Mobile header spans multiple lines
  • #709: Add content switcher to the mobile homepage
  • #706: Incorrect text on the content links
  • #698: Stop blocking on analytics requests
  • #691: Text styles and spacings in Filters
  • #686: Horizontal shift in `VContentSwitcherPopover`
  • #673: Audio track title truncation
  • #641: Incorrect element is focused when opening mobile content switcher via keyboard
  • #539: Send all opengraph tags to the parent 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.
  • #519: Static assets and iframe usage
  • #412: Filter sidebar improvement
  • #402: Audio waveform should respond to the spacebar to play or pause the audio.
  • #364: Redesign

#openverse, #week-in-openverse

Everything You Need to Know About Openverse and the WordPress Photo Directory

A screenshot of the redesigned Openverse homepage, with images from a search for 'Olympic games' of athletes from many decades and backgrounds.
The redesigned wordpress.org/openverse homepage

When we announced that Openverse had joined WordPress earlier last year, we were thrilled about the exciting changes coming to the platform. Many of those updates are here.

Openverse, previously known as CC Search, is a search engine for openly licensed media. The index, which joined WordPress in mid-2021, has over 600 million Creative Commons licensed and public domain image and audio files. All files can be used free of charge.

 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. has several new features, including:

  • A redesigned interface: Openverse has a new brand identity and user interface optimized for usability. Find the images and audio files you’re looking for and 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. results by license, source, and many other options.
  • Internationalization: Openverse is fully translated in 12 languages, with additional partial translations in other languages. We encourage anyone in the community to submit translations in their own languages.
  • Audio support: Openverse now includes songs, podcasts, samples, and other audio files from FreeSound, Wikimedia Commons, and Jamendo.
  • New image providers: The Openverse team has added two new sources of high-quality photographs, the WordPress Photo Directory and StockSnap. In addition, photo libraries such as EDUimages and Images of Empowerment are now available from Meta Search.

The Openverse project is part of the WordPress community and welcomes contributions from those who want to help it become the best openly licensed media search engine on the internet. The WordPress Photo Directory provides such an opportunity. 

What’s the WordPress Photo Directory?

The WordPress Photo Directory is both a new curated source of free, high-quality photographs and a new submission tool for Openverse, powered by the WordPress community. Without it, you’d need to use Flickr, Wikimedia Commons, or other sources to submit your work to Openverse.

The WordPress Photo Directory aims to be a trusted place for the community to create, share, discover, and reuse free and openly licensed media. All photos in the WordPress Photo Directory images are licensed with the CC0 public domain tool.

The WordPress Photo Directory welcomes contributions in different forms. One of the best ways to get involved is by submitting your photos:

  • Anyone with a wordpress.org account can submit their work to the photo directory. All submissions must meet these guidelines to ensure the quality of content. 
  • Photos will also be categorized and tagged to facilitate searching. Once a submission gets approved, it will be automatically added to the WordPress Photo Directory and the Openverse search engine.

You can also report issues with the directory, or become a photo directory moderator.

It is worth noting that Openverse and the WordPress Photo Directory are separate and independent projects. However, they are complementary in that the images from the directory are discoverable via the Openverse search. All WordPress Photo Directory images can be viewed in Openverse.

Where can you learn more about Openverse?

The Make Openverse blog is one of the best ways to follow along with the project. Feel free to reach out to any Openverse contributors on 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/. #openverse, GitHub, or any other channel to learn more about the project. If you are interested in contributing code to Openverse, look at our good first issues or our guide for new contributors.

We hope you are as excited as we are about Openverse, and we look forward to your contributions!

Happy searching!


Thanks to @rmartinezduque @anjanavasan @callye @zackkrida @angelasjin for their work on this post.

#media, #openverse, #photos

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

openverse-catalog

Merged PRs

  • #328: Fix inconsistent alignment in 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/. message text
  • #327: Properly handle “None” values returned from Freesound 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.

openverse-api

Merged PRs

  • #477: Add environment to data refresh slack alert username
  • #476: Use the existing and configured env indicator
  • #474: Record transfer limit for data refresh
  • #466: Add logger configuration to allow prod exception handling

Closed issues

  • #475: Replace PYTHON_ENV with ENVIRONMENT
  • #473: Distinguish between staging & prod when sending data refresh slack updates
  • #472: Capture subset of data for refresh on staging

openverse-frontend

Merged PRs

  • #685: Always show search title, even when search has no results
  • #684: Prevent vertical movement in filters
  • #683: All results audio tabbing, single result link, and play/pause fixes
  • #681: Notices for Jamendo tracks when seeking is impossible
  • #679: Increase space between audio results
  • #678: Fix spacing issues in the Row S layout
  • #677: Add a transparent border to 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. button
  • #669: Use ‘s’ audio track layout for mobile
  • #667: Make e2e tests pass
  • #666: Use `propTypes` as `props`
  • #665: Add stories for the content type switcher
  • #664: Remove events from `VAudioThumbnail` stories
  • #661: Fix another missing dependency lodash.set
  • #660: Fix homepage accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)
  • #658: Fix pages menu min width
  • #655: Cleanup assets
  • #654: Fix global audio syncing and seeking issues
  • #651: Add the privacy policy to the menu
  • #648: Ignoring extra files
  • #647: Replace plain `` tag with `VAudioThumbnail` component
  • #643: Enable audio universally
  • #642: Fix docker builds
  • #640: Add a wrapper to FETCH_MEDIA to simplify fetching all content
  • #638: Add interaction styles to the content switcher
  • #637: Add ‘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.’ VPill to Audio in the content switcher
  • #634: Final locale removal
  • #633: Fix audio waveform seeking behaviors
  • #627: Do not automatically include the preview URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org into the list of download formats
  • #625: Stop logging vuex stuff
  • #624: Remove wp-locales from git

Closed issues

  • #690: Some images are showing trademark
  • #689: Impossible to report a problem
  • #680: Jamendo tracks can’t be seeked in Blink browsers
  • #676: Enabling a filter pushes the content downwards
  • #675: Width change in Filter button when active
  • #674: Spacing between items in audio results
  • #672: Small audio track has inconsistent spacing
  • #670: Search page titles are hidden when results are loading
  • #668: Mobile audio search result is using wrong layout size
  • #662: All results boxed audio a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)
  • #657: Pages menu min-width
  • #653: Update global audio to swap between many audio objects
  • #652: Animating the placeholder text on homepage is bad for accessibility
  • #650: Add privacy policy to the main menu
  • #636: Audio single result page does not show default artwork if no thumbnail is available
  • #632: Display a loading animation on the play/pause button when an audio is being loaded
  • #630: Component: VPill
  • #628: Waveform keyboard seeking does not work
  • #626: Preview link is being included in freesound download formats
  • #623: Audio single result page keyboard navigation is broken
  • #612: Cannot return from 404 page
  • #589: Implement global audio player on mobile audio results view
  • #570: Connect to real audio endpoint instead of sample data
  • #533: ‘All results’ search view 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.
  • #510: Add smaller size for Download button
  • #485: Internal Pages Menu
  • #462: Header
  • #453: Component: Content link
  • #396: Clean up image assets
  • #368: Filters 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.

#openverse, #week-in-openverse

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