Git Product home page Git Product logo

site's Introduction

ESFiddle

Netlify Status MaintainabilityJoin the chat at https://gitter.im/esfiddle/Lobby Contributor Covenant Pull Requests Welcome first-timers-only Friendly

Try out the latest ES6+ features right in your browser.

Take a look at the redesign progress at esfiddle.netlify.com.

Getting Started

Clone the repository

# Get the latest version
git clone [email protected]:esfiddle/site.git

# Change directory
cd site

# Project setup
yarn install

# Compiles and hot-reloads for development
yarn run serve

# Compiles and minifies for production
yarn run build

# Lints and fixes files
yarn run lint

# Run your unit tests
yarn run test:unit

Found a bug?

Read the Help I've Found a Bug article and follow its instructions.

Want to know what we are working on?

Check out our vision.

Contributing Open Source Helpers

We welcome pull requests from first-timers and seasoned veteran programmers alike. Follow the steps above to get setup.

In addition to this we are looking for maintainers. Please come and chat with us in our gitter if you are interested.

Please first review the Code of Conduct and the Contributing guide to help you get setup. Our style guide is based on the Airbnb style guide.

You can help to triage issues. This can include reproducing bug reports, or asking for vital information such as version numbers or reproduction instructions. If you would like to start triaging issues, one easy way to get started is to subscribe to esfiddle/site on CodeTriage.

Then have a look at some of the projects issues Checkout the labels first-timers-only, bite-size (for small issues) and up-for-grabs.

site's People

Contributors

collinmesser avatar dependabot[bot] avatar greenkeeper[bot] avatar ikrydev avatar joshghent avatar sensational-code avatar snyk-bot avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

patelg123 nero2009 konyan sensational-code ikrydev lgtm-migrator

site's Issues

Adjust dark mode palette

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

I'd like to adjust the dark mode palette to be a little more user-friendly. Possibly slightly darker main color and full support across the site. The colors should pass accessibility tests for visibility.

Here are some links to help with creating a palette. I'm fine if someone just wants to create the palette without actually implementing it as well. You could demo the palette in the comments.

Steps to Reproduce

  1. [First Step]
  2. [Second Step]
  3. [and so on...]

Expected behavior: [What you expected to happen]

Actual behavior: [What actually happened]

Versions

ONLY if different than Master currently.
You can get this information from executing npm version.

Over-doing the CSS

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

The CSS needs to be updated to be more uniform and easier to work with. The <div id="app"> needs to be 100vh and 100vw always. The header needs to not have a fixed position, and the app needs to not have a margin: that way fewer calculations need to take place. This will also reduce the amount of CSS that needs to be sent to the frontend (making the page faster).

It will also help with the mobile view of the app, since hiding the overflow doesn't work very well.

Enhance profile page

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

The profile page should show information for the logged in user.

  1. First name
  2. Last name
  3. Username
  4. Log out button

An in-range update of react-router-dom is breaking the build 🚨

The dependency react-router-dom was updated from 4.3.1 to 4.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-router-dom is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Research implementing Probot

Type of issue

  • Bug
  • Idea/Suggestion
  • Question

Description (include any screenshots or debugging information if applicable)

Research if we want to implement Probot

Log In button notaion

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

The current notation of the login button is 'Log in'. It appears in two lines in site. I want to fix it to 'Login' to show it in a line. And the logout button next to it is notated 'Logout'. I want to make them uniform.

Write some unit tests

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

We need to add unit tests to make sure that the project is well tested. It's best to get these started now while the project is young and we can add to them as we go. I'd say a goal for this initial issue/pr would be 80% coverage.

Enhance the Guide to Contributing

Type of issue

  • Bug
  • Idea/Suggestion
  • Question

Description (include any screenshots or debugging information if applicable)

Enhance the guide to contributing to include more scenarios and issue/pr templates. Also descriptions of labels and projects. Research if we should we should use milestones.

An in-range update of @types/react-router-dom is breaking the build 🚨

The devDependency @types/react-router-dom was updated from 4.3.1 to 4.3.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/react-router-dom is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Broken 'Style Guide' link in README page

Type of issue

Bug

Description (include any screenshots or debugging information if applicable)

In the 'Contributing' section of the README page, the 'Style Guide' link appears to be broken'

Update webpack-dev-server

Remediation

Upgrade webpack-dev-server to version 3.1.11 or later. For example:

"dependencies": {
"webpack-dev-server": ">=3.1.11"
}
or…
"devDependencies": {
"webpack-dev-server": ">=3.1.11"
}
Always verify the validity and compatibility of suggestions with your codebase.

An in-range update of react-router is breaking the build 🚨

The dependency react-router was updated from 4.3.1 to 4.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-router is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of history is breaking the build 🚨

The dependency history was updated from 4.9.0 to 4.10.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

history is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
Commits

The new version differs by 37 commits.

There are 37 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Cast vision

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

I need to adjust VISION.md to show a vision for the future of ESFiddle.

Add passport js authentication to React site

Type of issue

  • Bug
  • Idea/Suggestion
  • Question

Description (include any screenshots or debugging information if applicable)

Add passportjs authentication to the react site (branch react-redesign)
Allow users to login via github, twitter or Google

An in-range update of @types/react-router-dom is breaking the build 🚨

The devDependency @types/react-router-dom was updated from 4.3.4 to 4.3.5.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/react-router-dom is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Up-for-grabs

Type of issue

  • Question

Description (include any screenshots or debugging information if applicable)

I can see that the site repo has changed but at up-for-grabs.net we still have the old repo link as reported to us in up-for-grabs/up-for-grabs.net#1240. Please let us know what label you want to use now so that i will update the label link, or please send a PR for the same.

An in-range update of react is breaking the build 🚨

There have been updates to the react monorepo:

    • The dependency react was updated from 16.8.2 to 16.8.3.
  • The dependency react-dom was updated from 16.8.2 to 16.8.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of history is breaking the build 🚨

The dependency history was updated from 4.7.2 to 4.9.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

history is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
Commits

The new version differs by 64 commits.

There are 64 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Add 'Dynamic Property Names' to 'ES2015 (ES6) Examples' section in 'Select Example' drop down

Type of issue

Idea

Description (include any screenshots or debugging information if applicable)

ES6 Dynamic Property Names

Allows the ability to create or add properties with dynamically assigned keys:

let city= 'leicester_';
let a = {
[ city + 'population' ]: 500000
};

a[ city + 'county' ] = 'Leicestershire';
console.log(a); // {leicester_population: 350000, leicester_county: 'Leicestershire' }

Add CodeMirror to editor page

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

Add CodeMirror to the editor page so esfiddle can do the thing it's made to do... fiddle.
https://codemirror.net/
Here is the previous code mirror implementation if you need inspiration or anything. https://github.com/esfiddle/esfiddle/blob/develop/src/js/index.js Don't feel like we need to match any of this though.

Steps to Reproduce

  1. [First Step]
  2. [Second Step]
  3. [and so on...]

Expected behavior: [What you expected to happen]

Actual behavior: [What actually happened]

Versions

ONLY if different than Master currently.
You can get this information from executing npm version.

An in-range update of react is breaking the build 🚨

There have been updates to the react monorepo:

    • The dependency react was updated from 16.6.3 to 16.7.0.
  • The dependency react-dom was updated from 16.6.3 to 16.7.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
Release Notes for v16.7.0

React DOM

Scheduler (Experimental)

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

(docs) Enhance the PR template

Type of issue

  • Bug
  • Idea/Suggestion
  • Question

Description (include any screenshots or debugging information if applicable)

The PR template needs adjusting based on the repo architecture

Create light and dark themes

Type of issue

  • Bug
  • Idea/Suggestion
  • Question

Description (include any screenshots or debugging information if applicable)

See the react-backup branch for ideas on implementing this. I believe it's just the header, landing page, and maybe logos that switch based on the theme.

Enhance authentication

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

There are a few tasks here.

  1. Add additional log in options through Firebase. I'd like Github and Twitter only at the moment.
  2. Swap "log in" button with "profile" button after authenticated.
  3. Add log out button to the profile page.

Create tests

Type of issue

  • Bug
  • Feature/Enhancement
  • Question

Description

Create tests.......

Upgrade project to Vue 3

Type of issue

  • Bug
  • Feature/Enhancement
  • Question
  • Tech Debt

Description

I'd like to upgrade this to Vue 3 so 1) it's a good place to learn the new features of Vue 3 and 2) for longer-term maintainability and growth.

No contents on "Blog" and "Editor"

Type of issue

  • Bug

Description

There are no contents on "Blog" and "Editor"
[Description of the bug or feature]
There are no contents on "Blog" and "Editor"

Steps to Reproduce

  1. Go to https://esfiddle.netlify.app
  2. click on "Editor" and "blog"

Expected behavior: [What you expected to happen]
There should have some contents on "Editor" and "blog"
Actual behavior: [What actually happened]
"Editor" and "blog" pages are empty
image
image

Versions

OS: Windows 10
Browser: Firefox 80
ONLY if different than Master currently.
You can get this information from executing npm version.

Implement Firebase with authentication

Type of issue

  • Bug
  • Idea/Suggestion
  • Question

Description (include any screenshots or debugging information if applicable)

I'd like to do authentication and data persistence with Firebase. I think this will be easier than rolling our own DB. At first glance, I think we'll need to store users, user settings, and fiddles.

An in-range update of react is breaking the build 🚨

There have been updates to the react monorepo:

    • The dependency react was updated from 16.8.6 to 16.9.0.
  • The dependency react-dom was updated from 16.8.6 to 16.9.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).
Release Notes for 16.9.0 (August 8, 2019)

React

  • Add <React.Profiler> API for gathering performance measurements programmatically. (@bvaughn in #15172)
  • Remove unstable_ConcurrentMode in favor of unstable_createRoot. (@acdlite in #15532)

React DOM

React DOM Server

  • Fix incorrect output for camelCase custom CSS property names. (@bedakb in #16167)

React Test Utilities and Test Renderer

Artifacts

• react: https://unpkg.com/[email protected]/umd/
• react-art: https://unpkg.com/[email protected]/umd/
• react-dom: https://unpkg.com/[email protected]/umd/
• react-is: https://unpkg.com/[email protected]/umd/
• react-test-renderer: https://unpkg.com/[email protected]/umd/
• scheduler: https://unpkg.com/[email protected]/umd/

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.