uc-dev 1.0.0-beta.0

package/out/utils/inquiry/templates/electron/sample1/form.uc.html.tp

@@ -0,0 +1,54 @@
+<wrapper x-caption="Welcome to UC Builder">
+    <UCWINFRAME x-name="winFrame1" x-from="uc-control/controls/ucWinFrame.uc.html">
+        <div class="dashboard">
+
+            <header class="hero">
+                <h1>Welcome 👋</h1>
+                <p>Your UC project is ready. Start building something amazing.</p>
+                <button class="primary-btn">Create First Control</button>
+            </header>
+
+            <section class="stats">
+
+                <div class="card">
+                    <h3>User Controls</h3>
+                    <span class="value">0</span>
+                </div>
+
+                <div class="card">
+                    <h3>Forms</h3>
+                    <span class="value">1</span>
+                </div>
+
+                <div class="card">
+                    <h3>Status</h3>
+                    <span class="value success">Ready</span>
+                </div>
+
+            </section>
+
+            <section class="actions">
+
+                <div class="action-card">
+                    <h3>Create Control</h3>
+                    <p>Add reusable UI components.</p>
+                    <button>New Control</button>
+                </div>
+
+                <div class="action-card">
+                    <h3>Edit Layout</h3>
+                    <p>Design your form visually.</p>
+                    <button>Open Designer</button>
+                </div>
+
+                <div class="action-card">
+                    <h3>Documentation</h3>
+                    <p>Learn how UC Builder works.</p>
+                    <button>View Docs</button>
+                </div>
+
+            </section>
+
+        </div>
+    </UCWINFRAME>
+</wrapper>

package/out/utils/inquiry/templates/electron/sample1/form.uc.scss.tp

@@ -0,0 +1,95 @@
+& {
+  font-family: system-ui, sans-serif;
+  background: #f6f8fb;
+  color: #1f2933;
+}
+
+.dashboard {
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+/* HERO */
+
+.hero {
+  background: linear-gradient(135deg, #4f46e5, #6366f1);
+  color: white;
+  padding: 28px;
+  border-radius: 12px;
+}
+
+.hero h1 {
+  margin: 0 0 8px;
+}
+
+.primary-btn {
+  margin-top: 12px;
+  padding: 10px 16px;
+  border: none;
+  border-radius: 8px;
+  background: white;
+  color: #4f46e5;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+/* STATS */
+
+.stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  gap: 16px;
+}
+
+.card {
+  background: white;
+  padding: 18px;
+  border-radius: 10px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
+}
+
+.card h3 {
+  margin: 0;
+  font-size: 14px;
+  color: #64748b;
+}
+
+.value {
+  font-size: 28px;
+  font-weight: bold;
+}
+
+.success {
+  color: #16a34a;
+}
+
+/* ACTIONS */
+
+.actions {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 16px;
+}
+
+.action-card {
+  background: white;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
+}
+
+.action-card h3 {
+  margin-top: 0;
+}
+
+.action-card button {
+  margin-top: 8px;
+  padding: 8px 14px;
+  border: none;
+  border-radius: 6px;
+  background: #4f46e5;
+  color: white;
+  cursor: pointer;
+}

package/out/utils/inquiry/templates/electron/ts.main

@@ -0,0 +1,44 @@
+import { app, BrowserWindow, screen } from "electron";
+import { IpcMainHelper } from "uc-control/core-main.js";
+import { dirname, join, resolve } from "path";
+import { fileURLToPath, pathToFileURL } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+let win: Electron.BrowserWindow;
+app.on('ready', async () => {
+    const mainScreen: Electron.Display = screen.getPrimaryDisplay();
+    await IpcMainHelper.init(import('<?= resourcePath ?>'));
+    win = new BrowserWindow({
+        width: mainScreen.size.width,
+        height: mainScreen.size.height,
+        titleBarStyle: 'hidden',
+        webPreferences: {
+            nodeIntegration: <?= nodeIntegration ?>,
+            contextIsolation: <?= contextIsolation ?>,
+            sandbox: false,  
+            spellcheck: false,
+            webSecurity: true,
+            preload: join(__dirname, '<?= preloadPath ?>'),
+        },
+    });
+    <?php if(removeMenu===true){ ?>
+    win.setMenu(null);
+    <?php } ?>
+    try {  
+
+        await IpcMainHelper.loadURL(pathToFileURL(join(__dirname, '<?= rendererHtmlPath ?>')).href, win, {
+             // in browser 
+            // this will make resolve path from project root directory instead of loaded html file path            
+            baseURLForDataURL: pathToFileURL(resolve(process.cwd(),'index.html')).href             
+        }); 
+        
+        win.show();
+        <?php if(devtools===true){ ?> 
+        win.webContents.once('did-finish-load', () => {
+            win!.webContents.openDevTools(/*{ mode: 'detach' }*/);           
+        }); 
+        <?php } ?>
+    } catch (ex) {
+        console.log(ex);
+    }
+});

package/out/utils/inquiry/templates/electron/ts.preload

@@ -0,0 +1,3 @@
+import { contextBridge, ipcRenderer } from "electron";
+import { IpcPreload } from "uc-control/core-main.js";
+IpcPreload.init(contextBridge, ipcRenderer); 

package/out/utils/inquiry/templates/electron/ts.renderer

@@ -0,0 +1,5 @@
+import "uc-control/InitRenderer.js";  ///  put this line  at the top of the code
+
+// START YOUR JOURNEY  
+
+<?= startUpCode ?>

package/out/utils/inquiry/templates/electron/ts.resx

@@ -0,0 +1,50 @@
+import { app, BrowserWindow, screen } from "electron";
+import { IpcMainHelper } from "uc-control/core-main.js";
+import { dirname, join, resolve } from "path";
+import { fileURLToPath, pathToFileURL } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+let win: Electron.BrowserWindow;
+app.on('ready', async () => {
+    const mainScreen: Electron.Display = screen.getPrimaryDisplay();
+    await IpcMainHelper.init(import('<?= resourcePath ?>'));
+    win = new BrowserWindow({
+        width: mainScreen.size.width,
+        height: mainScreen.size.height,
+        titleBarStyle: 'hidden',
+        webPreferences: {
+            nodeIntegration: <?= nodeIntegration ?>,
+            contextIsolation: <?= contextIsolation ?>,
+            sandbox: false,  
+            spellcheck: false,
+            webSecurity: true,
+            preload: join(__dirname, '<?= preloadPath ?>'),
+        },
+    });
+    <?php if(removeMenu===true){ ?>
+    win.setMenu(null);
+    <?php } ?>
+    try {  
+
+        IpcMainHelper.loadURL(pathToFileURL(join(__dirname, '<?= rendererHtmlPath ?>')).href, win, {
+            // in browser 
+            // this will make resolve path from project root directory instead of loaded html file path            
+            baseURLForDataURL: pathToFileURL(resolve(process.cwd(), 'index.html')).href              
+        }); 
+
+        IpcMainHelper.loadURL(pathToFileURL(join(__dirname, '<?= rendererHtmlPath ?>')).href, win, {
+            // in browser 
+            // this will make resolve path from project root directory instead of loaded html file path            
+            baseURLForDataURL: pathToFileURL(resolve(process.cwd(), 'index.html')).href              
+        }); 
+        
+        win.show();
+        <?php if(devtools===true){ ?> 
+        win.webContents.once('did-finish-load', () => {
+            win!.webContents.openDevTools(/*{ mode: 'detach' }*/);           
+        }); 
+        <?php } ?>
+    } catch (ex) {
+        console.log(ex);
+    }
+});

package/out/utils/inquiry/templates/js.ucconfig

@@ -0,0 +1,108 @@
+import { UcDefaultConfig } from "uc-control/core-main.js";
+ <?php 
+       const $prf = preference;
+       const $build = $prf.build;
+       const $dirDec = $prf.dirDeclaration;
+       const $srcDec = $prf.srcDec;
+       const $outDec = $prf.outDec;
+    ?>
+export default UcDefaultConfig({
+    useTypeScript:<?= useTypeScript ?>,
+    guid: "<?= guid ?>", 
+    browser: {
+        resolveProjects: [ <?php browser.resolveProjects.forEach(v => {
+                         ?> "<?= v ?>", <?php
+                                 }); ?> ],
+        importmap: {
+            <?php for(const [k,v] of Object.entries(browser.importmap)) { ?>
+                <?= JSON.stringify(k) ?>:<?= JSON.stringify(v) ?>
+            <?php } ?>
+        },
+        baseCssPath: "<?= browser.baseCssPath ?>",
+        baseHtmlPath:"<?= browser.baseHtmlPath ?>",
+        baseCodePath:"<?= browser.baseCodePath ?>",
+    },
+    projectBaseCssPath: "<?= projectBaseCssPath ?>",   
+    preference: {
+        build: { 
+            ResourceStorageFile: "<?= $build.ResourceStorageFile ?>", 
+            ignorePath: [ <?php $build.ignorePath.forEach(v => {
+                         ?> "<?= v ?>", <?php
+                                 }); ?> ],
+            RuntimeResources: [
+                {
+                    includeExtensions: [ <?php $build.RuntimeResources[0].includeExtensions.forEach(v => {
+                         ?> "<?= v ?>", <?php
+                                 }); ?> ],
+                    fromDeclare: "<?= $srcDec ?>",
+                    toDeclares: ["<?= $outDec ?>"]
+                }
+            ],
+            guidOptions: {
+                guidType: "<?= $build.guidOptions.guidType ?>",
+                sequencePadSize: <?= $build.guidOptions.sequencePadSize ?>,
+            }
+        },
+        
+        dirDeclaration: {
+            <?= $srcDec ?>: {
+                /* 
+                i.e
+                ./[src]/lib/file.uc.ts     =>    ./src/lib/file.uc.ts  
+                ./[]/lib/file.uc.html     =>    ./lib/file.uc.html
+                */
+                dirPath: '<?= $dirDec[$srcDec].dirPath ?>',
+                /**
+                 *  i.e 
+                 * dirDeclaration.<?= $srcDec ?>.dirpath = 'src';
+                 * dirDeclaration.<?= $srcDec ?>.fileDeclaration.subDirPath = 'designerFiles';
+                 *
+                 * ./[src]/[designerFiles]/lib/file.uc.designer.ts     =>    ./src/designerFiles/lib/file.uc.designer.ts
+                 * ./[src]/[]/lib/file.uc.ts     =>    ./src/lib/file.uc.ts
+                 *
+                 * dirDeclaration.<?= $srcDec ?>.fileDeclaration.subDirPath = ''
+                 * ./[src]/[]/lib/file.uc.ts     =>    ./src/lib/file.uc.ts
+                 *
+                 * dirDeclaration.<?= $srcDec ?>.fileDeclaration.subDirPath = 'htmlFiles'
+                 * ./[src]/[htmlFiles]/lib/file.uc.designer.ts     =>    ./src/htmlFiles/lib/file.uc.designer.ts
+                 *   
+                 *  Same for <?= $outDec ?> declaration 
+                 */
+                fileDeclaration: <?php fileDec($dirDec[$srcDec].fileDeclaration) ?>
+            },
+            <?= $outDec ?>: {
+                /* 
+                i.e
+                ./[out]/lib/file.uc.js     =>    ./out/lib/file.uc.js  
+                ./[]/lib/file.uc.html     =>    ./lib/file.uc.html
+                */
+                dirPath: '<?= $dirDec[$outDec].dirPath ?>',
+                fileDeclaration:  <?php fileDec($dirDec[$outDec].fileDeclaration) ?>
+            }
+        }, 
+         /**
+         * A common Declaration  for all declarations specified in `dirDeclaration` 
+         * (i.e <?= $srcDec ?>,<?= $outDec ?>)
+         */
+        fileCommonDeclaration: <?php fileDec($prf.fileCommonDeclaration) ?>,        
+        /**
+         * specify dirDeclaration key for source
+         */
+        srcDec: "<?= $prf.srcDec ?>",
+        /**
+         * specify dirDeclaration key for output
+         */
+        outDec: "<?= $prf.outDec ?>"
+    },
+});
+<?php 
+function fileDec(dec)  { ?> { <?php
+    for(const [k,v] of Object.entries(dec)){ ?>
+        <?= k ?> : <?php fileDecItem(v) ?>,
+    <?php }
+?> } <?php }
+function fileDecItem(dec) { ?> { <?php
+    if(dec.subDirPath!=undefined && dec.subDirPath!=''){ ?> subDirPath : '<?= dec.subDirPath ?>', <?php }
+    if(dec.extension!=undefined && dec.extension!=''){ ?> extension : '<?= dec.extension ?>', <?php }
+?> } <?php }
+?>

package/out/utils/inquiry/templates/typescript/json.tsconfig

@@ -0,0 +1,39 @@
+ {
+    "exclude": [
+        "node_modules",
+        "<?= outDir ?>",
+    ],
+    "include": [
+        "<?= srcDir ?>"
+    ],
+    "compileOnSave": true,
+    "compilerOptions": { 
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "target": "ESNext",
+        "strict": true,
+        "baseUrl": ".",
+        "outDir": "./<?= outDir ?>",
+        "rootDir": "./<?= srcDir ?>",
+        "declaration": true,
+        "sourceMap": true,
+        "allowJs": true,
+        "strictNullChecks": false,
+        "esModuleInterop": true,
+        "checkJs": false,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "noEmit": false,
+        "skipLibCheck": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "removeComments": false,
+        "noImplicitAny": false,
+        "inlineSources": true,
+        "paths": {
+            "uc-control/*": [
+                "./node_modules/uc-control/out/*"
+            ]
+        }
+    },
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "uc-dev",
+  "version": "1.0.0-beta.0",
+  "description": "project builder for uc-control",
+  "license": "ISC",
+  "author": "",
+  "type": "module",
+  "scripts": {
+    "clean": "rimraf out",
+    "start": "electron .",
+    "build:es": "node copyRes.mjs && node build-es.js",
+    "build:dts": "tsc --emitDeclarationOnly",
+    "build": "tsc && node copyRes.mjs",
+    "rebuild": "npm run clean && npm run build:es",
+    "rebuild:start": "npm run rebuild && npm run start"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.0",
+    "ap-shared-core": "file:../ap-shared-core",
+    "electron": "^39.1.1",
+    "rimraf": "^6.0.1",
+    "esbuild": "^0.27.2",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "css-select": "^6.0.0",
+    "dom-serializer": "^2.0.0",
+    "htmlparser2": "^10.1.0",
+    "uc-dev": "file:../uc-dev/uc-dev-1.0.0-beta.0.tgz"
+  },
+   "files": ["out"],
+  "bin": {
+    "uc-dev": "./out/cli.js"
+  }
+}