Don't reactive "isActivePath" when change link (menu link)?

[thearabbit]

I base on group router

// Group
let MLMRoutes = FlowRouter.group({
    prefix: '/mlm',
    title: "MLMUPC",
    titlePrefix: 'MLMUPC > ',
});

// Home
import '../imports/pages/home.js';
MLMRoutes.route('/home', {
    name: 'mlm.home',
    title: 'Home',
    action(param, queryParam){
        Layout.main('MLM_home');
    }
});

// About
import '../imports/pages/about.js';
MLMRoutes.route('/about', {
    name: 'mlm.about',
    title: 'About',
    action(param, queryParam){
        Layout.main('MLM_about');
    }
});

I tried to use {{isActivePath path='/mlm/home'}}, but it don't reactive when I change the link.

Hom | About

-----------
// home.html
Active Path: {{isActivePath path='/mlm/home'}}

// about.html
Active Path: {{isActivePath path='/mlm/about'}}

• It work for the first time, It show active string on Home
• And then I try to change route by click About, It don't show active string
  Please help me.

[zimme]

If you're on Meteor 1.3 or later it might not work as expected, I'm in the middle of a re-write and I don't really have time to see if I can fix this problem in the current version.

I would however accept a PR to solve this if this turns out to be a bug.

[thearabbit]

Oh, I base on Meteor 1.4, so don't work.
I will try to fix in manual.

[thearabbit]

Now I try to create lib, It work fine

// Client
import {Template} from 'meteor/templating';
import {ReactiveVar} from 'meteor/reactive-var';
import {Tracker} from 'meteor/tracker';
import {FlowRouter} from 'meteor/kadira:flow-router';
import {_} from 'meteor/erasaur:meteor-lodash';

Template.registerHelper('isActiveRoute', (options) => {
    options = _.isUndefined(options) ? {} : options;
    let optionsHash = _.isUndefined(options.hash) ? {} : options.hash;

    _.defaults(optionsHash, {
        name: '',
        trueValue: 'active',
    });

    let routerName = new ReactiveVar();
    Tracker.autorun(function () {
        FlowRouter.watchPathChange();
        routerName.set(FlowRouter.current().route.name);
    });

    if (routerName.get() == optionsHash.name) {
        return optionsHash.trueValue;
    } else {
        return false;
    }
});

[zimme]

I've just released 1.0.0-alpha.1 of the rewrite for this package.

It's released under activeroute:core, activeroute:flow-router and activeroute:blaze.

To make it work as zimme:active-route you will have to do some setup in a client side file.
e.g.
<project_root>/client/activeroute.js

import { registerTemplateHelpers } from 'activeroute:blaze';
import ActiveRoute from 'meteor/activeroute:core';
import routerAdapter from 'meteor/activeroute:iron-router';

const activeRoute = new ActiveRoute({
  caseSensitive: false, // default value
  routerAdapter,
};

registerTemplateHelpers({
  activeClassName: 'active', // default value
  caseSensitive: false, // default value
  activeRoute,
  disabledClassName: 'disabled', // default value
});

[thearabbit]

I tried

import { registerTemplateHelpers } from 'meteor/activeroute:blaze';
import ActiveRoute from 'meteor/activeroute:core';
import routerAdapter from 'meteor/activeroute:iron-router';

const activeRoute = new ActiveRoute({
  routerAdapter,
};

registerTemplateHelpers({
  activeClassName: 'active', // default value
  caseSensitive: false, // default value
  activeRoute,
  disabledClassName: 'disabled', // default value
});

But show

While building for web.browser:
   packages/activeroute:blaze/client/error.js:2:2: /packages/activeroute:blaze/client/error.js: Missing class
   properties transform.

[zimme]

Meteor doesn't seem to be publishing compiled code when publishing a package which I assumed it did.

I'll change the code in the packages to only use what babel-preset-meteor supports.

[thearabbit]

Waiting legacy ...

[zimme]

@thearabbit, try version 1.0.0-alpha.6 for all activerorute:* packages and see if that works.

I believe you'll have to manually add each package with the specific version to upgrade.

meteor add activeroute:core@1.0.0-alpha.6