@flowgram.ai/form-materials 0.4.18 → 0.5.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 (83) hide show
  1. package/bin/run.sh +2 -1
  2. package/dist/cjs/components/code-editor/editor-all.js +52 -0
  3. package/dist/cjs/components/code-editor/editor-json.js +71 -0
  4. package/dist/cjs/components/code-editor/editor-python.js +63 -0
  5. package/dist/cjs/components/code-editor/editor-shell.js +63 -0
  6. package/dist/cjs/components/code-editor/editor-sql.js +71 -0
  7. package/dist/cjs/components/code-editor/editor-ts.js +80 -0
  8. package/dist/cjs/components/code-editor/editor.js +41 -30
  9. package/dist/cjs/components/code-editor/factory.js +96 -0
  10. package/dist/cjs/components/code-editor/index.js +31 -36
  11. package/dist/cjs/components/code-editor/theme/dark.js +1 -1
  12. package/dist/cjs/components/code-editor/theme/light.js +1 -1
  13. package/dist/cjs/components/code-editor/utils.js +1 -0
  14. package/dist/cjs/components/index.js +38 -3
  15. package/dist/cjs/components/json-editor-with-variables/editor.js +1 -2
  16. package/dist/cjs/components/sql-editor-with-variables/editor.js +53 -0
  17. package/dist/cjs/components/sql-editor-with-variables/index.js +57 -0
  18. package/dist/cjs/index.js +35 -2
  19. package/dist/cjs/plugins/json-schema-preset/type-definition/array.js +3 -3
  20. package/dist/cjs/plugins/json-schema-preset/type-definition/map.js +3 -3
  21. package/dist/cjs/plugins/json-schema-preset/type-definition/object.js +3 -3
  22. package/dist/esm/components/code-editor/editor-all.mjs +18 -0
  23. package/dist/esm/components/code-editor/editor-json.mjs +16 -0
  24. package/dist/esm/components/code-editor/editor-python.mjs +8 -0
  25. package/dist/esm/components/code-editor/editor-shell.mjs +8 -0
  26. package/dist/esm/components/code-editor/editor-sql.mjs +16 -0
  27. package/dist/esm/components/code-editor/editor-ts.mjs +22 -0
  28. package/dist/esm/components/code-editor/editor.mjs +38 -28
  29. package/dist/esm/components/code-editor/factory.mjs +36 -0
  30. package/dist/esm/components/code-editor/index.mjs +8 -8
  31. package/dist/esm/components/code-editor/theme/dark.mjs +1 -1
  32. package/dist/esm/components/code-editor/theme/light.mjs +1 -1
  33. package/dist/esm/components/code-editor/utils.mjs +1 -0
  34. package/dist/esm/components/index.mjs +4 -2
  35. package/dist/esm/components/json-editor-with-variables/editor.mjs +2 -3
  36. package/dist/esm/components/sql-editor-with-variables/editor.mjs +19 -0
  37. package/dist/esm/components/sql-editor-with-variables/index.mjs +5 -0
  38. package/dist/esm/index.mjs +2 -2
  39. package/dist/esm/plugins/json-schema-preset/type-definition/array.mjs +3 -3
  40. package/dist/esm/plugins/json-schema-preset/type-definition/map.mjs +3 -3
  41. package/dist/esm/plugins/json-schema-preset/type-definition/object.mjs +3 -3
  42. package/dist/tsconfig.tsbuildinfo +1 -1
  43. package/dist/types/components/code-editor/editor-all.d.ts +8 -0
  44. package/dist/types/components/code-editor/editor-json.d.ts +6 -0
  45. package/dist/types/components/code-editor/editor-python.d.ts +6 -0
  46. package/dist/types/components/code-editor/editor-shell.d.ts +6 -0
  47. package/dist/types/components/code-editor/editor-sql.d.ts +6 -0
  48. package/dist/types/components/code-editor/editor-ts.d.ts +6 -0
  49. package/dist/types/components/code-editor/editor.d.ts +3 -2
  50. package/dist/types/components/code-editor/factory.d.ts +13 -0
  51. package/dist/types/components/code-editor/index.d.ts +7 -2
  52. package/dist/types/components/code-editor/utils.d.ts +1 -1
  53. package/dist/types/components/code-editor-mini/index.d.ts +3 -0
  54. package/dist/types/components/index.d.ts +4 -2
  55. package/dist/types/components/sql-editor-with-variables/editor.d.ts +9 -0
  56. package/dist/types/components/sql-editor-with-variables/index.d.ts +6 -0
  57. package/dist/types/index.d.ts +1 -1
  58. package/package.json +7 -8
  59. package/src/components/code-editor/editor-all.tsx +30 -0
  60. package/src/components/code-editor/editor-json.tsx +25 -0
  61. package/src/components/code-editor/editor-python.tsx +18 -0
  62. package/src/components/code-editor/editor-shell.tsx +18 -0
  63. package/src/components/code-editor/editor-sql.tsx +24 -0
  64. package/src/components/code-editor/editor-ts.tsx +31 -0
  65. package/src/components/code-editor/editor.tsx +45 -33
  66. package/src/components/code-editor/factory.tsx +61 -0
  67. package/src/components/code-editor/index.tsx +7 -9
  68. package/src/components/code-editor/theme/dark.ts +1 -1
  69. package/src/components/code-editor/theme/light.ts +1 -1
  70. package/src/components/code-editor/utils.ts +4 -0
  71. package/src/components/code-editor-mini/index.tsx +3 -0
  72. package/src/components/index.ts +25 -2
  73. package/src/components/json-editor-with-variables/editor.tsx +3 -4
  74. package/src/components/sql-editor-with-variables/editor.tsx +28 -0
  75. package/src/components/sql-editor-with-variables/index.tsx +12 -0
  76. package/src/index.ts +19 -3
  77. package/src/plugins/json-schema-preset/type-definition/array.tsx +3 -3
  78. package/src/plugins/json-schema-preset/type-definition/map.tsx +3 -3
  79. package/src/plugins/json-schema-preset/type-definition/object.tsx +3 -3
  80. package/dist/cjs/components/code-editor/language-features.js +0 -124
  81. package/dist/esm/components/code-editor/language-features.mjs +0 -51
  82. package/dist/types/components/code-editor/language-features.d.ts +0 -8
  83. package/src/components/code-editor/language-features.ts +0 -61
@@ -1,124 +0,0 @@
1
- "use strict";
2
- const __rslib_import_meta_url__ = /*#__PURE__*/ function() {
3
- return 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
4
- }();
5
- var __webpack_modules__ = {
6
- "@flowgram.ai/coze-editor/language-json": function(module) {
7
- module.exports = import("@flowgram.ai/coze-editor/language-json").then(function(module) {
8
- return module;
9
- });
10
- },
11
- "@flowgram.ai/coze-editor/language-python": function(module) {
12
- module.exports = import("@flowgram.ai/coze-editor/language-python").then(function(module) {
13
- return module;
14
- });
15
- },
16
- "@flowgram.ai/coze-editor/language-shell": function(module) {
17
- module.exports = import("@flowgram.ai/coze-editor/language-shell").then(function(module) {
18
- return module;
19
- });
20
- },
21
- "@flowgram.ai/coze-editor/language-typescript": function(module) {
22
- module.exports = import("@flowgram.ai/coze-editor/language-typescript").then(function(module) {
23
- return module;
24
- });
25
- }
26
- };
27
- var __webpack_module_cache__ = {};
28
- function __webpack_require__(moduleId) {
29
- var cachedModule = __webpack_module_cache__[moduleId];
30
- if (void 0 !== cachedModule) return cachedModule.exports;
31
- var module = __webpack_module_cache__[moduleId] = {
32
- exports: {}
33
- };
34
- __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
35
- return module.exports;
36
- }
37
- (()=>{
38
- __webpack_require__.d = (exports1, definition)=>{
39
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
40
- enumerable: true,
41
- get: definition[key]
42
- });
43
- };
44
- })();
45
- (()=>{
46
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
47
- })();
48
- (()=>{
49
- __webpack_require__.r = (exports1)=>{
50
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
51
- value: 'Module'
52
- });
53
- Object.defineProperty(exports1, '__esModule', {
54
- value: true
55
- });
56
- };
57
- })();
58
- var __webpack_exports__ = {};
59
- (()=>{
60
- __webpack_require__.r(__webpack_exports__);
61
- __webpack_require__.d(__webpack_exports__, {
62
- dynamicLoadLanguages: ()=>dynamicLoadLanguages,
63
- useDynamicLoadLanguage: ()=>useDynamicLoadLanguage
64
- });
65
- const external_react_namespaceObject = require("react");
66
- const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
67
- const coze_editor_namespaceObject = require("@flowgram.ai/coze-editor");
68
- const dynamicLoadLanguages = {
69
- python: ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-python")).then((module)=>{
70
- preset_code_namespaceObject.languages.register('python', module.python);
71
- }),
72
- shell: ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-shell")).then((module)=>{
73
- preset_code_namespaceObject.languages.register('shell', module.shell);
74
- }),
75
- typescript: ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-typescript")).then((module)=>{
76
- preset_code_namespaceObject.languages.register("typescript", module.typescript);
77
- const tsWorker = new Worker(new URL("@flowgram.ai/coze-editor/language-typescript/worker", __rslib_import_meta_url__), {
78
- type: 'module'
79
- });
80
- module.typescript.languageService.initialize(tsWorker, {
81
- compilerOptions: {
82
- lib: [
83
- 'es2015',
84
- 'dom'
85
- ],
86
- noImplicitAny: false
87
- }
88
- });
89
- }),
90
- json: ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-json")).then((module)=>{
91
- preset_code_namespaceObject.languages.register('json', {
92
- language: (0, coze_editor_namespaceObject.mixLanguages)({
93
- outerLanguage: module.json.language
94
- }),
95
- languageService: module.json.languageService
96
- });
97
- })
98
- };
99
- const useDynamicLoadLanguage = (languageId)=>{
100
- const [loaded, setLoaded] = (0, external_react_namespaceObject.useState)((0, external_react_namespaceObject.useMemo)(()=>!!preset_code_namespaceObject.languages.get(languageId), [
101
- languageId
102
- ]));
103
- (0, external_react_namespaceObject.useEffect)(()=>{
104
- if (!loaded && dynamicLoadLanguages[languageId]) dynamicLoadLanguages[languageId]().then(()=>{
105
- setLoaded(true);
106
- });
107
- }, [
108
- languageId,
109
- loaded
110
- ]);
111
- return {
112
- loaded
113
- };
114
- };
115
- })();
116
- exports.dynamicLoadLanguages = __webpack_exports__.dynamicLoadLanguages;
117
- exports.useDynamicLoadLanguage = __webpack_exports__.useDynamicLoadLanguage;
118
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
119
- "dynamicLoadLanguages",
120
- "useDynamicLoadLanguage"
121
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
122
- Object.defineProperty(exports, '__esModule', {
123
- value: true
124
- });
@@ -1,51 +0,0 @@
1
- import { useEffect, useMemo, useState } from "react";
2
- import { languages } from "@flowgram.ai/coze-editor/preset-code";
3
- import { mixLanguages } from "@flowgram.ai/coze-editor";
4
- const dynamicLoadLanguages = {
5
- python: ()=>import("@flowgram.ai/coze-editor/language-python").then((module)=>{
6
- languages.register('python', module.python);
7
- }),
8
- shell: ()=>import("@flowgram.ai/coze-editor/language-shell").then((module)=>{
9
- languages.register('shell', module.shell);
10
- }),
11
- typescript: ()=>import("@flowgram.ai/coze-editor/language-typescript").then((module)=>{
12
- languages.register("typescript", module.typescript);
13
- const tsWorker = new Worker(new URL("@flowgram.ai/coze-editor/language-typescript/worker", import.meta.url), {
14
- type: 'module'
15
- });
16
- module.typescript.languageService.initialize(tsWorker, {
17
- compilerOptions: {
18
- lib: [
19
- 'es2015',
20
- 'dom'
21
- ],
22
- noImplicitAny: false
23
- }
24
- });
25
- }),
26
- json: ()=>import("@flowgram.ai/coze-editor/language-json").then((module)=>{
27
- languages.register('json', {
28
- language: mixLanguages({
29
- outerLanguage: module.json.language
30
- }),
31
- languageService: module.json.languageService
32
- });
33
- })
34
- };
35
- const useDynamicLoadLanguage = (languageId)=>{
36
- const [loaded, setLoaded] = useState(useMemo(()=>!!languages.get(languageId), [
37
- languageId
38
- ]));
39
- useEffect(()=>{
40
- if (!loaded && dynamicLoadLanguages[languageId]) dynamicLoadLanguages[languageId]().then(()=>{
41
- setLoaded(true);
42
- });
43
- }, [
44
- languageId,
45
- loaded
46
- ]);
47
- return {
48
- loaded
49
- };
50
- };
51
- export { dynamicLoadLanguages, useDynamicLoadLanguage };
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
3
- * SPDX-License-Identifier: MIT
4
- */
5
- export declare const dynamicLoadLanguages: Record<string, () => Promise<void>>;
6
- export declare const useDynamicLoadLanguage: (languageId: string) => {
7
- loaded: boolean;
8
- };
@@ -1,61 +0,0 @@
1
- /**
2
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
3
- * SPDX-License-Identifier: MIT
4
- */
5
-
6
- import { useEffect, useMemo, useState } from 'react';
7
-
8
- import { languages } from '@flowgram.ai/coze-editor/preset-code';
9
- import { mixLanguages } from '@flowgram.ai/coze-editor';
10
-
11
- export const dynamicLoadLanguages: Record<string, () => Promise<void>> = {
12
- python: () =>
13
- import('@flowgram.ai/coze-editor/language-python').then((module) => {
14
- languages.register('python', module.python);
15
- }),
16
- shell: () =>
17
- import('@flowgram.ai/coze-editor/language-shell').then((module) => {
18
- languages.register('shell', module.shell);
19
- }),
20
- typescript: () =>
21
- import('@flowgram.ai/coze-editor/language-typescript').then((module) => {
22
- languages.register('typescript', module.typescript);
23
-
24
- // Init TypeScript language service
25
- const tsWorker = new Worker(
26
- new URL(`@flowgram.ai/coze-editor/language-typescript/worker`, import.meta.url),
27
- { type: 'module' }
28
- );
29
- module.typescript.languageService.initialize(tsWorker, {
30
- compilerOptions: {
31
- // eliminate Promise error
32
- lib: ['es2015', 'dom'],
33
- noImplicitAny: false,
34
- },
35
- });
36
- }),
37
- json: () =>
38
- import('@flowgram.ai/coze-editor/language-json').then((module) => {
39
- languages.register('json', {
40
- // mixLanguages is used to solve the problem that interpolation also uses parentheses, which causes incorrect highlighting
41
- language: mixLanguages({
42
- outerLanguage: module.json.language,
43
- }),
44
- languageService: module.json.languageService,
45
- });
46
- }),
47
- };
48
-
49
- export const useDynamicLoadLanguage = (languageId: string) => {
50
- const [loaded, setLoaded] = useState(useMemo(() => !!languages.get(languageId), [languageId]));
51
-
52
- useEffect(() => {
53
- if (!loaded && dynamicLoadLanguages[languageId]) {
54
- dynamicLoadLanguages[languageId]().then(() => {
55
- setLoaded(true);
56
- });
57
- }
58
- }, [languageId, loaded]);
59
-
60
- return { loaded };
61
- };