Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Custom Overlay Color Editor #34

Merged
merged 4 commits into from
Sep 17, 2018
Merged

Conversation

clarkio
Copy link
Owner

@clarkio clarkio commented Sep 17, 2018

Purpose

  • This adds a new view/endpoint that allows users to load up overlay URLs, adjust the hue of the overlay and save the color in a custom css file to be used later.

Does this introduce a breaking change?

  • Yes
  • No

Pull Request Type

What kind of change does this Pull Request introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Documentation content changes
  • Other... Please describe:

How to Test

  • Get the code
git clone git@github.com:clarkio/ttv-chat-light.git
cd ttv-chat-client
git checkout [branch-name]
npm install

What to Check

Verify that the following are valid

  • ...

Other Information

Copy link
Collaborator

@nmarch213 nmarch213 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works on my machine!

I also know our end goal doesn't plan on using the pug templating so if that's the plan just to get some features on the board I approve.

Now that we are at this milestone if we can talk about what are the next few major goals you want to accomplish is to hit twitchcon.

src/files.ts Outdated
@@ -0,0 +1,21 @@
import { appendFile, existsSync, writeFile } from 'fs';
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The name of this file can be more descriptive. I don't know the future of the file, but its explicitly writing to a custom styles class

src/files.ts Outdated
});
});
}
return new Promise((resolve, reject) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The complexity is high with this one, probably going to refactor moving forward, but pull request to me makes it seems like this code is going into master.

import * as files from '../files';

export const saveCssRoute = (req: express.Request, res: express.Response) => {
const captains = console;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This can use the log class

const data = formatForCSS(colorName, hueRotateDeg);
files
.write(data)
.then((result: any) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You should be able to type what the result is going to be.

$('#container').css('filter', `hue-rotate(${hueRotateDeg}deg)`);
}

function request(requestOptions) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like this

@nmarch213 nmarch213 added this to To do in TwitchCon Session Prep via automation Sep 17, 2018
@nmarch213 nmarch213 moved this from To do to In progress in TwitchCon Session Prep Sep 17, 2018
@nmarch213 nmarch213 merged commit dc802e3 into master Sep 17, 2018
TwitchCon Session Prep automation moved this from In progress to Done Sep 17, 2018
@clarkio clarkio deleted the custom-overlay-colors-ts branch March 14, 2019 04:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

None yet

2 participants