The JavaScript and API powered WordPress.com

Overview

Calypso

Renovate enabled

Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application, powered by the WordPress.com REST API. Calypso is built for reading, writing, and managing all of your WordPress sites in one place.

beautiful screenshot

It’s built with JavaScript – a very light node plus express server, React.js, Redux, wpcom.js, and many other wonderful libraries on the front-end.

You can read more about Calypso at developer.wordpress.com/calypso.

Getting Started

You can try out the user-side of Calypso on WordPress.com (a lot of the logged-in area is Calypso; if in doubt, view source), you can poke around the code here on GitHub, or you can install it and run it locally. The latter is the most fun.

  1. Make sure you have git, node, and yarn installed.
  2. Clone this repository locally.
  3. Add 127.0.0.1 calypso.localhost to your local hosts file.
  4. Execute yarn and then yarn start from the root directory of the repository.
  5. Open calypso.localhost:3000 in your browser.

Need more detailed installation instructions? We have them.

Contributing

If Calypso sparks your interest, don’t hesitate to send a pull request, send a suggestion, file a bug, or just ask a question. We promise we’ll be nice. Just don’t forget to check out our CONTRIBUTING doc – it includes a few technical details that will make the process a lot smoother.

Calypso welcomes – and indeed has been built by – contributors from all walks of life, with different backgrounds, and with a wide range of experience. We're committed to doing our part to make both Calypso and the wider WordPress community welcoming to everyone.

You can contribute in many ways. You can help reporting, testing, and detailing bugs, and also test new features we release in our "beta" program for testing on Horizon.

To clarify these expectations, Calypso has adopted the code of conduct defined by the Contributor Covenant. It can be read in full here.

Security

Need to report a security vulnerability? Go to https://automattic.com/security/ or directly to our security bug bounty site https://hackerone.com/automattic.

Our security policy can be read in full here.

Browser Support

We support the latest two versions of all major browsers, except IE, where we currently only support 11 and Edge. (see Browse Happy for current latest versions).

Troubleshooting

If you have any problems running Calypso, please see most common issues.

License

Calypso is licensed under GNU General Public License v2 (or later).

Comments
  • Unable to save the layout dimensions with the Styles editor on Simple sites

    Unable to save the layout dimensions with the Styles editor on Simple sites

    Quick summary

    Unable to save the layout dimensions with the Styles editor on Simple sites.

    SCR-20221231-jep

    A screen recording of the issue is below.

    https://user-images.githubusercontent.com/92185881/210126771-99ef3a9b-0fe5-46b8-b998-7dca253f76f1.mov

    Tested on a test site on a Premium plan (can't save), and another with an eCommerce plan (can save).

    Steps to reproduce

    1. Select a FSE-ready theme (tested on Skatepark and Muscat) on a simple site.
    2. Go to the global Styles → Layout setting.
    3. Change the content or wide values, and save.

    What you expected to happen

    The custom styles with the layout dimensions to be saved.

    What actually happened

    The layout dimensions automatically revert to the original.

    Context

    First encountered at 5825569-zen.

    Platform (Simple, Atomic, or both?)

    Simple

    Theme-specific issue?

    Themes tested were Skatepark, and Muscat.

    Browser, operating system and other notes

    No response

    Reproducibility

    Consistent

    Severity

    None

    Available workarounds?

    None

    Workaround details

    No response

    [Type] Bug [Pri] Low User Report [Platform] Simple 
    opened by 1dr0 1
  • Stats: Add arrow navigation to the Posting Activity section

    Stats: Add arrow navigation to the Posting Activity section

    Proposed Changes

    • Add arrow navigation so users can scan the data from previous years
    • Remove the moment.js usage from the PostTrends component
    • Turn the PostTrends component from a Class component to a Function component

    Testing Instructions

    • Go to the Calypso live link
    • Navigate to the Insights tab
    • Ensure the current site has data available for the Posting Activity section
    • On the top right of the Posting Activity section should appear two arrow buttons that you can use to see the data from different years

    Screenshots

    image image

    Pre-merge Checklist

    • [ ] Has the general commit checklist been followed? (PCYsg-hS-p2)
    • [ ] Have you written new tests for your changes?
    • [ ] Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
    • [ ] Have you checked for TypeScript, React or other console errors?
    • [ ] Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
    • [ ] Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
    • [ ] For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

    Related to #70609

    Stats 
    opened by wilmersondasilva 2
  • Feature Request: Embed block to have

    Feature Request: Embed block to have "Open in New Tab" option

    What

    I would like to see the option in the settings of the Embed block that allow it to be opened in a new tab by default. This is mostly for embedded posts on other posts/pages.

    Why

    A user requested this on Live Chat. And it makes sense for the embed blocks to be opened up on a new tab by default.

    How

    There could be a simple toggle on the embed block settings that toggles it between opening it on the same tab vs on a new tab.

    [Type] Feature Request 
    opened by ahmadbaig1 0
  • Calypso Dashboard: Request to add Existing Email option in Email section of dashboard

    Calypso Dashboard: Request to add Existing Email option in Email section of dashboard

    What

    Add an Existing Email option to the Upgrades > Emails page in addition to the options to purchase email services and add Email Forwarding.

    Why

    If someone wants to set up their existing email with a domain that is hosted here, they will probably go to the Emails section of the dashboard first.

    How

    If we decided to do this, it might make sense to move the Email Setup section out of the DNS Records page into its own page so that it could be linked to from both the Emails section and the DNS records section. Then the Email Setup section could have a link to the DNS records section for emails other than Google Workspace, Office 365, and Zoho Mail.

    Related Chat: 39154640-hc

    [Type] Feature Request 
    opened by ccwalburn 0
  • Add ability to render custom list items in Banner component

    Add ability to render custom list items in Banner component

    Proposed Changes

    *Add function to allow rendering of custom list items

    Testing Instructions

    1. Go to /devdocs/design

    2. Find the banner component and verify banner with custom body image

    3. Verify the other banners in the devdocs is not affected and renders correctly

    Pre-merge Checklist

    • [ ] Has the general commit checklist been followed? (PCYsg-hS-p2)
    • [ ] Have you written new tests for your changes?
    • [ ] Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
    • [ ] Have you checked for TypeScript, React or other console errors?
    • [ ] Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
    • [ ] Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
    • [ ] For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

    Related to #71597

    [Status] Needs Review 
    opened by vykes-mac 10
  • Hosting Configuration: Remove overlay and make cards readonly instead

    Hosting Configuration: Remove overlay and make cards readonly instead

    Details

    Part of pdKhl6-1th-p2.

    On the Hosting Configuration page, if I'm not on Business plan or higher, I do not see any of the features I'm supposed to get once I upgrade:

    image

    A better approach would be to make the cards read-only with some copy indicating that it's available on the Business plan instead of hiding it behind this gradient.

    Done is

    • [ ] I see what features I'll get before upgrading to the Business plan
    • [ ] The cards are not actionable, but visible
    • [ ] There's text indicating that I should upgrade to enjoy the feature
    [Type] Task Hosting Configuration Upsell Nudge Revamp 
    opened by zaguiini 0
Releases(v6.15.0)
Owner
Automattic
We are passionate about making the web a better place.
Automattic
Lucaslitton.me - Personal website built with ReactJS, Frontity, and WordPress.

lucaslitton This project was bootstrapped with Frontity. Table of Contents Launch a development server Create your custom theme Create a production-re

Lucas Litton 1 Jan 3, 2022
A Workspace Web App powered by React and Node Js.

zc_main This is the Zuri Chat frontend built with ExpressJS (Backend) and React (Frontend) Getting Started. Make sure you have nodejs installed by run

Zuri Chat 189 Dec 14, 2022
Chat with an AI that's powered by GPT-j. Talk with it, set parameters, ask questions, and twist words

AI Chat - Open Source | Powered by GPT-j with 6 billion neurons Chat with an AI that's powered by GPT-j. Talk with it, set parameters, ask questions,

Romelianism 3 Dec 29, 2022
A small CLI tool to create a semantic release and git-cliff powered Changelog

cliff-jumper A small CLI tool to create a semantic release and git-cliff powered Changelog Description When managing a collection of projects you ofte

Favware 15 Sep 22, 2022
⚪ SVG-Powered component to easily create skeleton loadings.

SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features ⚙️ Customizable: Feel free to change the colors,

Danilo Woznica 12.7k Jan 4, 2023
Create Sonnat App - Set up a modern web app which is powered by Sonnat.

Create Sonnat App - Set up a modern web app which is powered by Sonnat.

Sonnat 2 Jan 31, 2022
FastStore powered by Next.js

A starter powered by FastStore and NextJS Kickoff your store with this boilerplate. This starter ships with the main FastStore configuration files you

VTEX Sites 26 Dec 27, 2022
Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

Efecan Pınar 24 Sep 6, 2022
This repo is for educational and demonstration purposes only, this project is to demonstrate usage of apollo/client and github API and firebase.

Gissues Gissues is a web application that allows you to search for issues in GitHub. It is built for new developers who want to learn more about GitHu

Shikhar 10 Oct 1, 2022
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

Module SonarCloud Status ag-grid-community ag-grid-enterprise AG Grid AG Grid is a fully-featured and highly customizable JavaScript data grid. It del

AG Grid 9.5k Dec 30, 2022
Pickle tree - Javascript tree component made with pure javascript

Pickle Tree Pickle tree is a tree component written as completely pure javascript. Just send json file to object and have fun :-D Pickle tree does't n

Kadir Barış Bozat 17 Nov 13, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 8, 2023
Fully typed hooks and utility functions for the React Native StyleSheet API

react-native-style-utilities Fully typed hooks and utility functions for the React Native StyleSheet API npm i react-native-style-utilities ESLint Set

Marc Rousavy 73 Dec 17, 2022
A simple Weather app Using NOdeJs and API'S

weather-app A simple Weather app Using NodeJs and API'S It uses GeoCode API to find Latitude and Longitude and passes it to the WeatherStack API to fe

Parva Shah 5 Oct 5, 2022
Nextjs CRUD with React Context API and Tailwind CSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Fazt Web 23 Sep 25, 2022
A web application that allows users to book rockets and join selected space missions, Using the SpaceX API.

Space-Travelers-Hub A web application that allow users to book rockets and join selected space missions, Using the SpaceX API. This project was bootst

Rachid Boudaoudi 6 Dec 9, 2021
Parcel Next JS - A simple website with Authentication and basic API calls to a backend system.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Subham Roy 1 Jan 2, 2022
Fetching data from REST COUNTRIES API, this app (mobile version for now) gives information like area, population, capital, and borders for 195 countries from seven continents.

Space Travellers' Hub World Countries App works with an API which returns informations about 195 countries. Fetching data from REST COUNTRIES API, thi

Nicolae Pop 7 Aug 8, 2022
Quizzical is a WebApp that access trivia questions from the Open Trivia Database API and score players based on their answers

Quizzical is a WebApp that access trivia questions from the Open Trivia Database API and score players based on their answers

Anshul Verma 1 Jan 22, 2022