angular-klingon / klingon Goto Github PK
View Code? Open in Web Editor NEWAngular Klingon: The UI companion for the @angular/cli
Home Page: https://angular.run
License: MIT License
Angular Klingon: The UI companion for the @angular/cli
Home Page: https://angular.run
License: MIT License
Describe the solution you'd like
We could prepopulate the Project Root directory field in the UI with the current directory allocated to the server (ie, process.cwd()), another value (maybe from config?).
This can prevent issue #81
@sumitparakh what do you think?
Describe the bug
Getting Location workspace file ('angular.json') could not be found while trying to serve application
Additional context
Problem is, everytime it is trying to serve application from home directory where app doesn't exist. Hence command fails.
Proposed Solution
There should be an option to specify root dir in serve tab and make application field mandatory. Once user enter root dir and application name, we can pass it as current working directory to the cli command. Note msg.dir here:-
https://github.com/angular-klingon/klingon/blob/master/packages/klingon-server/terminal.js#L60
Related to #6
Is your feature request related to a problem? Please describe.
This will be the home page for any new project or imported or opened an existing project. It will provide statistics of all angular utilities such as components, services, pipes etc and will provide a deep linking within them.
there is a new feature coming in the @angular/cli
which is part of @angular-devkit
it will allow getting a list of flags for a certain command. Klingon will use that in order to avoid hardcoding these flags.
Describe the bug
Line feed character(\n) doesn't send Enter signal to terminal in Windows.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
After reloading, new project root directory which gets saved in localstorage, should be set as current directory in terminal.
Desktop (please complete the following information):
depends on #83
When trying to create a new project, it fails. The output error is:
Data path "" should NOT have additional properties(sourceDir).
This is due the flags, old flags are being used.
The fix is change the UI to configure only the up to date available flags.
I think debug should be false in production. But at present it is hardcoded as true .
Describe the bug
When we run the "ng new" command in a DRY mode, the app tries to change shell directory to that new folder app. But with a DRY command, no forlder gets created!
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Don't change the current directory in dry mode.
Describe the bug
TSLint must be version 5.5 or higher
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Describe the bug
When we run electron in prod. env. Service worker script and klingon logo image breaks.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
It should load service worker script.
Desktop (please complete the following information):
When you run npm install to fetch all the packages, there is a postscript after installation (postinstall) to bootstrap by lerna that it fails in version 10 of node.
Current versions:
The problem actually resides in a dependency version of node-pty.
There is a fix in the release log of node-pty. This was merged in version 0.7.5.
More info:
issue: microsoft/node-pty#192
commit: microsoft/node-pty@79b5b0c
Describe the bug
While importing any angular project from different drive, or creating a new one with project root from different drive, klingon doesn't change path to the resultant directory after successful project creation or import
To Reproduce
Steps to reproduce the behavior:
After npm install , you will notice that klingon tries to change current shell location(which is home directory by default) to the newly created project root directory. But it doesn't.
Expected behavior
It should change directory to the different drive location
Desktop (please complete the following information):
see @angular/devkit
Perform some code cleaning
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
- [x] bug report -> please search issues before submitting
- [ ] feature request
'@klingon/core': '0.1.0',
npm: '6.0.1',
ares: '1.10.1-DEV',
cldr: '31.0.1',
http_parser: '2.7.0',
icu: '59.1',
modules: '57',
nghttp2: '1.25.0',
node: '8.9.4',
openssl: '1.0.2n',
tz: '2017b',
unicode: '9.0',
uv: '1.15.0',
v8: '6.1.534.50',
zlib: '1.2.11'
Create new project:
Set name
change prefixe
select in advance options :
Error: Unable to start terminal process: CreateProcess failed
at new WindowsPtyAgent (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\node-pty\lib\windowsPtyAgent.js:25:24)
at new WindowsTerminal (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\node-pty\lib\windowsTerminal.js:45:23)
at Object.spawn (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\node-pty\lib\index.js:27:12)
at app.post (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\terminal.js:23:22)
at Layer.handle [as handle_request] (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\express\lib\router\layer.js:95:5)
at next (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\express\lib\router\route.js:137:13)
at Route.dispatch (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\express\lib\router\route.js:112:3)
at Layer.handle [as handle_request] (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\express\lib\router\layer.js:95:5)
at C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\express\lib\router\index.js:281:22
at Function.process_params (C:\Workspace\PERSO\OSS\klingon\packages\klingon-server\node_modules\express\lib\router\index.js:335:12)
<<< [ 'new',
'Klingon',
'Test',
'--prefix=kli',
'--source-dir=src',
'--style=css',
'--verbose=true',
'--inline-style=false',
'--inline-template=false',
'--dry-run=false',
'--minimal=true',
'--routing=true',
'--skip-commit=false',
'--skip-git=false',
'--skip-install=false',
'--skip-tests=false',
'' ]
events.js:183
throw er; // Unhandled 'error' event
^
Error: spawn ng ENOENT
at _errnoException (util.js:1022:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:190:19)
at onErrorNT (internal/child_process.js:372:16)
at _combinedTickCallback (internal/process/next_tick.js:138:11)
at process._tickCallback (internal/process/next_tick.js:180:9)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @klingon/[email protected] start: node terminal.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @klingon/[email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\parsy.v\AppData\Roaming\npm-cache_logs\2018-08-30T11_42_41_489Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @klingon/[email protected] start:server: cd packages/klingon-server/ && npm start
npm ERR! Exit status 1
OS : windows 10
Klingon should be able to restore based on dropped angular app project/folder.
Describe the bug
When you serve angular application, it throws many errors because it is still using some old flags which are removed in angular 6..
We get following bugs:-
To Reproduce
Serve any angular application from serve tab.
Expected behavior
It should serve the app successfully.
Is your feature request related to a problem? Please describe.
This feature is related to the ng generate issue #5 .
Reason to include this feature
Point behind this feature is that, when a user creates new project, he will most likely work on it. So instead of leaving shell at home directory, we should change it to working directory path. i.e., the path of newly created angular project..
Should be:-
(Documents is project root directory and nggen is app directory name)
It will help in generating new components just after creating new project. User won't need to rely on project root directory field if he is alreay in that path.
move to @angular-devkit/schematics (read about schematics)
Tasks
The packages/klingon-ui package needs to be upgraded to the latest Angular CLI.
If project root directory is specified then on next startup, shell should be in the specified project root directory, instead of home directory.
It will improve user's expirience because generally, developers like to work in their own workspace, so if they are already in their workspace directory in klingon,they will be able to write shell commands from klingon shell itself instead of doing it from their own terminal.
The UI of the "generate page" should only be available (enabled) after we have a project ready.
I've just switched from windows 10 to linux (kali) and when i ran the project. I found that there was another service(Apache Test) which was using 3000 port. So klingon server threw "port in use" error.
So i've changed server port from 3000 to 3001 and it worked.
But then, klingon-ui threw 404 error because localhost:3000 was hardcoded in it.. So i had to update the port at 4-5 locations in klingon-ui. It is a bit time taking.
I think we should define scheme, host and port values in environment file so that it is reused across klingon-ui and reduce hardcoding.
Error when running "npm run start:app" and electron is not installed
Is your feature request related to a problem? Please describe.
Currently it feels very inconvenient as a user that i have to import or create new project every time i open the project. Although the empty space around different tabs can be utilized in better ways. Hence this issue will cover and track those improvements which will improve/overhaul overall user experience of angular developer.
We will use this issue to track todos for v1: (this is a living issue โ updated frequently)
If you'd like to contribute to any of the TODOs below, please create a separate issue so we can track and discuss each task separately.
@klingon/ui
klingon.json
that will hold upcoming configurations (#68)ng new
(#4)ng generate
(#5)ng serve
(#6)ng build
(#7)ng test
(#8)@klingon/server
@klingon/app
@klingon/website
move to mat-expansion-panel (read more mat-expansion-panel)
Let's use angular#master^HEAD as our main version.
NOTE: this is forcing us to stay up to date but also, this may introduce some breaking changes, so we should be reactive and fix bugs as they arise ^^
https://angular.run (klingon/ui) should:
Blocked by: #32
When cloning the project and running npm install, packages are installed as expected, but as the postintall script run lerna bootstrap, this fails due some packages conflicts during the installtion of the packages versions in each project.
The fix is to remove package-lock files and run npm install to generate new lock files. After this, you can run npm install and start without errors.
Is your feature request related to a problem? Please describe.
Faced some merge conflict issues due to inconsistent formatting.
Describe the solution you'd like
Set a recommended formatting extension and default formatting setting for angular klingon so that user always know which formatter to use to avoid formatting based merge conflicts.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
The Klingon app needs you. If you wanna help, leave your name below ๐
Describe the bug
The server crashes if the provided root directory doesn't exist.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Klingon should provide a wizard to guide the user while creating or importing a new project.
Describe the bug
Terminal kill signal throws error - Signals not supported on windows.
To Reproduce
Run any unauthorized klingon shell command and shell will try to terminate it using a kill signal 'SIGINT'. It works in Linux based systems but not in Windows.
Expected behavior
It should cancel current command and jump to the new line as happens in linux systems.
Desktop (please complete the following information):
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.