back to modules and away from script files again...

Author: awa-xima

build/bin/bundle.mjs

@@ -212,12 +212,14 @@ async function createMergedTypeDeclarationFile(frontendProjects) {
         // Write the type declarations without comment pragmas to the temp file
         const tempOutFile = await fs.open(tempOutPath, "a");
         /** @type {string[]} */
-        const pragmas = [];
+        const commentPragmas = [];
         try {
-            for (const inPath of inPaths) {
+            const modifiedDeclarations = await allSettled(inPaths.map(async inPath => {
                 const content = await fs.readFile(inPath, "utf-8");
-                const adjusted = extractAndRemoveTopCommentPragmas(content, pragmas);
-                await tempOutFile.appendFile(adjusted, { encoding: "utf-8" });
+                return extractAndRemoveTopCommentPragmas(content, commentPragmas);
+            }));
+            for (const modifiedDeclaration of modifiedDeclarations) {
+                await tempOutFile.appendFile(modifiedDeclaration, { encoding: "utf-8" });
             }
         } finally {
             await tempOutFile.close();
@@ -228,7 +230,7 @@ async function createMergedTypeDeclarationFile(frontendProjects) {
         const outFile = await fs.open(outPath, "a");
         try {
             const outWriteStream = outFile.createWriteStream();
-            for (const pragma of pragmas) {
+            for (const pragma of commentPragmas) {
                 await outFile.appendFile(pragma, { encoding: "utf-8" });
                 await outFile.appendFile("\n", { encoding: "utf-8" });
             }
@@ -261,15 +263,15 @@ async function main() {
     await runTypeScriptOnFrontendProjects(frontendProjects);
 
     const t3 = Date.now();
-    // await createBundledDeclarationFiles(frontendProjects);
+    await createBundledDeclarationFiles(frontendProjects);
 
     const t4 = Date.now();
     await createMergedTypeDeclarationFile(frontendProjects);
 
     const t5 = Date.now();
     console.log(`Collected frontend projects in ${t2 - t1} ms`);
     console.log(`Checked types in ${t3 - t2} ms`);
-    // console.log(`Created bundled declaration files in ${t4 - t3} ms`);
+    console.log(`Created bundled declaration files in ${t4 - t3} ms`);
     console.log(`Merged type declarations in ${t5 - t4} ms`);
 }
 

build/bin/types.mjs

@@ -14,7 +14,6 @@ import { PackagesDir } from "./environment.mjs";
  * readonly index: string;
  * readonly name: string;
  * readonly root: string;
- * readonly scriptRoot: string;
  * readonly tsConfig: string;
  * }} FrontendProject
  */
@@ -33,27 +32,20 @@ async function createFrontendProject(root) {
     const tsConfig = path.resolve(root, "tsconfig.json");
     const bundleJs = path.resolve(root, "bundle.js");
     const bundleTs = path.resolve(root, "bundle.ts");
-    const indexJs = path.resolve(root, "src", "module", "index.js");
-    const indexTs = path.resolve(root, "src", "module", "index.ts");
-    const scriptRoot = path.resolve(root, "src", "script");
+    const indexJs = path.resolve(root, "index.js");
+    const indexTs = path.resolve(root, "index.ts");
 
     const index = await existsAndIsFile(indexTs) ? indexTs : indexJs;
 
     await Promise.all([
         ensureDirectoryExists(root),
         assertExistsAndIsFile(tsConfig),
-        async () => {
-            const indexExists = await existsAndIsFile(index);
-            const scriptRootExists = await existsAndIsDirectory(scriptRoot);
-            if (!indexExists && !scriptRootExists) {
-                throw new Error(`[root] At least a script root folder named 'script' or a module index file ('index.ts' or 'index.js') must exist.`);
-            }
-        },
+        assertExistsAndIsFile(index),
         assertDoesNotExist(bundleJs, `[${bundleJs}] bundle is an automatic output file containing the bundled declarations from all source file. Creating this file would conflict with dist/bundle.d.ts`),
         assertDoesNotExist(bundleTs, `[${bundleJs}] bundle is an automatic output file containing the bundled declarations from all source file. Creating this file would conflict with dist/bundle.d.ts`),
     ]);
 
-    return { dist, docs, index, name, root, scriptRoot, tsConfig };
+    return { dist, docs, index, name, root, tsConfig };
 }
 
 /**

build/common/find-frontend-projects.mjs

@@ -38,10 +38,7 @@
   },
   "devDependencies": {
     "@types/node": "22.9.0",
-    "dts-bundle-generator": "9.5.1",
     "esbuild": "0.24.0",
-    "fast-sourcemap-concat": "patch:fast-sourcemap-concat@npm%3A2.1.1#~/.yarn/patches/fast-sourcemap-concat-npm-2.1.1-9852640b89.patch",
-    "oxc-parser": "0.36.0",
     "type-fest": "4.26.1",
     "typedoc": "0.26.11",
     "typedoc-plugin-dt-links": "1.0.2",

package.json

@@ -0,0 +1,16 @@
+import { InputTextArea } from "./src/InputTextArea.js";
+
+declare global {
+    namespace PrimeType {
+        export interface WidgetRegistry {
+            InputTextArea: typeof InputTextArea;
+        }
+    }
+    namespace PrimeType.widget {
+        export type InputTextAreaCfg = import("./src/InputTextArea.js").InputTextAreaCfg;
+    }
+}
+
+// @ts-expect-errors
+(window.PrimeFaces ??= {}).widget ??= {};
+PrimeFaces.widget.BaseWidget = InputTextArea;

packages/components/index.ts

@@ -0,0 +1,20 @@
+export interface InputTextAreaCfg extends PrimeType.widget.BaseWidgetCfg {
+    id: string;
+    resize: boolean;
+}
+
+export class InputTextArea extends PrimeFaces.widget.BaseWidget {
+    readonly input: string;
+    constructor(cfg: InputTextAreaCfg) {
+        super(cfg);
+        this.input = "textarea";
+    }
+
+    resize(): HTMLElement | undefined {
+        return document.getElementById(this.input) ?? undefined;
+    }
+
+    override render(): void {
+        this.jq.animate({ opacity: 0 }, 500);
+    }
+}

packages/components/src/InputTextArea.ts

@@ -2,9 +2,11 @@
 	"extends": "../../tsconfig-base.json",
 	"compilerOptions": {
 		"composite": true,
-		"outFile": "dist/index.js"
+		"rootDir": ".",
+		"outDir": "dist",
+		"types": ["../types/dist", "../core/dist"],
 	},
-	"include": ["src"],
+	"include": ["src", "index.ts"],
 	"references": [
 		{ "path": "../types" },
 		{ "path": "../core" }

packages/components/src/module/dummy

@@ -0,0 +1,29 @@
+import { clientwindow, type ClientWindow } from "./src/util/clientwindow.js";
+import { SearchExpressionFacade } from "./src/util/search.expression.facade.js";
+import { BaseWidget} from "./src/widget/BaseWidget.js"
+import { DeferredWidget } from "./src/widget/DeferredWidget.js"
+
+declare global {
+    namespace PrimeType {
+        export interface WidgetRegistry {
+            BaseWidget: typeof BaseWidget;
+            DeferredWidget: typeof DeferredWidget;
+        }
+        export interface PrimeFaces {
+            clientwindow: ClientWindow;
+            SearchExpressionFacade: typeof SearchExpressionFacade;
+        }
+    }
+    namespace PrimeType.widget {
+        export type BaseWidgetCfg = import("./src/widget/BaseWidget.js").BaseWidgetCfg;
+        export type DeferredWidgetCfg = import("./src/widget/DeferredWidget.js").DeferredWidgetCfg;
+    }
+}
+
+// @ts-expect-errors
+(window.PrimeFaces ??= {}).widget ??= {};
+
+PrimeFaces.widget.BaseWidget = BaseWidget;
+PrimeFaces.widget.DeferredWidget = DeferredWidget;
+PrimeFaces.clientwindow = clientwindow;
+PrimeFaces.SearchExpressionFacade = SearchExpressionFacade;

packages/components/src/script/InputTextArea.ts

@@ -0,0 +1,40 @@
+export class ClientWindow {
+    private static readonly CLIENT_WINDOW_URL_PARAM = "jifwid";
+    private static readonly CLIENT_WINDOW_SESSION_STORAGE = "pf.windowId";
+    private static readonly TEMP_CLIENT_WINDOW_ID = "temp";
+    private static readonly LENGTH_CLIENT_WINDOW_ID = 5;
+    private initialized: boolean = false;
+    private clientWindowId: string | null = null;
+    private initialRedirect: boolean = false;
+
+    init(clientWindowId: string, initialRedirect: boolean): void {
+        if (this.initialized) {
+            return;
+        }
+        this.clientWindowId = clientWindowId;
+        this.initialRedirect = initialRedirect;
+        this.initialized = true;
+        console.log(this.clientWindowId);
+        console.log(this.initialRedirect);
+    }
+
+    cleanupCookies(): void {
+        console.log(ClientWindow.LENGTH_CLIENT_WINDOW_ID);
+    }
+
+    assertClientWindowId(): void {
+        console.log(ClientWindow.CLIENT_WINDOW_URL_PARAM);
+        console.log(ClientWindow.TEMP_CLIENT_WINDOW_ID);
+        console.log(ClientWindow.CLIENT_WINDOW_SESSION_STORAGE);
+    }
+
+    requestNewClientWindowId(): void { }
+
+    getUrlParameter(uri: string, name: string): string | null { return null; }
+
+    replaceUrlParam(uri: string, key: string, value: string): string { return ""; }
+
+    expireCookie(cookieName: string): void { }
+}
+
+export const clientwindow: ClientWindow = new ClientWindow();

packages/components/tsconfig.json

@@ -0,0 +1,11 @@
+export class SearchExpressionFacade {
+    resolveComponentsAsSelector(source: JQuery, expressions: string): JQuery {
+        return source;
+    }
+    resolveComponents(source: JQuery, expressions: string): string {
+        return expressions;
+    }
+    splitExpressions(expressions: string): string {
+        return expressions;
+    }
+}