Giter Site home page Giter Site logo

Comments (10)

brrn avatar brrn commented on July 29, 2024 5

Hey @ReessKennedy, thanks for the feedback. I like the idea of creating a URL that can trigger the compile, like a webhook. That would especially come in handy if we added an option to only compile scss manually (along with adding a compile button to the dashboard).

Would anyone else be interested in this?

from wp-scss.

ReessKennedy avatar ReessKennedy commented on July 29, 2024 1

@dmbostan Sorry for the delay man. If you haven't figured it out, you can just open up the wp-scss.php file and then just wrap all the code with this

`if ($_GET['compress'] == 'scss') {

Plugin code goes here ... .

}`

Then whenever you want to update the .CSS you can just visit any page on site and add ?compress=scss. (Or you can change the trigger to any variable / keyword combo, for security.)

You'll no longer be able to see the plugin options page with this so you have to set those settings first.

You probably don't have to wrap the entire page with brackets but I didn't want to waste any time looking at what to hone in on and knew this would work just as good.

from wp-scss.

tomandersen avatar tomandersen commented on July 29, 2024

Agreed - it would be nice to be able to do this. I wonder if changing the 'Compiling mode' will do it.

from wp-scss.

ReessKennedy avatar ReessKennedy commented on July 29, 2024

+1 on this. I am going to try to code a solution like this tonight ... I want to keep the plugin inactive at all times and then just be able to manually click on a link or button to recompile the CSS after an update to the SCSS is made.

from wp-scss.

ReessKennedy avatar ReessKennedy commented on July 29, 2024

Okay. What I decided to do is just wrap all the code in "wp-scss.php" in a URL activated conditional.

Specifically, if ($_GET['compress'] == 'scss') { all code here }

This way you can just leave the plugin activated on your live site all the time but it won't load any of the SCSS plugin code unnecessarily for all your visitors. Then when you make some changes and want to view them you can just visit your homepage and append mysite.com/?compress=scss and it will activate the code and compile it.

It's a hack. And I did have to modify the plugin but it works and solved my issue.

from wp-scss.

benhuson avatar benhuson commented on July 29, 2024

@brrn Yep, it would be handy so it could be triggered like a webhook. Some deploy tools allow you to trigger a URL after deploying code if your hosting only supports FTP (not SSH) so being able to recompile the SCSS after a deploy would be useful.

from wp-scss.

dmbostan avatar dmbostan commented on July 29, 2024

@brrn hell, yeah! Any ETA on this ?

from wp-scss.

dmbostan avatar dmbostan commented on July 29, 2024

@ReessKennedy can you share the code if possible? I don't quite get it.

from wp-scss.

dmbostan avatar dmbostan commented on July 29, 2024

@ReessKennedy thanks! Will give it a try.

from wp-scss.

primathon avatar primathon commented on July 29, 2024

@ReessKennedy @dmbostan Here's how I got this working. Wanted to regenerate the stylesheets whenever I saved an SCSS file within the AceIDE editor. Took quite a bit of debugging to find the correct hooks, but it's actually incredibly simple in the end:

// functions.php - Integration between AceIDE save event and regenerating WP-SCSS files
function mx_compile_wpscss_on_aceide_save()
{
  if ( (class_exists('AceIDE\Editor\IDE')) && (class_exists('Wp_Scss')) )
  {
	add_action('shutdown', 'wp_scss_needs_compiling');
  }
}
add_action('wp_ajax_aceide_save_file', 'mx_compile_wpscss_on_aceide_save');

Really, all you need to do is pick a place to add the wp_scss_needs_compiling function to the shutdown hook, and it'll take care of the rest.

from wp-scss.

Related Issues (20)

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.