@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.
Files changed (55) hide show
  1. package/README.md +20 -20
  2. package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.mjs +2 -0
  3. package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.mjs +2 -0
  4. package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.mjs +2 -0
  5. package/esm2020/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.mjs +2 -0
  6. package/esm2020/lib/components/po-code-editor/po-code-editor-base.component.mjs +261 -0
  7. package/esm2020/lib/components/po-code-editor/po-code-editor-register.service.mjs +66 -0
  8. package/esm2020/lib/components/po-code-editor/po-code-editor-suggestion.service.mjs +29 -0
  9. 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
  10. package/esm2020/lib/components/po-code-editor/po-code-editor.module.mjs +37 -0
  11. package/esm2020/lib/index.mjs +4 -0
  12. package/esm2020/po-ui-ng-code-editor.mjs +5 -0
  13. package/{esm2015/public-api.js → esm2020/public-api.mjs} +2 -2
  14. package/fesm2015/po-ui-ng-code-editor.mjs +632 -0
  15. package/fesm2015/po-ui-ng-code-editor.mjs.map +1 -0
  16. package/{fesm2015/po-ui-ng-code-editor.js → fesm2020/po-ui-ng-code-editor.mjs} +605 -582
  17. package/fesm2020/po-ui-ng-code-editor.mjs.map +1 -0
  18. package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.d.ts +22 -22
  19. package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.d.ts +37 -37
  20. package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.d.ts +21 -21
  21. package/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.d.ts +17 -17
  22. package/lib/components/po-code-editor/po-code-editor-base.component.d.ts +194 -191
  23. package/lib/components/po-code-editor/po-code-editor-register.service.d.ts +70 -67
  24. package/lib/components/po-code-editor/po-code-editor-suggestion.service.d.ts +10 -7
  25. package/lib/components/po-code-editor/po-code-editor.component.d.ts +61 -58
  26. package/lib/components/po-code-editor/po-code-editor.module.d.ts +16 -10
  27. package/lib/index.d.ts +7 -7
  28. package/package.json +31 -16
  29. package/po-ui-ng-code-editor-6.2.0.tgz +0 -0
  30. package/po-ui-ng-code-editor.d.ts +5 -6
  31. package/public-api.d.ts +1 -1
  32. package/schematics/README.md +98 -98
  33. package/schematics/collection.json +10 -10
  34. package/schematics/ng-add/index.d.ts +10 -10
  35. package/schematics/ng-add/index.js +38 -38
  36. package/schematics/ng-add/index.js.map +1 -1
  37. package/schematics/ng-add/index.spec.d.ts +1 -1
  38. package/schematics/ng-add/index.spec.js +113 -113
  39. package/schematics/ng-add/index.spec.js.map +1 -1
  40. package/schematics/ng-add/schema.json +7 -7
  41. package/bundles/po-ui-ng-code-editor.umd.js +0 -981
  42. package/bundles/po-ui-ng-code-editor.umd.js.map +0 -1
  43. package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.js +0 -2
  44. package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.js +0 -2
  45. package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.js +0 -2
  46. package/esm2015/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.js +0 -2
  47. package/esm2015/lib/components/po-code-editor/po-code-editor-base.component.js +0 -248
  48. package/esm2015/lib/components/po-code-editor/po-code-editor-register.service.js +0 -63
  49. package/esm2015/lib/components/po-code-editor/po-code-editor-suggestion.service.js +0 -28
  50. package/esm2015/lib/components/po-code-editor/po-code-editor.module.js +0 -31
  51. package/esm2015/lib/index.js +0 -4
  52. package/esm2015/po-ui-ng-code-editor.js +0 -7
  53. package/fesm2015/po-ui-ng-code-editor.js.map +0 -1
  54. package/po-ui-ng-code-editor-5.22.3.tgz +0 -0
  55. 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
- * @docsExtends PoCodeEditorBaseComponent
8
- *
9
- * @example
10
- *
11
- * <example name="po-code-editor-basic" title="PO Code Editor Basic">
12
- * <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.html"> </file>
13
- * <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.ts"> </file>
14
- * </example>
15
- *
16
- * <example name="po-code-editor-labs" title="PO Code Editor Labs">
17
- * <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.html"> </file>
18
- * <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.ts"> </file>
19
- * </example>
20
- *
21
- * <example name="po-code-editor-diff" title="PO Code Editor - Diff">
22
- * <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.html"> </file>
23
- * <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.ts"> </file>
24
- * </example>
25
- *
26
- * <example name="po-code-editor-terraform" title="PO Code Editor - Terraform">
27
- * <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.html"> </file>
28
- * <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.ts"> </file>
29
- * <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.constant.ts"> </file>
30
- * <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.module.ts"> </file>
31
- * </example>
32
- *
33
- * <example name="po-code-editor-suggestion" title="PO Code Editor Suggestion">
34
- * <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.html"> </file>
35
- * <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.ts"> </file>
36
- * </example>
37
- */
38
- export declare class PoCodeEditorComponent extends PoCodeEditorBaseComponent implements AfterViewInit, DoCheck {
39
- private zone;
40
- private el;
41
- private poCodeEditorSuggestionService;
42
- private codeEditorRegister?;
43
- editorContainer: ElementRef;
44
- canLoad: boolean;
45
- constructor(zone: NgZone, el: ElementRef, poCodeEditorSuggestionService: PoCodeEditorSuggestionService, codeEditorRegister?: PoCodeEditorRegister);
46
- ngAfterViewInit(): void;
47
- ngDoCheck(): void;
48
- monacoCreateModel(value: string): any;
49
- setValueInEditor(): void;
50
- setLanguage(language: string): void;
51
- setTheme(theme: string): void;
52
- setReadOnly(readOnly: boolean): void;
53
- setSuggestions(newSuggestions: Array<PoCodeEditorRegisterableSuggestion>, language?: string): void;
54
- writeValue(value: any): void;
55
- private initMonaco;
56
- private setMonacoLanguage;
57
- private registerCustomLanguage;
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
- * @description
5
- *
6
- * Módulo do componente po-code-editor.
7
- */
8
- export declare class PoCodeEditorModule {
9
- static forRegister(props: PoCodeEditorRegisterable): ModuleWithProviders<PoCodeEditorModule>;
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": "5.22.3",
4
- "tag": "v5-lts",
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": "5.22.3",
16
- "@po-ui/ng-schematics": "5.22.3",
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.1.0"
20
+ "tslib": "^2.3.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "@angular/common": "^12.0.1",
24
- "@angular/core": "^12.0.1",
25
- "@angular/forms": "^12.0.1",
26
- "@po-ui/ng-components": "5.22.3",
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
- "main": "bundles/po-ui-ng-code-editor.umd.js",
31
- "module": "fesm2015/po-ui-ng-code-editor.js",
32
- "es2015": "fesm2015/po-ui-ng-code-editor.js",
33
- "esm2015": "esm2015/po-ui-ng-code-editor.js",
34
- "fesm2015": "fesm2015/po-ui-ng-code-editor.js",
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
- "metadata": "po-ui-ng-code-editor.metadata.json",
37
- "sideEffects": false
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
- export * from './public-api';
5
- export { PoCodeEditorBaseComponent as ɵa } from './lib/components/po-code-editor/po-code-editor-base.component';
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';
@@ -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', '5.22.3');
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,CAAC;QACX,sBAAsB,EAAE;QACxB,oCAA2B,CAAC,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,CAAC;QAC1F,8CAAuB,CAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,CAAC;QAC5D,8CAAuB,CAAC,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,wCAAuB,CAAC,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
+ {"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 {};