GitHub Copilot goes commercial, Firefox 102, Safari TP 148, Next.js 12.2, Vue 2.7, and more | Front End News #071
Tags: news, newsletter, frontendnews, webdev
Published: 2022-07-04 13:20:00

> **NOTE:** This is issue #071 of my newsletter, which went live on Monday, July 4th. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

GitHub Copilot is now available to any developer willing to spend $10/month, although some people will still be able to use it for free. There is already backlash on the ethics of launching a paid product trained on free open source code and the issue of the license used by the code suggested.

In browser news, we find out what's new on the web platform in June and we welcome Firefox 102 and Safari Technology Preview 148.

The releases of the week include Next.js v12.2.0, Vue 2.7, and more. And there is a nice set of fresh Front End Resources for you to use.

***

## GitHub Copilot goes commercial (and what it can mean for open-source software)

GitHub announced that Copilot, their "AI pair programmer", is now "generally available to all developers". For a price. It will cost $10/month, although it's free for some developers.

- [GitHub Copilot is generally available to all developers](https://github.blog/2022-06-21-github-copilot-is-generally-available-to-all-developers/)

There is already backlash to this move. Software Freedom Conservancy, a not-for-profit organization that provides support and legal services for open-source software projects, has called for the community to ditch GitHub.

The main issue is that GitHub Copilot is a for-profit service built and trained on countless open-source projects. Another one is that Copilot makes no mention of any licensing affecting the suggested code.

- [Open source developers urged to ditch GitHub following Copilot launch](https://techcrunch.com/2022/07/01/open-source-developers-urged-to-ditch-github-following-copilot-launch/)

Copilot is not alone in the market. Recently Amazon has launched a similar service named CodeWhisperer. Unlike Copilot though, CodeWhisperer highlights the license that affects the suggested code. There is even the option to select which sources to use. We'll see if all this pressure will cause GitHub to make changes to Copilot.

- [Amazon launches CodeWhisperer, a GitHub Copilot-like AI pair programming tool](https://techcrunch.com/2022/06/23/amazon-launches-codewhisperer-its-ai-pair-programming-tool/)

***

## Browser news

Rachel Andrew provides the June update on changes to the web platform:

- [New to the web platform in June](https://web.dev/web-platform-06-2022/)

### Firefox

Firefox 102 is rolling out. New features include the options to disable the automatic opening of the download panel and to mitigate query tracking in Enhanced Tracking Protection strict mode.

- [Firefox 102 Release Notes](https://www.mozilla.org/en-US/firefox/102.0/releasenotes/)
- [Firefox 102 for developers](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/102)

### WebKit

Safari Technology Preview 148 is out as well, bringing a long list of fine-tuning, fixes, and improvements.

- [Safari Technology Preview 148](https://webkit.org/blog/12992/release-notes-for-safari-technology-preview-148/)

***

## Software updates and releases

- **[billboard.js 3.5](https://github.com/naver/billboard.js/releases/tag/3.5.0)** - Re-usable, easy interface JavaScript chart library based on D3.js
- **[D3 v7.5.0](https://github.com/d3/d3/releases/tag/v7.5.0)** - Bring data to life with SVG, Canvas and HTML
- **[deck.gl v8.8.0](https://github.com/visgl/deck.gl/releases/tag/v8.8.0)** - WebGL2 powered visualization framework
- **[fastify v4.2.0](https://github.com/fastify/fastify/releases/tag/v4.2.0)** - Fast and low overhead web framework, for Node.js
- **[Fresh 1.0](https://deno.com/blog/fresh-is-stable)** - a new full stack web framework for Deno
- **[neovis.js 2.0.0](https://github.com/neo4j-contrib/neovis.js/releases/tag/2.0.0)** - Graph visualizations in the browser with data from Neo4j
- **[Next.js v12.2.0](https://github.com/vercel/next.js/releases/tag/v12.2.0)** - The React Framework
- **[ng2-charts v3.1.0](https://github.com/valor-software/ng2-charts/releases/tag/v3.1.0)** - Beautiful charts for Angular based on Chart.js
- **[Playwright v1.23.0](https://github.com/microsoft/playwright/releases/tag/v1.23.0)** - a framework for Web Testing and Automation.
- **[Prisma 4.0.0](https://github.com/prisma/prisma/releases/tag/4.0.0)** - Next-generation ORM for Node.js and TypeScript
- **[Puppeteer v15.3.0](https://github.com/puppeteer/puppeteer/releases/tag/v15.3.0)** - Headless Chrome Node.js API
- **[Serverless Express v4.9.0](https://github.com/vendia/serverless-express/releases/tag/v4.9.0)** - Run Node.js web applications and APIs on AWS serverless functions
- **[trim-lines 3.0.0](https://github.com/wooorm/trim-lines/releases/tag/3.0.0)** - Remove spaces and tabs around line-breaks
- **[v8n v1.5.0](https://github.com/imbrn/v8n/releases/tag/v1.5.0)** - a JavaScript fluent validation library
- **[Vue 2.7](https://blog.vuejs.org/posts/vue-2-7-naruto.html)** - a JavaScript framework for building UI on the web.
- **[Vue InstantSearch v4.4.0](https://github.com/algolia/vue-instantsearch/releases/tag/v4.4.0)** - Algolia components for building search UIs with Vue.js

***

## Front End Resources

- **[3D Icons](https://3dicons.co/)** - Beautifully crafted open source 3D icons
- **[Allinone.tools](https://allinone.tools/)** - A single destination for all your needs
- **[Benjamin Moore Paints as CSS Colours](https://bm.wesbos.com/)** - Benjamin Moore Paints as CSS Colours
- **[BlobsIcons](https://blobsicons.bargush.me/)** - A free set of colorful icons in two styles.
- **[Can I DevTools?](https://www.canidev.tools/)** - It is like @CanIUse, but for the browser devtools
- **[Category Colors](https://aleris.github.io/category-colors/)** - Color palettes generator for data visualization
- **[Copy Book](https://copybook.me/)** - A collection of commonly used texts
- **[CSS.gg](https://css.gg/)** - Open-source CSS, SVG and Figma UI Icons
- **[CSS Generators](https://css-generators.com/)** - A wide range of CSS Generators
- **[Eva Icons](https://akveo.github.io/eva-icons/#/)** - Open Source icons for common actions and items
- **[Flag Icons](https://flagicons.lipis.dev/)** - A curated collection of all country flags
- **[Hexwords](https://hexwords.netlify.app/)** - Why bother with a random green when you can choose to be a #BADA55!
- **[MingCute Icon](https://www.mingcute.com/)** - Carefully Designed Icon Library
- **[SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners)** - A collection of 24 x 24 dp animated SVG spinners!
- **[Toolkit by Addy Codes](https://toolkit.addy.codes/about/)** - Curated tools and resources for people who make websites

There's more where that came from. Explore the rest of the [Front End Resource collection](https://frontendnexus.com/resources/).

***

## Wrapping things up

Ukraine is still suffering from the Russian invasion - if you are looking for ways to help, please check Smashing Magazine's article [We All Are Ukraine 🇺🇦](https://www.smashingmagazine.com/2022/02/we-all-are-ukraine/) or get in touch with your trusted charity.

If you enjoyed this newsletter, there are a couple of ways to support it:

- 📢 [share the link to this issue on social media](https://frontendnexus.com/news/071/)
- ❤️ [follow this newsletter on Twitter](https://twitter.com/frontendnexus)
- ☕ [buy me a coffee](https://ko-fi.com/adriansandu)

Each of these helps me out, and I would appreciate your consideration.

That's all I have for this issue. Have a great and productive week, keep yourselves safe, spend as much time as possible with your loved ones, and I will see you again next time!