Provide alternative quick-add menus for different kinds of tools

[jywarren]

The quick-add menu is really great:

But we could imagine other types of quick-add menus, maybe to use different "effects" like this:

Could we make it possible to switch to another "quick add" menu instead of this one, that might feature a different set of quick add modules?

We'd probably have to change this function to accept a collection of modules and settings:

https://github.com/publiclab/image-sequencer/blob/main/examples/lib/insertPreview.js

This should be easy; we can just add this as a parameter and default it to the current set:

image-sequencer/examples/lib/insertPreview.js

Lines 32 to 45 in 3c1b6f2

	var previewSequencerSteps = {
	"resize": "125%",
	"brightness": "20",
	"saturation": "5",
	"rotate": 90,
	"contrast": 90,
	"crop": {
	"x": 0,
	"y": 0,
	"w": "(50%)",
	"h": "(50%)",
	"noUI": true
	}
	}

so like:

  function updatePreviews(src, selector, steps) {

// ...

    var previewSequencerSteps = steps || {
      "resize": "125%",
      "brightness": "20",
      "saturation": "5",

Then we'd call it like we do here:

image-sequencer/examples/demo.js

Line 197 in 2f21bec

insertPreview.updatePreviews(reader.result,'addStep');

but with a different set of steps.

But which steps? Can we set it to a range of brightnesses or tints? Similar to the above example, or use some that are like Instagram filters?

[harshithpabbati]

@jywarren can you explain me what to do ??? I mean what changes should I do???

[YogeshSharma01]

hi @jywarren well i understand your point with these quick-add menus. Here you want to add more like these like different filters on images ? right ? well i would like to work on this allow me.