uc-dev 1.0.0-beta.2 → 1.0.0-beta.3

package/out/lib/processes/templates/ts.tpt.code

@@ -1,7 +1,8 @@
-import { <?=designer.className?> } from '<?=designerFilePath?>';
-export class <?=codefile.className?> extends <?=designer.className?> {
-    constructor() {
-        super(arguments);
-        
+<?php let code = sources.ts_tpt.code; ?>
+import { <?=code.designerClassName?> } from '<?=code.designerFilePath?>';
+export class <?=code.className?> extends <?=code.designerClassName?>{    
+    constructor() { 
+        super();
+                
     }
 }

package/out/lib/processes/templates/ts.tpt.dynamic

@@ -1,4 +1,4 @@
-import { HTMLx } from "uc-control/out/lib/WrapperHelper.js";
+import { HTMLx } from "uc-runtime/out/lib/WrapperHelper.js";
 export default function () {
     let fcontent =
         HTMLx.Wrapper([{

package/out/lib/processes/templates/ts.uc.dynamic

@@ -1,5 +1,5 @@
-import { HTMLx } from "uc-control/out/lib/WrapperHelper.js";
-import ucWinFrame$dynamic from "uc-control/out/renderer/controls/ucWinFrame.uc.html.js";
+import { HTMLx } from "uc-runtime/out/lib/WrapperHelper.js";
+import ucWinFrame$dynamic from "uc-runtime/out/renderer/controls/ucWinFrame.uc.html.js";
 export default HTMLx.Design({
     dynamicFilePath: import.meta.url,
     htmlSource() {

package/out/lib/processes/templates/ts.uc.dynamicByHtml

@@ -9,7 +9,7 @@ function pushElement(node){
                ?><?= pushElement(child) ?>, <?php
             } 
         }); ?> )<?php } 
-    ?>import { HTMLx } from "uc-control/out/lib/WrapperHelper.js";
+    ?>import { HTMLx } from "uc-runtime/out/lib/WrapperHelper.js";
 export default function () {
     let fcontent = <?= pushElement(this) ?>;
     return fcontent;

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

@@ -0,0 +1,70 @@
+:exclude { 
+    html,
+    body {
+        font-family: Arial, Helvetica, sans-serif;
+        -webkit-user-select: none;
+        user-select: none;
+        -moz-user-select: none;
+        font-size: small;
+        object-fit: contain;
+        height: 100%; margin: 0; position: fixed; left: 0px; 
+        top: 0px;  bottom: 0px; right: 0px;
+    } 
+    body * {
+        font-size: inherit;
+        outline: 0;         
+    } 
+    .disabled,
+    [disabled="true"] {
+        pointer-events: none;
+        opacity: 0.4;
+    }
+}
+
+/*
+  QUICK INSTRUCTION FOR BASE CSS
+  ------------------------------------------------------------------------
+  IMPORTING FILES
+  @use/@import "[relativePath]"; //  add code of that file at that place
+  
+  ------------------------------------------------------------------------  
+  SELECT ROOT ELEMENT OF EACH USERCONTROL OF CURRENT PROJECT
+  & { ..style code }
+  '&' will select all usercontrol's root element `wrapper`;
+  
+  ------------------------------------------------------------------------  
+  VARIABLES
+    $[g]-varName:value;  // declaration
+    color:$g-varName; // use
+    where g stand for 'global'
+    i.e    
+      $g-dockWidth: 150px;
+      div.dock{
+        width:$g-dockWidth;
+      }
+  -----------------------------------------------------------------------
+  KEEP UNEFFECTED CSS `:exclude`
+  :exclude{  .... css code .... }
+
+  i.e
+    :exclude{
+        body{
+          overflow:hidden;
+        }
+    }
+  -----------------------------------------------------------------------
+  DECLARE ANY PROJECT'S STYLE 
+  root:[projectName or blank for currentproject]{
+      .... css cpde ...
+  }
+  i.e
+    root:            //   affect current projects' eleents
+    {  
+        * { box-sizing:border-box; }
+    }  
+    root:ucControls{      //   affect ucControls project's elements
+        body{
+          overflow:hidden;
+        }
+    }
+*/

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

@@ -1,5 +1,5 @@
 import { app, BrowserWindow, screen } from "electron";
-import { IpcMainHelper } from "uc-control/core-main.js";
+import { IpcMainHelper } from "uc-runtime/core-main.js";
 import { dirname, join, resolve } from "path";
 import { fileURLToPath, pathToFileURL } from "url";
 const __filename = fileURLToPath(import.meta.url);
@@ -11,12 +11,12 @@ app.on('ready', async () => {
     win = new BrowserWindow({
         width: mainScreen.size.width,
         height: mainScreen.size.height,
-        titleBarStyle: 'hidden',
+        //titleBarStyle: 'hidden',
         webPreferences: {
-            nodeIntegration: <?= nodeIntegration ?>,
-            contextIsolation: <?= contextIsolation ?>,
-            sandbox: false,  
+            nodeIntegration: false,
+            contextIsolation: true,
             spellcheck: false,
+            sandbox: false,
             webSecurity: true,
             preload: join(__dirname, '<?= preloadPath ?>'),
         },

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

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

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

@@ -1,5 +1,6 @@
-import "uc-control/InitRenderer.js";  ///  put this line  at the top of the code
-
+import { INIT_RENDERER } from "uc-runtime/core.js";  ///  put this line  at the top of the code
+await INIT_RENDERER();
 // START YOUR JOURNEY  
 
+
 <?= startUpCode ?>

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

@@ -1,5 +1,5 @@
 import { app, BrowserWindow, screen } from "electron";
-import { IpcMainHelper } from "uc-control/core-main.js";
+import { IpcMainHelper } from "uc-runtime/core-main.js";
 import { dirname, join, resolve } from "path";
 import { fileURLToPath, pathToFileURL } from "url";
 const __filename = fileURLToPath(import.meta.url);

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

@@ -1,14 +1,32 @@
-import { UcDefaultConfig } from "uc-control/core-main.js";
+import { UcDefaultConfig } from "uc-runtime/core-main.js";
  <?php 
        const $prf = preference;
+       const $cli = cli;
        const $build = $prf.build;
        const $dirDec = $prf.dirDeclaration;
        const $srcDec = $prf.srcDec;
        const $outDec = $prf.outDec;
     ?>
 export default UcDefaultConfig({
-    useTypeScript:<?= useTypeScript ?>,
     guid: "<?= guid ?>", 
+    cli:{
+        useElectron: <?= $cli.useElectron ?>, 
+        useTypeScript: <?= $cli.useTypeScript ?>, 
+        codeFileExt: "<?= $cli.codeFileExt ?>", 
+        outputFileExt: "<?= $cli.outputFileExt ?>", 
+        designerDir: "<?= $cli.designerDir ?>",
+        srcDir: "<?= $cli.srcDir ?>", 
+        outDir: "<?= $cli.outDir ?>", 
+        
+        ResourceStorageFile: "<?= $cli.ResourceStorageFile ?>", 
+        baseCssPath: "<?= $cli.baseCssPath ?>",
+        baseHtmlPath:"<?= $cli.baseHtmlPath ?>",
+        baseCodePath:"<?= $cli.baseCodePath ?>",
+        mainProcessFilePath:"<?= $cli.mainProcessFilePath ?>",
+        preloadScriptFilePath:"<?= $cli.preloadScriptFilePath ?>",
+        devtools:<?= $cli.devtools ?>,
+        removeMenu:<?= $cli.removeMenu ?>,
+    },
     browser: {
         resolveProjects: [ <?php browser.resolveProjects.forEach(v => {
                          ?> "<?= v ?>", <?php
@@ -17,15 +35,11 @@ export default UcDefaultConfig({
             <?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
                                  }); ?> ],

package/out/utils/inquiry/templates/sample1/frmDashboard.uc.html.tp

@@ -0,0 +1,17 @@
+<wrapper x-caption="Welcome to UC Builder">
+        <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" x-name="stateList1">
+            </section>
+
+            <section class="actions" x-name="actionList1">
+
+            </section>
+        </div>
+</wrapper>

package/out/utils/inquiry/templates/{electron/sample1/form.uc.scss.tp → sample1/frmDashboard.uc.scss.tp}

@@ -43,27 +43,6 @@
   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 */
 
@@ -71,25 +50,4 @@
   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/sample1/frmDashboard.uc.ts.tp

@@ -0,0 +1,48 @@
+import { frmDashboard$Designer } from '<?= designerReletivePath ?>';
+import { ResourceManage } from 'uc-runtime/core.js';
+import { tptDashboard } from './tptDashboard.tpt.js';
+
+export class frmDashboard extends frmDashboard$Designer {
+    async $() {
+        const cards = [{
+            cardName: 'User Controls',
+            value:'111',
+        }, {
+            cardName: 'Forms',
+            value:'80'
+        }, {
+            cardName: 'Status',
+            value:'ready',
+            isSuccess:true,
+        }];
+        const tpt = await tptDashboard.CreateAsync({ parentUc: this });
+        cards.forEach(row => {
+            this.stateList1.appendChild(tpt.cards.extended.generateNode(row));
+        });
+
+
+        const actions = [{
+            actionName: 'Create Control',
+            description:'Add reusable UI components.',
+            buttonText:'New Control'
+        }, {
+            actionName: 'Edit Layout',
+            description:'Design your form visually.',
+            buttonText:'Open Designer'
+        }, {
+            actionName: 'Documentation',
+            description:'Learn how UC Builder works.',
+            buttonText:'View Docs',
+        }];
+        
+        actions.forEach(row => {
+            this.actionList1.appendChild(tpt.actionCards.extended.generateNode(row));
+        });
+
+        //const res = ResourceManage.keys();
+        //console.log(res);
+        //const resName = ;
+        //console.log(ResourceManage.getContent("sharepnl:210B865E-13C6-4ED7-A63A-E67CC25F1393"));
+
+    }
+}

package/out/utils/inquiry/templates/sample1/tptDashboard.tpt.html.tp

@@ -0,0 +1,17 @@
+<X:TEMPLATE>
+  <WRAPPER id="cards">
+    <div class="card">
+      <h3>
+        <?= cardName ?>
+      </h3>
+      <span class="value <?= isSuccess===true?'success':'' ?>">
+        <?= value ?>
+      </span>
+    </div>
+  </WRAPPER>
+  <WRAPPER id="actionCards">
+    <h3><?= actionName ?></h3>
+    <p><?= description ?></p>
+    <button><?= buttonText ?></button>
+  </WRAPPER>
+</X:TEMPLATE>

package/out/utils/inquiry/templates/sample1/tptDashboard.tpt.scss.tp

@@ -0,0 +1,48 @@
+#cards {
+  & {
+    background: white;
+    padding: 18px;
+    border-radius: 10px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  }
+
+  h3 {
+    margin: 0;
+    font-size: 14px;
+    color: #64748b;
+  }
+
+  .value {
+    font-size: 28px;
+    font-weight: bold;
+  }
+
+  .success {
+    color: #16a34a;
+  }
+}
+
+#actionCards {
+ 
+
+  & {
+    background: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  }
+
+  h3 {
+    margin-top: 0;
+  }
+
+  button {
+    margin-top: 8px;
+    padding: 8px 14px;
+    border: none;
+    border-radius: 6px;
+    background: #4f46e5;
+    color: white;
+    cursor: pointer;
+  }
+}

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

@@ -31,9 +31,14 @@
         "noImplicitAny": false,
         "inlineSources": true,
         "paths": {
-            "uc-control/*": [
-                "./node_modules/uc-control/out/*"
-            ]
+            "uc-runtime/*": [
+                "./node_modules/uc-runtime/dist/*"
+            ],
+            <?php if(isUcControlsInstalled){ ?>
+            "uc-controls/*": [
+                "./node_modules/uc-controls/out/*"
+            ],
+            <?php } ?>
         }
     },
 }

package/package.json

@@ -13,27 +13,22 @@
     "designer-build",
     "electron-tools"
   ],
-  "version": "1.0.0-beta.2",
-  "description": "project builder for uc-control",
+  "version": "1.0.0-beta.3",
+  "description": "Electron CLI project builder for uc-runtime apps",
   "license": "ISC",
-  "author": "",
+  "author": "AP",
   "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"
+    "build:dts": "tsc -p tsconfig-declare.json --emitDeclarationOnly",
+    "errorcheck": "tsc",
+    "rebuild": "npm run errorcheck && npm run clean && npm run build:es"
   },
   "devDependencies": {
-    "@types/node": "^20.11.0",
     "electron": "^39.1.1",
-    "rimraf": "^6.0.1",
     "esbuild": "^0.27.2",
-    "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.9.3"
+    "rimraf": "^6.0.1"
   },
   "dependencies": {
     "css-select": "^6.0.0",

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

@@ -1,54 +0,0 @@
-<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>