Less files not being integrated by Meteor - meteor

Purchased a theme for my new app, which is entirely based on LESS. However, Meteor is not recognizing the #varable variables in the LESS files. I have over 100+ such files and these error lines span for that long as well.
Is there anything that I'm doing wrong here by assuming Meteor will compile all the files because the layout isn't working correctly and these LESS file problems are the reason. Anything I can do to fix this problem?

Please check if the version of less used in your purchased theme is compatible with the version of Meteor that your app is using. I had a similar issue recently where my purchased theme used an older version of less which was not compatible with Meteor 1.2. So, when I updated my app to the latest version of Meteor, my app layout was messed up as the less files were not properly interpreted. Please see Breaking changes in Meteor 1.2 - point 3 under Build tool and package improvements
Just my $0.02

Related

Looking for a SASS/SCSS/Less library for non-ASP .NET Core app

I'm working on a cross-platform command line app that converts a user's text files into HTML output (similar to Markdown), and I want to provide the users an option to customize the output style with SASS/Less. Is there any CSS preprocessor/compiler library out there that I can use to compile stylesheets at runtime?
LibSASS requires installing things on Linux, which I'm trying to avoid because this needs to be a simple "one-click, run anywhere" utility without any dependencies apart from .NET Core. If I remember correctly, it also had conflicts when trying to import multiple platform NuGet packages in the same project.
I started with dotless but I've already stumbled on like 3 serious bugs and that project hasn't been updated since 2018 so I don't think they're getting fixed anytime soon. And I don't want to tie my project to a dead library for a pretty central functionality.
Looks like SharpScss is what I'm looking for. By adding
<PropertyGroup>
<RuntimeIdentifiers>win-x86;win-x64;linux-x64;osx-x64</RuntimeIdentifiers>
</PropertyGroup>
to the project file, the SASS parsing runs in both Windows and Linux (haven't tested on OSX) without having to install or configure anything.

Meteor hot reloader does not detect .graphql file changes

I've been facing a really frustrating problem regarding .graphql files while developing in Meteor. Whenever I change my graphql files, Meteor does not notice the changes and I should change something in the source files to force Meteor to reload.
However, sometimes it does not even apply the changes after the hot reloading.
I'm wondering if the be any solution to get around this issue.
Meteor knows to recompile based on files changing that have an extension that Meteor or a Meteor build plugin supports.
https://guide.meteor.com/build-tool.html#build-plugins
This one supports .graphql files:
https://github.com/Swydo/meteor-graphql

Specific Angular 2/4 & Meteor quickstart/tutorial?

I've been all over the Meteor and Angular-Meteor websites (and Angular-Meteor github) looking for a pure Angular 2/4 guide to using Meteor (all I can seem to find is an Ionic one). Kind of confused as to how to use the CLI's together. Does anyone have a tutorial or know the steps to setting this up without Ionic? Or should I just be trying to follow the Ionic tutorial but using Angular CLI instead?
For anyone who is interested.
I spent most the day trying to use https://github.com/Urigo/angular-meteor with my app (used the quickstart), copied most of my apps src into the clients/imports directory and tried to keep the same app structure as the one on github, with a bit of messing around was able to get the angular bit working however if you are planning on using #angular/material, especially with a custom theme then you're in for a world of hurt (quite a few issues and comments re importing scss mixins from node_modules on the meteor github, meteors build system doesn't seem to like it).
To make it all work properly, follow the steps in The process I've done to recreate this section at https://github.com/Urigo/angular-meteor/examples/angularcli-meteor
If you already have an angular 4 app partially built then start in your apps root directory at step 3 (ng eject).
Instructions are fairly straight forward. Any steps where there isn't code examples (Now we need to create api/tsconfig.json) copy the file in question from the repo.
Hope that saves some others a heap of time.

ASP.NET - install React and typescript

So have created an ASP.NET 4.5.2 project and now need to install react and typescript. I installed node.js so wondering if its best to install via that. Also because I will be using TypeScript I will need the .d.ts files is there an easy way to install these in the project locally? Cause I assume everything else will be installed globally by npm as I might use them in other projects?
One other thing I am confused by all the different types of react packages available on npm, do i need a few or just one of them? I have worked on many projects involving this kind of tech stack but they are established and have never created one from scratch like i am doing now. So some really informative links or tips here would be immensely helpful! :)
So using Visual Studio 2017 I followed this tutorial and managed to get it working. The only issue left now is that i need to call webpack cmd on the project root when i make changes before refreshing the site. I am fine with this and will look into further into automating it as it kind of is a different and unrelated question.
One thing I will include is to always install npm packages globally (most of the time anyway) and just link them in using npm link. Was quite useful considering I went through the process a few times creating the project from scratch over and over again until I understood it all.

Dart Packages folder not existing anymore how do I integrate with symfony now for development

Back in the times of dart 1.9.x I made a dart frontend with symfony rest backend. Today I wanted to setup a development environment to do some more work on that app.
Unfortunately it turned out that dart 1.21.x does no longer create a packages folder where all the dart files are. This not only breaks the way integration worked up until now for development but it also breaks how template Urls are resolved by anything other than pub serve
Appart from creating the packages folder symlinks myself or completely rewriting the App. Does anybody know a good way to integrate the latest dart with Symfony?
You can opt-in
pub get --packages-dir
but the option is planned to be removed eventually, therefore try to find a way your application works without it.
The migration to code generation, DDC, and bazel might make this easier (none released yet)
There are also the packages
https://pub.dartlang.org/packages/package_resolver
https://pub.dartlang.org/packages/package_config
that help with the .packages file that replaces the packages directory and symlinks.
The sass package (which most often causes issues with the missing packages directory) also should become available in a version that doesn't depend on the packages directory soon.

Resources