@ostack.tech/ui-kform-scaffolder 0.1.1 → 0.2.0

package/bin/at-ui-kform-scaffolder

@@ -1,3 +1,3 @@
 #!/usr/bin/env bash
 
-npx http-server@latest "$(dirname $(realpath -- "$0"))/../dist/webapp" -o "$@"
+npx http-server@latest "$(dirname $(realpath -- "$0"))/../dist/webapp/" -o "$@"

package/dist/ostack-ui-kform-scaffolder.js

@@ -1,12 +1,38 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useConfig, UseTableValuesSerializerConfig as UseTableValuesSerializerConfig$1, addEjsTemplateFile, addTemplateFile, joinPaths, tsFile, code, anySchematicKind as anySchematicKind$1, bigDecimalSchematicKind as bigDecimalSchematicKind$1, bigIntegerSchematicKind as bigIntegerSchematicKind$1, booleanSchematicKind as booleanSchematicKind$1, byteSchematicKind as byteSchematicKind$1, classSchematicKind as classSchematicKind$1, doubleSchematicKind as doubleSchematicKind$1, enumSchematicKind as enumSchematicKind$1, fileSchematicKind as fileSchematicKind$1, floatSchematicKind as floatSchematicKind$1, intSchematicKind as intSchematicKind$1, listSchematicKind, localDateSchematicKind as localDateSchematicKind$1, longSchematicKind as longSchematicKind$1, shortSchematicKind as shortSchematicKind$1, stringSchematicKind as stringSchematicKind$1, tableSchematicKind as tableSchematicKind$1, ListableBuilderWithoutKindSelect, createSchematic, annotate, SchematicBuilder as SchematicBuilder$1, configScaffolder, scaffoldSchemas, scaffoldModels, scaffoldValidator } from "@ostack.tech/kform-scaffolder";
-import * as React from "react";
+import { useConfig, UseTableValuesSerializerConfig as UseTableValuesSerializerConfig$1, addEjsTemplateFile, addTemplateFile, joinPaths, tsFile, code, anySchematicKind as anySchematicKind$1, bigDecimalSchematicKind as bigDecimalSchematicKind$1, bigIntegerSchematicKind as bigIntegerSchematicKind$1, booleanSchematicKind as booleanSchematicKind$1, byteSchematicKind as byteSchematicKind$1, classSchematicKind as classSchematicKind$1, doubleSchematicKind as doubleSchematicKind$1, enumSchematicKind as enumSchematicKind$1, fileSchematicKind as fileSchematicKind$1, floatSchematicKind as floatSchematicKind$1, intSchematicKind as intSchematicKind$1, ListableBuilderWithoutKindSelect, createSchematic, listSchematicKind, localDateSchematicKind as localDateSchematicKind$1, longSchematicKind as longSchematicKind$1, shortSchematicKind as shortSchematicKind$1, stringSchematicKind as stringSchematicKind$1, tableSchematicKind as tableSchematicKind$1, annotate, SchematicBuilder as SchematicBuilder$1, configScaffolder, scaffoldSchemas, scaffoldModels, scaffoldValidator } from "@ostack.tech/kform-scaffolder";
+import { useRef } from "react";
+const locales = [
+  "en-GB",
+  "en-US",
+  "fr",
+  "pt"
+];
+function DefaultLocaleConfig({
+  defaultValue = "en-US",
+  disabled
+}) {
+  const [config, setConfig] = useConfig("defaultLocale", defaultValue);
+  return /* @__PURE__ */ jsxs("div", { className: "builder-config-field", children: [
+    /* @__PURE__ */ jsx("label", { children: "Default locale" }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        value: config,
+        onChange: (evt) => {
+          setConfig(evt.target.value);
+        },
+        disabled,
+        children: locales.map((locale) => /* @__PURE__ */ jsx("option", { value: locale, children: locale }, locale))
+      }
+    )
+  ] });
+}
 function SerializationFormatConfig({
   defaultValue = "json",
   disabled
 }) {
   const [useTableValuesSerializerConfig, setUseTableValuesSerializerConfig] = useConfig("useTableValuesSerializer", false);
-  const lastUseTableValuesSerializerConfig = React.useRef(
+  const lastUseTableValuesSerializerConfig = useRef(
     useTableValuesSerializerConfig
   );
   const [config, setConfig] = useConfig("serializationFormat", defaultValue);
@@ -851,9 +877,11 @@ function scaffoldAppComponent(schematic, data) {
   scaffoldIssueMessages(schematic, data);
 }
 function scaffoldAppComponentFile(schematic, data) {
+  const localeVar = (data.defaultLocale ?? "en-US").replaceAll("-", "");
   data.currentFile.imports.push(
     { moduleName: "@ostack.tech/kform", name: "ktMapToObject" },
     { moduleName: "@ostack.tech/ui-kform", name: "FormApp" },
+    { moduleName: "@ostack.tech/ui-kform", name: localeVar },
     { moduleName: "react", name: "useMemo" },
     { moduleName: data.kmpModuleName, name: schematic.name },
     { moduleName: data.kmpModuleName, name: `${schematic.name}FormMode` },
@@ -890,6 +918,7 @@ function scaffoldAppComponentFile(schematic, data) {
               : "auto"
           }
           issueMessages={${constantCase(schematic.name)}_ISSUE_MESSAGES}
+          defaultLocale={${localeVar}}
           errorReportingUrl={REPORT_ERROR_ENDPOINT}
         >
           <${schematic.name}Layout />
@@ -1069,7 +1098,7 @@ function scaffoldGradleProject(schematic, data) {
     filePackage: data.currentPackage,
     formId: kebabCase(schematic.name),
     formTitle: capitalCase(schematic.name),
-    kFormVersion: "0.31.0",
+    kFormVersion: "0.31.2",
     serializationFormat: data.serializationFormat ?? "json",
     usesKotlinxDatetime: usesKotlinxDatetime(schematic, data),
     usesKtMath: usesKtMath(schematic)
@@ -1614,15 +1643,15 @@ const viteSvg = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www
 const tsConfigAppJson = '{\n  "compilerOptions": {\n    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",\n    "target": "ES2022",\n    "useDefineForClassFields": true,\n    "lib": ["ES2022", "DOM", "DOM.Iterable"],\n    "module": "ESNext",\n    "types": ["vite/client"],\n    "skipLibCheck": true,\n\n    /* Bundler mode */\n    "moduleResolution": "bundler",\n    "allowImportingTsExtensions": true,\n    "verbatimModuleSyntax": true,\n    "moduleDetection": "force",\n    "noEmit": true,\n    "jsx": "react-jsx",\n\n    /* Linting */\n    "strict": true,\n    "noUnusedLocals": true,\n    "noUnusedParameters": true,\n    "erasableSyntaxOnly": true,\n    "noFallthroughCasesInSwitch": true,\n    "noUncheckedSideEffectImports": true\n  },\n  "include": ["src"]\n}\n';
 const tsConfigJson = '{\n  "files": [],\n  "references": [\n    { "path": "./tsconfig.app.json" },\n    { "path": "./tsconfig.node.json" }\n  ]\n}\n';
 const tsConfigNodeJson = '{\n  "compilerOptions": {\n    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",\n    "target": "ES2023",\n    "lib": ["ES2023"],\n    "module": "ESNext",\n    "types": ["node"],\n    "skipLibCheck": true,\n\n    /* Bundler mode */\n    "moduleResolution": "bundler",\n    "allowImportingTsExtensions": true,\n    "verbatimModuleSyntax": true,\n    "moduleDetection": "force",\n    "noEmit": true,\n\n    /* Linting */\n    "strict": true,\n    "noUnusedLocals": true,\n    "noUnusedParameters": true,\n    "erasableSyntaxOnly": true,\n    "noFallthroughCasesInSwitch": true,\n    "noUncheckedSideEffectImports": true\n  },\n  "include": ["vite.config.ts"]\n}\n';
-const viteConfigTsEjs = 'import path from "node:path";\n\nimport react from "@vitejs/plugin-react-swc";\nimport { defineConfig } from "vite";\n\n// https://vite.dev/config/\nexport default defineConfig({\n  plugins: [react()],\n  build: {\n    outDir: "build/dist",\n    rollupOptions: {\n      input: {\n        "<%= formId %>-app":\n          process.env.VITE_BUILD_REASON === "preview"\n            ? "index.html"\n            : "src/main.tsx",\n      },\n      output: {\n        // Output files without hashes, making it easier to serve them in the\n        // server. However, the server is expected to somehow "version" them for\n        // cache busting purposes.\n        entryFileNames: "assets/[name].js",\n        chunkFileNames: "assets/[name].js",\n        assetFileNames: "assets/[name].[ext]",\n      },\n    },\n  },\n  resolve: {\n    alias: [\n      // Due to how Kotlin "bundles" dependencies, we need to use the\n      // `@ostack.tech/kform` produced by the shared module.\n      {\n        find: "@ostack.tech/kform",\n        replacement: path.resolve(\n          import.meta.dirname,\n          "node_modules/<%= formId %>-shared/ostack-kform.mjs",\n        ),\n      },\n    ],\n  },\n  server: {\n    proxy: { "/api": "http://127.0.0.1:8080" },\n  },\n});\n';
+const viteConfigTsEjs = 'import { resolve } from "node:path";\n\nimport react from "@vitejs/plugin-react-swc";\nimport { defineConfig } from "vite";\n\n// https://vite.dev/config/\nexport default defineConfig({\n  plugins: [react()],\n  build: {\n    outDir: "build/dist",\n    rollupOptions: {\n      input: {\n        "<%= formId %>-app":\n          process.env.VITE_BUILD_REASON === "preview"\n            ? "index.html"\n            : "src/main.tsx",\n      },\n      output: {\n        // Output files without hashes, making it easier to serve them in the\n        // server. However, the server is expected to somehow "version" them for\n        // cache busting purposes.\n        entryFileNames: "assets/[name].js",\n        chunkFileNames: "assets/[name].js",\n        assetFileNames: "assets/[name].[ext]",\n      },\n    },\n  },\n  resolve: {\n    alias: [\n      // Due to how Kotlin "bundles" dependencies, we need to use the\n      // `@ostack.tech/kform` produced by the shared module.\n      {\n        find: "@ostack.tech/kform",\n        replacement: resolve(\n          import.meta.dirname,\n          "node_modules/<%= formId %>-shared/ostack-kform.mjs",\n        ),\n      },\n    ],\n  },\n  server: {\n    proxy: { "/api": "http://127.0.0.1:8080" },\n  },\n});\n';
 function scaffoldViteProject(schematic, data) {
   const ejsData = {
     formId: kebabCase(schematic.name),
     formClass: schematic.name,
     formTitle: capitalCase(schematic.name),
-    ostackUiVersion: "0.1.1",
-    kFormVersion: "0.31.0",
-    dependencyVersions: JSON.parse('{"@eslint/js":"^9.37.0","@fortawesome/fontawesome-svg-core":"^7.1.0","@fortawesome/free-brands-svg-icons":"^7.1.0","@fortawesome/free-regular-svg-icons":"^7.1.0","@fortawesome/free-solid-svg-icons":"^7.1.0","@ostack.tech/kform":"~0.31.0","@ostack.tech/kform-react":"~0.31.0","@ostack.tech/kform-scaffolder":"~0.31.0","@storybook/addon-docs":"^9.1.10","@storybook/addon-links":"^9.1.10","@storybook/react-vite":"^9.1.10","@types/node":"^22.18.9","@types/react":"^19.2.2","@types/react-dom":"^19.2.1","@vitejs/plugin-react-swc":"^4.1.0","colorjs.io":"^0.5.2","cpy-cli":"^6.0.0","date-fns":"^4.1.0","eslint":"^9.37.0","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","eslint-plugin-react-hooks":"^6.1.1","eslint-plugin-react-refresh":"^0.4.23","eslint-plugin-simple-import-sort":"^12.1.1","eslint-plugin-storybook":"^9.1.10","globals":"^16.4.0","happy-dom":"^20.0.0","lint-staged":"^16.2.3","prettier":"^3.6.2","prettier-plugin-jsdoc":"^1.3.3","react":"^19.2.0","react-dom":"^19.2.0","react-router":"^7.9.4","react-router-dom":"^7.9.4","rimraf":"^6.0.1","sass-embedded":"^1.93.2","simple-git-hooks":"^2.13.1","storybook":"^9.1.10","tslib":"^2.8.1","typescript":"~5.9.3","typescript-eslint":"^8.46.0","vite":"^7.1.9","vitest":"^3.2.4","zustand":"^5.0.8"}'),
+    ostackUiVersion: "0.2.0",
+    kFormVersion: "0.31.2",
+    dependencyVersions: JSON.parse('{"@eslint/js":"^9.37.0","@fortawesome/fontawesome-svg-core":"^7.1.0","@fortawesome/free-brands-svg-icons":"^7.1.0","@fortawesome/free-regular-svg-icons":"^7.1.0","@fortawesome/free-solid-svg-icons":"^7.1.0","@ostack.tech/kform":"~0.31.2","@ostack.tech/kform-react":"~0.31.2","@ostack.tech/kform-scaffolder":"~0.31.2","@storybook/addon-docs":"^9.1.12","@storybook/addon-links":"^9.1.12","@storybook/react-vite":"^9.1.12","@types/node":"^22.18.10","@types/react":"^19.2.2","@types/react-dom":"^19.2.2","@vitejs/plugin-react-swc":"^4.1.0","colorjs.io":"^0.5.2","cpy-cli":"^6.0.0","date-fns":"^4.1.0","eslint":"^9.37.0","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","eslint-plugin-react-hooks":"^6.1.1","eslint-plugin-react-refresh":"^0.4.24","eslint-plugin-simple-import-sort":"^12.1.1","eslint-plugin-storybook":"^9.1.12","globals":"^16.4.0","happy-dom":"^20.0.2","lint-staged":"^16.2.4","prettier":"^3.6.2","prettier-plugin-jsdoc":"^1.3.3","react":"^19.2.0","react-dom":"^19.2.0","react-router":"^7.9.4","react-router-dom":"^7.9.4","rimraf":"^6.0.1","sass-embedded":"^1.93.2","simple-git-hooks":"^2.13.1","storybook":"^9.1.12","tslib":"^2.8.1","typescript":"~5.9.3","typescript-eslint":"^8.46.1","vite":"^7.1.10","vitest":"^3.2.4","zustand":"^5.0.8"}'),
     externalContextsData: data.serializationFormat === "json" ? "{}" : `<${schematic.name}ExternalContexts />`
   };
   addEjsTemplateFile(data, "react-app/package.json", packageJsonEjs, ejsData);
@@ -1675,6 +1704,7 @@ function SchematicBuilder({
     ...schematic.config
   }),
   configs = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DefaultLocaleConfig, {}),
     /* @__PURE__ */ jsx(SerializationFormatConfig, {}),
     /* @__PURE__ */ jsx(UseTableValuesSerializerConfig, {})
   ] }),
@@ -1693,6 +1723,7 @@ function SchematicBuilder({
   );
 }
 export {
+  DefaultLocaleConfig,
   SchematicBuilder,
   SerializationFormatConfig,
   UseTableValuesSerializerConfig,