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

Support <meteor-bundled-css /> pseudo-tag for controlling position of CSS bundle. (#24) #9657

Merged
merged 13 commits into from Feb 21, 2018

Conversation

Projects
None yet
4 participants
@rcurrier666
Contributor

rcurrier666 commented Feb 10, 2018

This PR is for feature request #24 Order of merged-stylesheets.css in <head>. A new pseudo tag, <meteor-bundled-css>, has been created. When placed anywhere in the <head> of an app it will be replaced by the link to the bundled CSS in the output. If no tag is seen, then the bundle will be placed at the top of the <head> section as before so that this feature is backward compatible.

Two new tests have been created, one to verify that the tag is actually replaced by the bundle, and one to verify that the bundle is in the correct place. All old boilerplate tests are untouched (except for the addition of a flag to control whether the input HTML contains the tag) and continue to work (verifying that without the tag everything works as before).

[WIP question] Where should this be documented? I thought perhaps in the build section, though I don't see an obvious place to put it there. It also seems to be a non-obvious place for anyone to look. Or will it only appear in the release notes?

Otherwise, this PR should be good to go.

@rcurrier666

This comment has been minimized.

Contributor

rcurrier666 commented Feb 10, 2018

My unit tests succeeded but the one failure isn't any place that I touched:

S: tinytest - observeChanges - unordered - specific fields + selector on excluded fields : !!!!!!!!! FAIL !!!!!!!!!!!
@axelvaindal

This comment has been minimized.

axelvaindal commented Feb 11, 2018

In order to help tracking this PR in the corresponding feature request, here is the related link (as yours redirect to the 24th issue of the Meteor repository.

Meteor Feature Request #24.

@rcurrier666

This comment has been minimized.

Contributor

rcurrier666 commented Feb 13, 2018

With last night's commits, that should wrap up both the code and tests for both browser and Cordova for this feature. I just need someone to let me know where the documentation for this feature should go or if it isn't needed.

@hwillson

Thanks for submitting this PR @rcurrier666! I've added a few small formatting issue comments inline, but other than that I think we're just about all set here (I just need to finish some extra testing). Thanks again!

}) => [
}) => {
var headSections = head.split(/<meteor-bundled-css[^<>]*>/, 2);
// if (headSections.length > 1) {

This comment has been minimized.

@hwillson

hwillson Feb 20, 2018

Member

Please remove this commented code.

This comment has been minimized.

@rcurrier666

rcurrier666 Feb 20, 2018

Contributor

Sorry, thought I had removed this before.

dynamicHead,
'</head>',
'<body>',
].join('\n');
};

This comment has been minimized.

@hwillson

hwillson Feb 20, 2018

Member

The indentation looks like a little off here - looks like lines 21 - 35 need to be indented.

This comment has been minimized.

@rcurrier666

rcurrier666 Feb 20, 2018

Contributor

The entire "return [" block needed to be indented. I also added a couple of blank lines to make it easier to see which lines go together.

rcurrier666 and others added some commits Feb 20, 2018

Remove commented out code.
Fix indentation and add whitespace to return statement.
@hwillson

This comment has been minimized.

Member

hwillson commented Feb 21, 2018

Thanks @rcurrier666 - looks great! I've finished an additional round of testing, and things are working well. We have a PR review meeting today and this will be discussed.

@benjamn benjamn added this to the Release 1.6.2 milestone Feb 21, 2018

@benjamn

This is great! Let's just bump the package versions to 1.5.0 so that we can schedule this for Meteor 1.6.2, since it's a fairly significant change.

@abernix abernix changed the title from [WIP] Feature request #24 - Meteor css bundle to Meteor css bundle (#24) Feb 21, 2018

@abernix abernix changed the title from Meteor css bundle (#24) to Meteor css bundle Feb 21, 2018

@benjamn benjamn changed the title from Meteor css bundle to Support <meteor-bundled-css /> pseudo-tag for controlling position of CSS bundle. (#24) Feb 21, 2018

@benjamn benjamn merged commit 282b450 into meteor:devel Feb 21, 2018

1 of 5 checks passed

ci/circleci: Docs Your tests are queued behind your running builds
Details
ci/circleci: Get Ready Your tests are queued behind your running builds
Details
continuous-integration/appveyor/pr Waiting for AppVeyor build to complete
Details
continuous-integration/travis-ci/pr The Travis CI build is in progress
Details
CLA Author has signed the Meteor CLA.
Details

skirunman added a commit to skirunman/guide that referenced this pull request Oct 14, 2018

Update build-tool.html
Document use of `.meteorignore` meteor/docs#262 added in Meteor v1.5.2.1

Document use of `<meteor-bundled-css />` tag added in Meteor 1.7
meteor#720
meteor/meteor#9657

General clean up and re-write for clarification.

@skirunman skirunman referenced this pull request Oct 14, 2018

Merged

Update build-tool.html #896

lorensr added a commit to meteor/guide that referenced this pull request Oct 14, 2018

Update build-tool.html (#896)
Document use of `.meteorignore` meteor/docs#262 added in Meteor v1.5.2.1

Document use of `<meteor-bundled-css />` tag added in Meteor 1.7, fixes #720
#720
meteor/meteor#9657

General clean up and re-write for clarification.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment