scratch-client-4 / client

🖥 The SC4 desktop client. Devlopement currently halted while we work on our mobile client : https://github.com/Scratch-Client-4/mobile

SC4 Client

SC4's user-side, written in pure Vue, Less, and ES6 Javascript

client's Issues

Add more to package.json

I'd like to add more information to the package.json. What should I add for :

• Name
• Entry point
• Build command
• Version
• Author
• License

?

I have a small question

What coding are you using in the dark mode files?

archiving this

If you're OK with it @micahlt I'm archiving the repo

Add a favicon.

The website have no one favicon. Maybe add one ? I will try to code it. I know who then.

dark mode wont stay

if you reload the page dark mode doesnt stay. I think this should be fixed

What is this? (Reading messages)

Describe what this is please (@micahlt)

Blockly Integration

The current Scratch 3.0 editor runs mainly off of Google's Blockly API. Are we going to also use Blockly for the custom editor or are we switching to a different block rendering solution?

I personally think it would be best if we stick with Blockly so that the interface and block dragging mechanics remain familiar for frequent users of Scratch. It's also far easier to implement than having to render all the blocks with custom SVG and canvas scripting.

Blockly is listed with the Apache 2.0 license which means we should have no issues using it. Also, will we eventually have seperate HTML and CSS files for the editor? I'd love to start working on it.

Preprocessor variables may not be parsed inside of CSS variables

Parcel's importing doesn't parse SASS variables inside of CSS variables, so the output code which should be CSS contains SASS variables. And strangely, that works, at least for me, maybe because the browser is capable of reading SASS by itself, knowing that a sourcemap is created and linked to in the output CSS, which allows the browser to access the original SCSS files.

This should be fixed though, either using the postcss workaround mentioned in the issue if we're able to set it up, or by finding another workaround.
cc @Scratch-Client-4/frontend

Travis?

I think at some point we'll need to set up a CI addon or GitHub Action. Anyone got any experience with Travis CI? @Scratch-Client-4/everyone

Make a frontend stack plan

We need to decide what frontend stack we're using. Are we going to use vanilla languages or are we going to use frameworks like Bootstrap or React?

Adopt a JS framework

Shouldn't we adopt a JavaScript framework? I fear plain JS is not ideal for this kind of thing.

Url?

What is the url to the client?

Thx,
Yoyitsm3m8

Snap(snapcraft.io) build for linux users

We could easily bring support to linux users using snapcraft.io! It is very easy, and I'm publishing my own snap today. It's like a universal app store.

Switching to another methodology

The project uses the BEM CSS methodology, which makes classes follow a block__element--modifier pattern, where (quoting from the website):

• block "Encapsulates a standalone entity that is meaningful on its own. While blocks can be nested and interact with each other, semantically they remain equal; there is no precedence or hierarchy."
• element "[are] parts of a block and have no standalone meaning. Any element is semantically tied to its block."
• modifier "[are] flags on blocks or elements. Use them to change appearance, behavior or state."

Alternatives are :

• SMACCSS, which splits the CSS into categories : Base, Layout, Module, State, Theme
• SUITCSS, which uses both utilities and components
• Atomic CSS, which "like inline styles, offers single-purpose units of style, but applied via classes."
• Object-Oriented CSS

Do you prefer any other than BEM @Scratch-Client-4/frontend ?

Make color variables names more logical

The color variables names in the LESS are really confusing.

Change version number in package.json

The version number 0.1.2, if we follow semantic versioning, means the second patch of the first minor version. But, at the current state, we're not even in a minor version.

Could you upload more mockups?

I'm trying to make a chrome extention with the design language