mash | Tiny , super fast JS prototype abstraction | Frontend Framework library

I receive spreadsheets with some randomized rows and every time I need to organize the rows in certain groups, and add a blank row between 2 groups. I could identify the groups by a tag that's defined in one column, or by a identifier number column, but I also need to get the row that comes right below the identifiable group.

I already mashed together some working code to change some names I need, and added a menu that will trigger the functions, but I can't even begin to understand how I could group and move these rows to the order I need them showing up.

Does anyone have any idea of how I could build that up, or any pointers?

EXAMPLE FILE:

test file

PURPOSE:

In the file I have simulated how I get the sheet, and I need to arrange the second identifier rows together with their respective totals (which comes below).

I added the codes I've been tinkering around which I'll also add here:

I've written some JavaScript function (selectMeal) to loop 7 times randomly selecting 1 item from an array (tempMealList) then push the item to another Array (dinnersPicked). Once the items been added to the new array (dinnersPicked) it's then removed from the original array (tempMealList) to avoid it from being selected again.

In the console, each run of this function (selectMeal) yields no issue, but when I trigger the function on a button click in HTML, each time the buttons clicked the array being used seems to be permanently altered, with the items randomly selected on the first run of the function not being considered on the second click and similarly for any successive click, any item previously shown is not considered.

I've tried to resolve this in the function by redefining the variables at the start of the function to reset the array being considered on each click but this doesn't seem to work.

What am I doing wrong and how can I make sure that with every click the original array is considered?

Here is the code:

I've currently got the following below, is there a neater way of doing this without the forEach?

It's a Friday and my head has gone to mash today :)

I'm working on a project right now and i set a media query for when the screen is 768px it transforms into a mobile layout. Unfortunately I am having an issue with the activities section of my page. When the media query kicks in all of the cards for that section are supposed to be displayed in a flex with the direction being a column. Instead all of the cards just mash up into each other and overlap causing issues with the footer as well.

This is how that section of HTML code looks like.

Writing a straight quote to curly quote converter and am looking to separate substitution into a few different steps. The first step is to replace contractions in text using a lexicon of known contractions. This won't solve ambiguities, but should convert straight quote usages in common contractions.

In Java, \b and \w don't include apostrophes as part of a word, which makes this problem a bit finicky. The issue is in matching words that:

• contain one or more apostrophes, but do not start or end with one (inner);
• begin with an apostrophe, may contain one or more, but do not end with one (began);
• end with an apostrophe, may contain one or more, but do not start with one (ended); and
• begin and end with an apostrophe, but may not contain one (outer).

Given some nonsensical text:

'Twas---Wha'? Wouldn'tcha'? 'Twas, or 'twasn't, 'tis what's 'tween dawn 'n' dusk 'n stuff. Cookin'? 'Sams' place, 'yo''

the regexes should capture the following words:

• inner: what's
• began: 'Twas, 'Twas, 'twasn't, 'tis, 'tween, 'n
• ended: Wha', Wouldn'tcha', Cookin'
• outer: 'n', 'Sams', 'yo'

Here are non-working expressions, a mix-mash of maladroit thoughts:

• inner: \p{L}+'\p{L}*\p{L}
• began: ((?<=[^\p{L}])|^)'\p{L}+('\p{L}|\p{L})?
• ended: (\p{L}|\p{L}')+'(?=[^\p{L}]|$)

This one appears to work:

• outer: ((?<=[^\p{L}])|^)'\p{L}+'(?!\p{L})

What regular expressions would categorize this quartet of contractions correctly?

Background:

I am attempting to combine two things:

1. I want to pre-populate a TextField with data pulled from an API
2. I want to give the user the ability to edit the TextField

I can do each of these things independently (see below), but I am trying to get TextField components that let me do both at the same time.

Any ideas on how to mash these together?

Code:

I really cant believe that getting JQuery to work with Rails 6 and Webpacker 6 can be so hard.

Suggestions in Rails 6: How to add jquery-ui through webpacker? don't appear to have worked but hard to know if it is the same code stack.

I am using Rails 6.1 and a pre-release version of Webpacker 6.0 to get Heroku to play nicely. Oh, and most of my "Javascript" is in .coffee files.

I even tried renaming application.js to application.coffee and reformatting but that didnt work either.

My Gemfile has

This is my first almost successful addon. It is a standalone script. I have tested it on several slide decks created by others. In the latest test the Table of Contents which my code creates used a master/layout from the deck rather than the BLANK predefined one I called for in my code?

It is possible to encode a unicode character in multiple different ways. This is annoying when creating software. For example, the following string can be encoded with two different rune sequences: