@po-ui/ng-code-editor 5.22.3 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -20
- package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.mjs +2 -0
- package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.mjs +2 -0
- package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.mjs +2 -0
- package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.mjs +2 -0
- package/esm2020/lib/components/po-code-editor/po-code-editor-base.component.mjs +261 -0
- package/esm2020/lib/components/po-code-editor/po-code-editor-register.service.mjs +66 -0
- package/esm2020/lib/components/po-code-editor/po-code-editor-suggestion.service.mjs +29 -0
- package/{esm2015/lib/components/po-code-editor/po-code-editor.component.js → esm2020/lib/components/po-code-editor/po-code-editor.component.mjs} +229 -225
- package/esm2020/lib/components/po-code-editor/po-code-editor.module.mjs +37 -0
- package/esm2020/lib/index.mjs +4 -0
- package/esm2020/po-ui-ng-code-editor.mjs +5 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +2 -2
- package/fesm2015/po-ui-ng-code-editor.mjs +632 -0
- package/fesm2015/po-ui-ng-code-editor.mjs.map +1 -0
- package/{fesm2015/po-ui-ng-code-editor.js → fesm2020/po-ui-ng-code-editor.mjs} +605 -582
- package/fesm2020/po-ui-ng-code-editor.mjs.map +1 -0
- package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.d.ts +22 -22
- package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.d.ts +37 -37
- package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.d.ts +21 -21
- package/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.d.ts +17 -17
- package/lib/components/po-code-editor/po-code-editor-base.component.d.ts +194 -191
- package/lib/components/po-code-editor/po-code-editor-register.service.d.ts +70 -67
- package/lib/components/po-code-editor/po-code-editor-suggestion.service.d.ts +10 -7
- package/lib/components/po-code-editor/po-code-editor.component.d.ts +61 -58
- package/lib/components/po-code-editor/po-code-editor.module.d.ts +16 -10
- package/lib/index.d.ts +7 -7
- package/package.json +31 -16
- package/po-ui-ng-code-editor-6.2.0.tgz +0 -0
- package/po-ui-ng-code-editor.d.ts +5 -6
- package/public-api.d.ts +1 -1
- package/schematics/README.md +98 -98
- package/schematics/collection.json +10 -10
- package/schematics/ng-add/index.d.ts +10 -10
- package/schematics/ng-add/index.js +38 -38
- package/schematics/ng-add/index.js.map +1 -1
- package/schematics/ng-add/index.spec.d.ts +1 -1
- package/schematics/ng-add/index.spec.js +113 -113
- package/schematics/ng-add/index.spec.js.map +1 -1
- package/schematics/ng-add/schema.json +7 -7
- package/bundles/po-ui-ng-code-editor.umd.js +0 -981
- package/bundles/po-ui-ng-code-editor.umd.js.map +0 -1
- package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.js +0 -2
- package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.js +0 -2
- package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.js +0 -2
- package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.js +0 -2
- package/esm2015/lib/components/po-code-editor/po-code-editor-base.component.js +0 -248
- package/esm2015/lib/components/po-code-editor/po-code-editor-register.service.js +0 -63
- package/esm2015/lib/components/po-code-editor/po-code-editor-suggestion.service.js +0 -28
- package/esm2015/lib/components/po-code-editor/po-code-editor.module.js +0 -31
- package/esm2015/lib/index.js +0 -4
- package/esm2015/po-ui-ng-code-editor.js +0 -7
- package/fesm2015/po-ui-ng-code-editor.js.map +0 -1
- package/po-ui-ng-code-editor-5.22.3.tgz +0 -0
- package/po-ui-ng-code-editor.metadata.json +0 -1
|
@@ -1,58 +1,61 @@
|
|
|
1
|
-
import { AfterViewInit, DoCheck, ElementRef, NgZone } from '@angular/core';
|
|
2
|
-
import { PoCodeEditorBaseComponent } from './po-code-editor-base.component';
|
|
3
|
-
import { PoCodeEditorRegister } from './po-code-editor-register.service';
|
|
4
|
-
import { PoCodeEditorRegisterableSuggestion } from './interfaces/po-code-editor-registerable-suggestion.interface';
|
|
5
|
-
import { PoCodeEditorSuggestionService } from './po-code-editor-suggestion.service';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.
|
|
14
|
-
* </
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
* <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.
|
|
19
|
-
* </
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
* <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.
|
|
24
|
-
* </
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.
|
|
29
|
-
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.
|
|
30
|
-
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.
|
|
31
|
-
* </
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
* <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.
|
|
36
|
-
* </
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
private
|
|
41
|
-
private
|
|
42
|
-
private
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
private
|
|
57
|
-
private
|
|
58
|
-
|
|
1
|
+
import { AfterViewInit, DoCheck, ElementRef, NgZone } from '@angular/core';
|
|
2
|
+
import { PoCodeEditorBaseComponent } from './po-code-editor-base.component';
|
|
3
|
+
import { PoCodeEditorRegister } from './po-code-editor-register.service';
|
|
4
|
+
import { PoCodeEditorRegisterableSuggestion } from './interfaces/po-code-editor-registerable-suggestion.interface';
|
|
5
|
+
import { PoCodeEditorSuggestionService } from './po-code-editor-suggestion.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* @docsExtends PoCodeEditorBaseComponent
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
*
|
|
12
|
+
* <example name="po-code-editor-basic" title="PO Code Editor Basic">
|
|
13
|
+
* <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.html"> </file>
|
|
14
|
+
* <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.ts"> </file>
|
|
15
|
+
* </example>
|
|
16
|
+
*
|
|
17
|
+
* <example name="po-code-editor-labs" title="PO Code Editor Labs">
|
|
18
|
+
* <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.html"> </file>
|
|
19
|
+
* <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.ts"> </file>
|
|
20
|
+
* </example>
|
|
21
|
+
*
|
|
22
|
+
* <example name="po-code-editor-diff" title="PO Code Editor - Diff">
|
|
23
|
+
* <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.html"> </file>
|
|
24
|
+
* <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.ts"> </file>
|
|
25
|
+
* </example>
|
|
26
|
+
*
|
|
27
|
+
* <example name="po-code-editor-terraform" title="PO Code Editor - Terraform">
|
|
28
|
+
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.html"> </file>
|
|
29
|
+
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.ts"> </file>
|
|
30
|
+
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.constant.ts"> </file>
|
|
31
|
+
* <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.module.ts"> </file>
|
|
32
|
+
* </example>
|
|
33
|
+
*
|
|
34
|
+
* <example name="po-code-editor-suggestion" title="PO Code Editor Suggestion">
|
|
35
|
+
* <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.html"> </file>
|
|
36
|
+
* <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.ts"> </file>
|
|
37
|
+
* </example>
|
|
38
|
+
*/
|
|
39
|
+
export declare class PoCodeEditorComponent extends PoCodeEditorBaseComponent implements AfterViewInit, DoCheck {
|
|
40
|
+
private zone;
|
|
41
|
+
private el;
|
|
42
|
+
private poCodeEditorSuggestionService;
|
|
43
|
+
private codeEditorRegister?;
|
|
44
|
+
editorContainer: ElementRef;
|
|
45
|
+
canLoad: boolean;
|
|
46
|
+
constructor(zone: NgZone, el: ElementRef, poCodeEditorSuggestionService: PoCodeEditorSuggestionService, codeEditorRegister?: PoCodeEditorRegister);
|
|
47
|
+
ngAfterViewInit(): void;
|
|
48
|
+
ngDoCheck(): void;
|
|
49
|
+
monacoCreateModel(value: string): any;
|
|
50
|
+
setValueInEditor(): void;
|
|
51
|
+
setLanguage(language: string): void;
|
|
52
|
+
setTheme(theme: string): void;
|
|
53
|
+
setReadOnly(readOnly: boolean): void;
|
|
54
|
+
setSuggestions(newSuggestions: Array<PoCodeEditorRegisterableSuggestion>, language?: string): void;
|
|
55
|
+
writeValue(value: any): void;
|
|
56
|
+
private initMonaco;
|
|
57
|
+
private setMonacoLanguage;
|
|
58
|
+
private registerCustomLanguage;
|
|
59
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorComponent, never>;
|
|
60
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoCodeEditorComponent, "po-code-editor", never, {}, {}, never, never>;
|
|
61
|
+
}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
-
import { PoCodeEditorRegisterable } from './interfaces/po-code-editor-registerable.interface';
|
|
3
|
-
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
+
import { PoCodeEditorRegisterable } from './interfaces/po-code-editor-registerable.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./po-code-editor.component";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
/**
|
|
7
|
+
* @description
|
|
8
|
+
*
|
|
9
|
+
* Módulo do componente po-code-editor.
|
|
10
|
+
*/
|
|
11
|
+
export declare class PoCodeEditorModule {
|
|
12
|
+
static forRegister(props: PoCodeEditorRegisterable): ModuleWithProviders<PoCodeEditorModule>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorModule, never>;
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoCodeEditorModule, [typeof i1.PoCodeEditorComponent], [typeof i2.CommonModule], [typeof i1.PoCodeEditorComponent]>;
|
|
15
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoCodeEditorModule>;
|
|
16
|
+
}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { PoCodeEditorComponent } from './components/po-code-editor/po-code-editor.component';
|
|
2
|
-
export { PoCodeEditorRegister } from './components/po-code-editor/po-code-editor-register.service';
|
|
3
|
-
export { PoCodeEditorRegisterable } from './components/po-code-editor/interfaces/po-code-editor-registerable.interface';
|
|
4
|
-
export { PoCodeEditorRegisterableOptions } from './components/po-code-editor/interfaces/po-code-editor-registerable-options.interface';
|
|
5
|
-
export { PoCodeEditorRegisterableTokens } from './components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface';
|
|
6
|
-
export { PoCodeEditorRegisterableSuggestion } from './components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface';
|
|
7
|
-
export { PoCodeEditorModule } from './components/po-code-editor/po-code-editor.module';
|
|
1
|
+
export { PoCodeEditorComponent } from './components/po-code-editor/po-code-editor.component';
|
|
2
|
+
export { PoCodeEditorRegister } from './components/po-code-editor/po-code-editor-register.service';
|
|
3
|
+
export { PoCodeEditorRegisterable } from './components/po-code-editor/interfaces/po-code-editor-registerable.interface';
|
|
4
|
+
export { PoCodeEditorRegisterableOptions } from './components/po-code-editor/interfaces/po-code-editor-registerable-options.interface';
|
|
5
|
+
export { PoCodeEditorRegisterableTokens } from './components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface';
|
|
6
|
+
export { PoCodeEditorRegisterableSuggestion } from './components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface';
|
|
7
|
+
export { PoCodeEditorModule } from './components/po-code-editor/po-code-editor.module';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-code-editor",
|
|
3
|
-
"version": "
|
|
4
|
-
"tag": "
|
|
3
|
+
"version": "6.2.0",
|
|
4
|
+
"tag": "next",
|
|
5
5
|
"description": "PO UI - Code Editor",
|
|
6
6
|
"author": "PO UI",
|
|
7
7
|
"license": "MIT",
|
|
@@ -12,27 +12,42 @@
|
|
|
12
12
|
},
|
|
13
13
|
"schematics": "./schematics/collection.json",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@po-ui/ng-components": "
|
|
16
|
-
"@po-ui/ng-schematics": "
|
|
15
|
+
"@po-ui/ng-components": "6.2.0",
|
|
16
|
+
"@po-ui/ng-schematics": "6.2.0",
|
|
17
17
|
"monaco-editor": "0.24.0",
|
|
18
18
|
"core-js": "^3.13.0",
|
|
19
19
|
"intl": "^1.2.5",
|
|
20
|
-
"tslib": "^2.
|
|
20
|
+
"tslib": "^2.3.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@angular/common": "^
|
|
24
|
-
"@angular/core": "^
|
|
25
|
-
"@angular/forms": "^
|
|
26
|
-
"@po-ui/ng-components": "
|
|
23
|
+
"@angular/common": "^13.0.2",
|
|
24
|
+
"@angular/core": "^13.0.2",
|
|
25
|
+
"@angular/forms": "^13.0.2",
|
|
26
|
+
"@po-ui/ng-components": "6.2.0",
|
|
27
27
|
"monaco-editor": "0.24.0",
|
|
28
28
|
"zone.js": "~0.11.4"
|
|
29
29
|
},
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"fesm2015": "fesm2015/po-ui-ng-code-editor.
|
|
30
|
+
"module": "fesm2015/po-ui-ng-code-editor.mjs",
|
|
31
|
+
"es2020": "fesm2020/po-ui-ng-code-editor.mjs",
|
|
32
|
+
"esm2020": "esm2020/po-ui-ng-code-editor.mjs",
|
|
33
|
+
"fesm2020": "fesm2020/po-ui-ng-code-editor.mjs",
|
|
34
|
+
"fesm2015": "fesm2015/po-ui-ng-code-editor.mjs",
|
|
35
35
|
"typings": "po-ui-ng-code-editor.d.ts",
|
|
36
|
-
"
|
|
37
|
-
|
|
36
|
+
"exports": {
|
|
37
|
+
"./package.json": {
|
|
38
|
+
"default": "./package.json"
|
|
39
|
+
},
|
|
40
|
+
".": {
|
|
41
|
+
"types": "./po-ui-ng-code-editor.d.ts",
|
|
42
|
+
"esm2020": "./esm2020/po-ui-ng-code-editor.mjs",
|
|
43
|
+
"es2020": "./fesm2020/po-ui-ng-code-editor.mjs",
|
|
44
|
+
"es2015": "./fesm2015/po-ui-ng-code-editor.mjs",
|
|
45
|
+
"node": "./fesm2015/po-ui-ng-code-editor.mjs",
|
|
46
|
+
"default": "./fesm2020/po-ui-ng-code-editor.mjs"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
"sideEffects": false,
|
|
50
|
+
"scripts": {
|
|
51
|
+
"prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
|
|
52
|
+
}
|
|
38
53
|
}
|
|
Binary file
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export { PoCodeEditorSuggestionService as ɵb } from './lib/components/po-code-editor/po-code-editor-suggestion.service';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="@po-ui/ng-code-editor" />
|
|
5
|
+
export * from './public-api';
|
package/public-api.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './lib/index';
|
|
1
|
+
export * from './lib/index';
|
package/schematics/README.md
CHANGED
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
# PO UI Code Editor
|
|
2
|
-
|
|
3
|
-
## Modo desenvolvimento
|
|
4
|
-
|
|
5
|
-
Para desenvolver novos *schematics* ou alterá-los é necessário executar o comando abaixo na raiz do projeto:
|
|
6
|
-
|
|
7
|
-
```
|
|
8
|
-
~ <caminho_do_repositorio>/po-angular
|
|
9
|
-
> npm run build:schematics
|
|
10
|
-
```
|
|
11
|
-
|
|
12
|
-
Após executar o comando será criada a pasta `dist/ng-schematics` e você estará apto a utilizar a biblioteca
|
|
13
|
-
em modo de desenvolvimento para implementar novas melhorias/correções e etc.
|
|
14
|
-
|
|
15
|
-
## Como testar
|
|
16
|
-
|
|
17
|
-
Há duas possibilidades para execução de testes para os novos *schematics*:
|
|
18
|
-
|
|
19
|
-
### 1 - npm link
|
|
20
|
-
|
|
21
|
-
O comando **npm link** criará um link simbólico do pacote que deseja testar dentro do `node_modules` da aplicação. Desta forma, é possível executar *schematics* do `po-code-editor` diretamente em `./projects/app/src/app`.
|
|
22
|
-
|
|
23
|
-
Primeiramente, é necessário alterar em `angular.json`:
|
|
24
|
-
|
|
25
|
-
```
|
|
26
|
-
...
|
|
27
|
-
"defaultProject": "app"
|
|
28
|
-
...
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
Executar o build do projeto `po-code-editor`:
|
|
32
|
-
|
|
33
|
-
```
|
|
34
|
-
> npm run build:code-editor
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
Agora executaremos o comando de link:
|
|
38
|
-
|
|
39
|
-
```
|
|
40
|
-
> npm link dist/ng-code-editor
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
Por fim, executando o comando abaixo, o pacote do `po-code-editor` será instalado e também será adicionado o módulo `PoCodeEditorModule` em `app.module.ts`:
|
|
44
|
-
|
|
45
|
-
```
|
|
46
|
-
> ng generate @po-ui/ng-code-editor:ng-add
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
> Pra remover posteriormente o pacote `po-code-editor` do `node_modules` execute `npm uninstall @po-ui/ng-code-editor`.
|
|
50
|
-
### 2 - verdaccio
|
|
51
|
-
|
|
52
|
-
Para poder testar localmente é necessário instalar [verdaccio](https://github.com/verdaccio/verdaccio), para termos um *npm registry* local,
|
|
53
|
-
onde publicaremos os pacotes para realizar o teste.
|
|
54
|
-
|
|
55
|
-
Após a instalação, devemos apontar o npm registry para o que iniciaremos localmente.
|
|
56
|
-
|
|
57
|
-
O comando abaixo subirá o npm local, no endereço http://localhost:4873.
|
|
58
|
-
|
|
59
|
-
```
|
|
60
|
-
> verdaccio
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
Em seguida, definiremos o *npm registry*, conforme o comando abaixo:
|
|
64
|
-
|
|
65
|
-
```
|
|
66
|
-
> npm set registry http://localhost:4873
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
A partir de agora, os pacotes que publicaremos serão enviados ao nosso registry local.
|
|
70
|
-
|
|
71
|
-
> Para utilizar *npm registry* global novamente, execute o comando: `npm set registry https://registry.npmjs.org/`.
|
|
72
|
-
|
|
73
|
-
Antes de testarmos o pacotes, devemos fazer duas configurações, são elas:
|
|
74
|
-
|
|
75
|
-
- Adicionar dentro do arquivo ```verdaccio/config.yaml``` a configuração: `max_body_size: 200mb`;
|
|
76
|
-
- Executar o comando: ``` npm adduser --registry http://localhost:4873 ```
|
|
77
|
-
|
|
78
|
-
Feito isso, podemos realizar o build e a publicação local dos pacotes do `po-code-editor` e também das suas dependências:
|
|
79
|
-
|
|
80
|
-
1 - Publicar o `@po-ui/style` ou fixar a versão do style no `package.json` da raiz.
|
|
81
|
-
|
|
82
|
-
2 - Publicação dos pacotes do `po-angular` no Verdaccio.
|
|
83
|
-
|
|
84
|
-
```
|
|
85
|
-
> npm run build && npm run publish:local
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
3 - Adicionar a tag na versão latest do `po-code-editor`:
|
|
89
|
-
|
|
90
|
-
```
|
|
91
|
-
> npm dist-tags add @po-ui/ng-code-editor@version
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
4 - Por fim, execute o comando abaixo no seu projeto Angular:
|
|
95
|
-
|
|
96
|
-
```
|
|
97
|
-
> ng add @po-ui/ng-code-editor
|
|
98
|
-
```
|
|
1
|
+
# PO UI Code Editor
|
|
2
|
+
|
|
3
|
+
## Modo desenvolvimento
|
|
4
|
+
|
|
5
|
+
Para desenvolver novos *schematics* ou alterá-los é necessário executar o comando abaixo na raiz do projeto:
|
|
6
|
+
|
|
7
|
+
```
|
|
8
|
+
~ <caminho_do_repositorio>/po-angular
|
|
9
|
+
> npm run build:schematics
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
Após executar o comando será criada a pasta `dist/ng-schematics` e você estará apto a utilizar a biblioteca
|
|
13
|
+
em modo de desenvolvimento para implementar novas melhorias/correções e etc.
|
|
14
|
+
|
|
15
|
+
## Como testar
|
|
16
|
+
|
|
17
|
+
Há duas possibilidades para execução de testes para os novos *schematics*:
|
|
18
|
+
|
|
19
|
+
### 1 - npm link
|
|
20
|
+
|
|
21
|
+
O comando **npm link** criará um link simbólico do pacote que deseja testar dentro do `node_modules` da aplicação. Desta forma, é possível executar *schematics* do `po-code-editor` diretamente em `./projects/app/src/app`.
|
|
22
|
+
|
|
23
|
+
Primeiramente, é necessário alterar em `angular.json`:
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
...
|
|
27
|
+
"defaultProject": "app"
|
|
28
|
+
...
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
Executar o build do projeto `po-code-editor`:
|
|
32
|
+
|
|
33
|
+
```
|
|
34
|
+
> npm run build:code-editor
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
Agora executaremos o comando de link:
|
|
38
|
+
|
|
39
|
+
```
|
|
40
|
+
> npm link dist/ng-code-editor
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
Por fim, executando o comando abaixo, o pacote do `po-code-editor` será instalado e também será adicionado o módulo `PoCodeEditorModule` em `app.module.ts`:
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
> ng generate @po-ui/ng-code-editor:ng-add
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
> Pra remover posteriormente o pacote `po-code-editor` do `node_modules` execute `npm uninstall @po-ui/ng-code-editor`.
|
|
50
|
+
### 2 - verdaccio
|
|
51
|
+
|
|
52
|
+
Para poder testar localmente é necessário instalar [verdaccio](https://github.com/verdaccio/verdaccio), para termos um *npm registry* local,
|
|
53
|
+
onde publicaremos os pacotes para realizar o teste.
|
|
54
|
+
|
|
55
|
+
Após a instalação, devemos apontar o npm registry para o que iniciaremos localmente.
|
|
56
|
+
|
|
57
|
+
O comando abaixo subirá o npm local, no endereço http://localhost:4873.
|
|
58
|
+
|
|
59
|
+
```
|
|
60
|
+
> verdaccio
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
Em seguida, definiremos o *npm registry*, conforme o comando abaixo:
|
|
64
|
+
|
|
65
|
+
```
|
|
66
|
+
> npm set registry http://localhost:4873
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
A partir de agora, os pacotes que publicaremos serão enviados ao nosso registry local.
|
|
70
|
+
|
|
71
|
+
> Para utilizar *npm registry* global novamente, execute o comando: `npm set registry https://registry.npmjs.org/`.
|
|
72
|
+
|
|
73
|
+
Antes de testarmos o pacotes, devemos fazer duas configurações, são elas:
|
|
74
|
+
|
|
75
|
+
- Adicionar dentro do arquivo ```verdaccio/config.yaml``` a configuração: `max_body_size: 200mb`;
|
|
76
|
+
- Executar o comando: ``` npm adduser --registry http://localhost:4873 ```
|
|
77
|
+
|
|
78
|
+
Feito isso, podemos realizar o build e a publicação local dos pacotes do `po-code-editor` e também das suas dependências:
|
|
79
|
+
|
|
80
|
+
1 - Publicar o `@po-ui/style` ou fixar a versão do style no `package.json` da raiz.
|
|
81
|
+
|
|
82
|
+
2 - Publicação dos pacotes do `po-angular` no Verdaccio.
|
|
83
|
+
|
|
84
|
+
```
|
|
85
|
+
> npm run build && npm run publish:local
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
3 - Adicionar a tag na versão latest do `po-code-editor`:
|
|
89
|
+
|
|
90
|
+
```
|
|
91
|
+
> npm dist-tags add @po-ui/ng-code-editor@version
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
4 - Por fim, execute o comando abaixo no seu projeto Angular:
|
|
95
|
+
|
|
96
|
+
```
|
|
97
|
+
> ng add @po-ui/ng-code-editor
|
|
98
|
+
```
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
|
|
3
|
-
"schematics": {
|
|
4
|
-
"ng-add": {
|
|
5
|
-
"description": "Add my library to the project.",
|
|
6
|
-
"factory": "./ng-add/index",
|
|
7
|
-
"schema": "./ng-add/schema.json"
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
|
|
3
|
+
"schematics": {
|
|
4
|
+
"ng-add": {
|
|
5
|
+
"description": "Add my library to the project.",
|
|
6
|
+
"factory": "./ng-add/index",
|
|
7
|
+
"schema": "./ng-add/schema.json"
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Rule } from '@angular-devkit/schematics';
|
|
2
|
-
/**
|
|
3
|
-
* Scaffolds the basics of the PO Code Editor, this includes:
|
|
4
|
-
* - Install dependencies;
|
|
5
|
-
* - Imports PoCodeEditorModule to app root module;
|
|
6
|
-
* - Configure the theme's style in the project workspace;
|
|
7
|
-
* - Configure the monaco editor's asset in the project workspace;
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
export default function (options: any): Rule;
|
|
1
|
+
import { Rule } from '@angular-devkit/schematics';
|
|
2
|
+
/**
|
|
3
|
+
* Scaffolds the basics of the PO Code Editor, this includes:
|
|
4
|
+
* - Install dependencies;
|
|
5
|
+
* - Imports PoCodeEditorModule to app root module;
|
|
6
|
+
* - Configure the theme's style in the project workspace;
|
|
7
|
+
* - Configure the monaco editor's asset in the project workspace;
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
export default function (options: any): Rule;
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const schematics_1 = require("@angular-devkit/schematics");
|
|
4
|
-
const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
5
|
-
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
|
-
const module_1 = require("@po-ui/ng-schematics/module/module");
|
|
7
|
-
const build_target_options_1 = require("@po-ui/ng-schematics/build-target-options/build-target-options");
|
|
8
|
-
/** PO Module name that will be inserted into app root module */
|
|
9
|
-
const poCodeEditorModuleName = 'PoCodeEditorModule';
|
|
10
|
-
const poCodeEditorModuleSourcePath = '@po-ui/ng-code-editor';
|
|
11
|
-
// Path needs to be always relative to the `package.json` or workspace root.
|
|
12
|
-
const poThemeStylePath = './node_modules/@po-ui/style/css/po-theme-default.min.css';
|
|
13
|
-
// Monaco asset to be included in the project.
|
|
14
|
-
const poCodeEditorMonacoAsset = { glob: '**/*', input: 'node_modules/monaco-editor/min', output: '/assets/monaco/' };
|
|
15
|
-
/**
|
|
16
|
-
* Scaffolds the basics of the PO Code Editor, this includes:
|
|
17
|
-
* - Install dependencies;
|
|
18
|
-
* - Imports PoCodeEditorModule to app root module;
|
|
19
|
-
* - Configure the theme's style in the project workspace;
|
|
20
|
-
* - Configure the monaco editor's asset in the project workspace;
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
23
|
-
function default_1(options) {
|
|
24
|
-
return schematics_1.chain([
|
|
25
|
-
addPoPackageAndInstall(),
|
|
26
|
-
module_1.addModuleImportToRootModule(options, poCodeEditorModuleName, poCodeEditorModuleSourcePath),
|
|
27
|
-
build_target_options_1.configuringBuildTargets(options, 'styles', poThemeStylePath),
|
|
28
|
-
build_target_options_1.configuringBuildTargets(options, 'assets', poCodeEditorMonacoAsset)
|
|
29
|
-
]);
|
|
30
|
-
}
|
|
31
|
-
exports.default = default_1;
|
|
32
|
-
function addPoPackageAndInstall() {
|
|
33
|
-
return (tree, context) => {
|
|
34
|
-
package_config_1.addPackageToPackageJson(tree, '@po-ui/ng-code-editor', '
|
|
35
|
-
// install packages
|
|
36
|
-
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
37
|
-
};
|
|
38
|
-
}
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const schematics_1 = require("@angular-devkit/schematics");
|
|
4
|
+
const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
5
|
+
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
|
+
const module_1 = require("@po-ui/ng-schematics/module/module");
|
|
7
|
+
const build_target_options_1 = require("@po-ui/ng-schematics/build-target-options/build-target-options");
|
|
8
|
+
/** PO Module name that will be inserted into app root module */
|
|
9
|
+
const poCodeEditorModuleName = 'PoCodeEditorModule';
|
|
10
|
+
const poCodeEditorModuleSourcePath = '@po-ui/ng-code-editor';
|
|
11
|
+
// Path needs to be always relative to the `package.json` or workspace root.
|
|
12
|
+
const poThemeStylePath = './node_modules/@po-ui/style/css/po-theme-default.min.css';
|
|
13
|
+
// Monaco asset to be included in the project.
|
|
14
|
+
const poCodeEditorMonacoAsset = { glob: '**/*', input: 'node_modules/monaco-editor/min', output: '/assets/monaco/' };
|
|
15
|
+
/**
|
|
16
|
+
* Scaffolds the basics of the PO Code Editor, this includes:
|
|
17
|
+
* - Install dependencies;
|
|
18
|
+
* - Imports PoCodeEditorModule to app root module;
|
|
19
|
+
* - Configure the theme's style in the project workspace;
|
|
20
|
+
* - Configure the monaco editor's asset in the project workspace;
|
|
21
|
+
*
|
|
22
|
+
*/
|
|
23
|
+
function default_1(options) {
|
|
24
|
+
return (0, schematics_1.chain)([
|
|
25
|
+
addPoPackageAndInstall(),
|
|
26
|
+
(0, module_1.addModuleImportToRootModule)(options, poCodeEditorModuleName, poCodeEditorModuleSourcePath),
|
|
27
|
+
(0, build_target_options_1.configuringBuildTargets)(options, 'styles', poThemeStylePath),
|
|
28
|
+
(0, build_target_options_1.configuringBuildTargets)(options, 'assets', poCodeEditorMonacoAsset)
|
|
29
|
+
]);
|
|
30
|
+
}
|
|
31
|
+
exports.default = default_1;
|
|
32
|
+
function addPoPackageAndInstall() {
|
|
33
|
+
return (tree, context) => {
|
|
34
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-code-editor', '6.2.0');
|
|
35
|
+
// install packages
|
|
36
|
+
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/code-editor/schematics/ng-add/index.ts"],"names":[],"mappings":";;AAAA,2DAAiF;AACjF,4DAA0E;AAE1E,wEAA8E;AAC9E,+DAAiF;AACjF,yGAAyG;AAEzG,gEAAgE;AAChE,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AACpD,MAAM,4BAA4B,GAAG,uBAAuB,CAAC;AAE7D,4EAA4E;AAC5E,MAAM,gBAAgB,GAAG,0DAA0D,CAAC;AAEpF,8CAA8C;AAC9C,MAAM,uBAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gCAAgC,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AAErH;;;;;;;GAOG;AACH,mBAAyB,OAAY;IACnC,OAAO,kBAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/code-editor/schematics/ng-add/index.ts"],"names":[],"mappings":";;AAAA,2DAAiF;AACjF,4DAA0E;AAE1E,wEAA8E;AAC9E,+DAAiF;AACjF,yGAAyG;AAEzG,gEAAgE;AAChE,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AACpD,MAAM,4BAA4B,GAAG,uBAAuB,CAAC;AAE7D,4EAA4E;AAC5E,MAAM,gBAAgB,GAAG,0DAA0D,CAAC;AAEpF,8CAA8C;AAC9C,MAAM,uBAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gCAAgC,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AAErH;;;;;;;GAOG;AACH,mBAAyB,OAAY;IACnC,OAAO,IAAA,kBAAK,EAAC;QACX,sBAAsB,EAAE;QACxB,IAAA,oCAA2B,EAAC,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,CAAC;QAC1F,IAAA,8CAAuB,EAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,CAAC;QAC5D,IAAA,8CAAuB,EAAC,OAAO,EAAE,QAAQ,EAAE,uBAAuB,CAAC;KACpE,CAAC,CAAC;AACL,CAAC;AAPD,4BAOC;AAED,SAAS,sBAAsB;IAC7B,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC/C,IAAA,wCAAuB,EAAC,IAAI,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,CAAC;QAE5E,mBAAmB;QACnB,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|