goatslacker / alt-devtool Goto Github PK

Hi! I am using webpack and meteor. Alt-devtool do not see any alt instance. Is it because webpack hides alt in other functions? How to make Alt-devtool working with webpack?

alts.all(...).map is not a function

Loading app while running this tool throws the above exception. I rebuilt the chrome package manually and it seems to fix the issue so I'm guessing the dist just needs to be repackaged with your recent updates.

alt 0.16.8
OSX 10.10.3
Chrome 43

When the log dispatches checkbox is checked, dispatches are not logged. When it is not checked, they are.

Was able to do "window["alt.js.org"] = alt;' and get the snapshot button to work... but none of the dispatch logging seems to fire. Seems pretty useful if it did :)

I'm using Iso.

At first load, all Dispatches and all Stores are strings. But after at least one action, all Stores are changing object, but dispatches are not.

How can I fix it?

import Alt from 'alt';

const alt = new Alt({});

// Debug
Alt.debug('alt', alt);

This is all I did.

Hello,

there is an error in the console log.

Exception: Failed to execute 'postMessage' on 'Window': An object could not be cloned. 
chrome-extension://hlphpmkmonogpcpobpgjoidchbgbplio/dist/altif.js:122 

code: 25
message: "Failed to execute 'postMessage' on 'Window': An object could not be cloned.
"name: "DataCloneError
"stack: 
"Error: Failed to execute 'postMessage' on 'Window': An object could not be cloned.
↵    at Error (native)
↵    at post (chrome-extension://hlphpmkmonogpcpobpgjoidchbgbplio/dist/altif.js:122:10

But the extension work well :)

Chromium Version 41.0.2272.76 Ubuntu 15.04 (64-bit)

This is so you can override your stores that contain circular objects not to return anything,

i can't catch the alt with alt-devtool

i fixed alt-tutorial to o.18(alt)

The react devtools have a way to connect to a react instance in an iframe (using __REACT_DEVTOOLS_GLOBAL_HOOK__ = parent.__REACT_DEVTOOLS_GLOBAL_HOOK__).

Is there any way to do that for alt?

I have alt in an iframe because of webpack's dev server.

• Moves over the necessary files minus the source and the dot files into a separate folder
• Zips that folder

At least having any specific chrome integration points isolated from the primary devtool would be awesome to add support in later with another browserify command or entry point.

When the dev tool is launched in an undocked window with a given size, it uses that size for his own rendering space, but it doesn't update that when you resize the window, e.g. make it larger / full screen:

The alt-devtool by default shows nothing. No Stores, No Dispatches.

Only if I console.log the Store,

console.log(MyStore)

then the Store is visible in the devtools.

I am not able to figure out what the issue is.

Chrome has some kind of new policy that disallows apps not found on store, so it disables alt-devtool also. And i cant find it in chrome shop.

Might be issue with Chrome itself, not this extension, but when I drag the .crx to the chrome://extensions tab it installs it and a second later disables it saying "Not from Chrome Web Store.". So I check the "Enable" box again and nothing happens. Instead, in console, it writes error:

Unchecked runtime.lastError while running management.setEnabled: Extension hlphpmkmonogpcpobpgjoidchbgbplio cannot be modified by user.

I'm on Windows 10, ran the Chrome as Administrator.
Tried enabling the extension in Developer mode and without, same error.

The way I got it working was to rename the extension to .zip, unpack, and load it as unpacked extension in Developer mode. But I'm still posting the issue just in case, cause your readme says it should work by drag and dropping.

Recently I have upgraded alt js to 0.18.1 this version. After that, I can't see any store object in the debugger tool. It's empty.

I have a data structure being passed through the dispatcher that contains circular references (third party library, don't ask). When the chrome debugger is enabled a call to JSON.stringify, the following error is raised and alt fails to dispatch the event:

TypeError: Converting circular structure to JSON

The code in which it fails is:

function registerAlt() {
  ....
  listeners = alts.map(function (obj, i) {
    ....
    var listener = finalStore.listen(function (_ref) {
      ...
      post("DISPATCH", {
        alt: i,
        id: id,
        action: payload.details.id,
        data: JSON.stringify(payload.data)     // <----- fails here
      });

So I think there are two problems:

1. The Chrome debugger hook should probably just log any failures but allow the dispatch to continue.

2. The stringify should handle circular refs. See this stack question for a way to do that: http://stackoverflow.com/questions/11616630/json-stringify-avoid-typeerror-converting-circular-structure-to-json

Just tried Alt and alt-devtool for the first time and got the following the error in the title.

I guess it's because Alt got rid of Symbols in 0.17.0

https://github.com/goatslacker/alt/blob/master/CHANGELOG.md#0170

The only reference on Symbols in alt-devtool can be found here

If I define a store like:

import immutable from 'alt/utils/ImmutableUtil';

alt.createStore(immutable({
  displayName: 'derpStore',
  state: new Immutable.Map({
    count: 0
  }),
  reduce: (state, payload) => {
    return state.updateIn([ 'count' ], x => x + 1);
  }
}));

I get:

TypeError: Cannot read property 'onSerialize' of undefined

from here.

If I use alt.addStore(StoreClass) with the same config patched into the prototype it works as expected. Also the immutable-util works as expected, because when I takeSnapshot('derpStore') I get a sensible serialization.

Ideas?

Having explicit instructions for building this extension would be nice! I've been thinking of a few neat features for the devtool, would help in contributing. Or, better yet, automate releases somehow.

Oh, and currently it's impossible to tell whether you're running an outdated version of the devtool, because there's a) no releases on GitHub, and b) no version number (that I know of at least) in the devtools UI.

Inspired by @chodorowicz's comment on #17.

From the readme:

If you'd like to install this yourself without going through the chrome store then visit this link:

And if I want to go through the Chrome store? Even some googling and searching in the Chrome store didn't help.

Thanks!