alm-tools/alm

Application Lifecycle Managment tools for TypeScript

Burt Harris

@BurtHarris

Hello. I'm just trying out alm-tools, and share questions like @mortan's.

Is there a way I can make alm -o . run Chrome rather then Edge on Windows 10.? I'd rather not change my default browser, but Chrome seems to run alm better in the zoomed-in mode I need to read comfortably.

Basarat Ali Syed

@basarat

can I run my script directly in ALM and see the console output?

Not quite. You can however run a ts->js conversion and see the output in the dev tools console. with Ctrl|⌘ + M. Covered here : https://basarat.gitbooks.io/alm/content/features/build.html :rose:

Is there a way I can make alm -o . run Chrome rather then Edge on Windows 10.? I'd rather not change my default browser,

Sadly you have to. open chrome url didn't work reliably on all OSSes and would crash silently if user didn't have chrome, so I just send open url to all OSSes and the OS load the default browser : https://github.com/alm-tools/alm/blob/f3c89d0a69fbb0e62e203b5de7d55ea8e006bceb/src/server.ts#L134-L136

Burt Harris

@BurtHarris

Thanks Basarat. One more question: can I exclude certain file names from the dependency view?

Basarat Ali Syed

@basarat

@BurtHarris no, but you can include only specific ones using find

Jari Pennanen

@Ciantic

just wanted to share, but have you @basarat used mobx?

const user = observable({
    userName : ""
});

setTimeout(() => {
    user.userName = "Jack"
}, 3000);

@observer
class SomeComp extends React.Component<any, any> {
    render() {
        return <div>
            {user.userName}
        </div>
    }
}

that thing works as expected

changes to "Jack" in three seconds...

and it's written in TypeScript https://github.com/mobxjs/mobx

I think I'm not going to fiddle with Redux anymore, this is amazingly simpler way

forget about passing shit in context, when you can just import the "user" in deeply nested component

and use it

best of all, it does not re-render if I remove {user.username} from render, it knows it's not using that observable in that case

so it's also precies

precise

Basarat Ali Syed

@basarat

@Ciantic once again great minds think alike https://twitter.com/basarat/status/780661816313516032 🌹

Jari Pennanen

@Ciantic

oh great, you've discovered it already. There still isn't good TS & React resources, one must cobble together from discovering stuff, most seems to be JS libraries

clearly alsot the mobx creator kept the TS as a implementation detail, it's literally not mentioned in docs or the readme, probably to encourage JS peeps to use it :)

well, there is a only small mention in the docs

Jari Pennanen

@Ciantic

apparently the author seems to go as far as allowing untyped pull requests

Basarat Ali Syed

@basarat

🌹

Matthew Wilson

@diakopter

@basarat do you have a suggestion for how to add a preprocessor hook to an alm buffer? That is, let's say I'd like to put some Ohm.js grammar/parser in one window that will output normal TypeScript to another file/window

Basarat Ali Syed

@basarat

@diakopter this is one possible location where you can customize the output : https://github.com/alm-tools/alm/blob/master/src/server/disk/fileModel.ts#L107-L114

That code is cleaning up for .editorconfig before writing to disk. But keeping the in memory version of the contents unchanged

Another location : https://github.com/alm-tools/alm/blob/master/src/server/workers/lang/modules/building.ts#L48 Here we get the .js for a .ts file :rose:

Matthew Wilson

@diakopter

I'm curious; have you seen Ohm's editor? https://ohmlang.github.io/editor/ I'm looking at making some macro system for TypeScript using a grammar written in Ohm. I previously wrote something similar for JavaScript (in 2009) using OMeta (its predecessor). It would be nice to use your editor as a basis for my macro system, just so I can see the formatted/checked output. I think for now I can just use them in separate windows.

Matthew Wilson

@diakopter

@basarat I'm getting an error when I try Ctrl-m

Basarat Ali Syed

@basarat

@diakopter what error? :rose:

Matthew Wilson

@diakopter

Conflict detected, command editor.action.jumpToBracket cannot be triggered by ctrl+m due to editor.action.toggleTabFocusModeKeybindingResolver._addKeyPress @ keybindingResolver.ts:190

Matthew Wilson

@diakopter

@basarat also getting another error trying npm run alm: ERROR in ./~/source-map-support/source-map-support.js
Module not found: Error: Cannot resolve module 'module' in C:\Users\user\src\alm\node_modules\source-map-support
@ ./~/source-map-support/source-map-support.js 464:17-34

Basarat Ali Syed

@basarat

its a bug in source-map-support alm-tools/alm#330 hoping for it to fix itself

^ external pacakge

Basarat Ali Syed

@basarat

^ fixed with
Released with 2.10.0 🌹

Matthew Wilson

@diakopter

cool

Matthew Wilson

@diakopter

@basarat I'm still getting that Ctrl-m error: Conflict detected, command editor.action.rename cannot be triggered by f2 due to editor.action.renameVariable
KeybindingResolver._addKeyPress @ :4444/vs/editor/editor.main.js:59007

Basarat Ali Syed

@basarat

@diakopter resolved the conflicts as well in 2.15.0 :rose:

Matthew Wilson

@diakopter

Matthew Wilson

@diakopter

@basarat have you thought about integrating with https://angularclass.github.io/angular2-webpack-starter/

Matthew Wilson

@diakopter

alm isn't mentioned under "Use a TypeScript-aware editor"

James Salamon

@lorezzed

I'm trying to use monaco [https://github.com/Microsoft/monaco-editor#installing] in my webpack project but the package can't be found so this doesn't work:

import * as monaco from 'monaco-editor'

do I have to change the path, or am I going about this the wrong way?

Matthew Wilson

@diakopter

@basarat latest doesn't install with node v7.4.0, npm v4.1.2, tsc 2.2.0-dev.20170124

Gaël Marziou

@gmarziou

Hi, I'm a developer of JHipster: a yeoman generator that combines java on server and angular on client.
Please, I need some help with alm: it's working fine on a project generated by angular-cli but freezes on a project generated by JHipster.
My env is Windows 10, node 6.9.2, yarn 0.19.1, tsc 2.1.4.

I suppose it is specific to our project structure where ng2 source is in src/main/webapp but I don't know how to debug this.
Here is a repo of such a generated project: https://github.com/gmarziou/demo-alm

Sorry if this is not the right place for such questions

alm -o
Version: 2.26.0
DASHBOARD: (launched in browser) http://localhost:4444
TSCONFIG: All Good! E:/projets/demo-alm/tsconfig.json
[TSC] Started Initial Error Analysis: E:/projets/demo-alm/tsconfig.json
[LINT] About to start linting files:  112
[LINT] Lint complete 6s

then nothing happens, the window browser gets dark without any error in console

Gaël Marziou

@gmarziou

I have improved the situation by adding this to tsconfig.json:

    "include": [
        "src/main/webapp",
        "src/test/javascript"
    ]

So now, I can interact with the UI in browser but when I click on file tree, it keeps loading forever.

Pascal GANAYE

@paganaye

I got a problem running alm for the first time.
I am using Linux Mint

node 7.5.0

Where communities thrive

People

Repo info

Activity