dazscript-framework 0.1.7 → 0.1.9

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "dazscript-framework",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "author": "Freddy Diaz",
   "license": "MPL-2.0",
   "description": "",
+  "scripts": {
+    "prebuild": "npm run installer",
+    "build": "webpack --env outputPath=./out",
+    "postbuild": "npm run icons",
+    "watch": "webpack --env outputPath=./out --watch",
+    "icons": "copyfiles -u 1 src/**/*.png out/",
+    "installer": "node ./dist/scripts/install-generator.js -p ./src/samples -m /DazScriptFramework"
+  },
   "keywords": [
     "daz3d",
     "daz studio",
@@ -18,6 +26,13 @@
     "./babel/trace-babel-plugin": "./dist/babel/trace-babel-plugin.js",
     "./babel/trace-log-babel-plugin": "./dist/babel/trace-log-babel-plugin.js"
   },
+  "files": [
+    "tsconfig.json",
+    "webpack.config",
+    "babel.config.js",
+    "dist/**/*",
+    "src/**/*"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/fjdiazt/dazscript-framework"
@@ -46,5 +61,10 @@
     "typescript": "^5.2.2",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.5",
+    "eslint": "^9.17.0",
+    "typescript": "^5.7.3"
   }
 }

package/src/Install.dsa.ts

@@ -0,0 +1,19 @@
+
+import { installCustomActions as install } from '@dsf/helpers/custom-action-helper';
+
+install([
+    {
+        "name": null,
+        "text": "Hello World",
+        "filePath": "samples/hello-world.dsa",
+        "menuPath": "/DazScriptFramework/samples",
+        "description": "hello-world"
+    },
+    {
+        "name": null,
+        "text": "Sample Dialog",
+        "filePath": "samples/sample-dialog.dsa",
+        "menuPath": "/DazScriptFramework/samples",
+        "description": "sample-dialog"
+    }
+]);

package/src/Uninstall.dsa.ts

@@ -0,0 +1,19 @@
+
+import { uninstallCustomActions as uninstall } from '@dsf/helpers/custom-action-helper';
+
+uninstall([
+    {
+        "name": null,
+        "text": "Hello World",
+        "filePath": "samples/hello-world.dsa",
+        "menuPath": "/DazScriptFramework/samples",
+        "description": "hello-world"
+    },
+    {
+        "name": null,
+        "text": "Sample Dialog",
+        "filePath": "samples/sample-dialog.dsa",
+        "menuPath": "/DazScriptFramework/samples",
+        "description": "sample-dialog"
+    }
+]);

package/src/dialog/builders/line-edit-builder.ts

@@ -74,7 +74,7 @@ export default class LineEditBuilder extends WidgetBuilderBase<DzLineEdit> {
         return this
     }
 
-    text(text_: string | Observable<string>): this {
+    value(text_: string | Observable<string>): this {
         if (typeof text_ === 'string') {
             this.widget.text = text_
         }

package/src/dialog/builders/node-selection-builder.ts

@@ -31,13 +31,25 @@ export class NodeSelectionComboBoxBuilder extends WidgetBuilderBase<DzNodeSelect
         return this
     }
 
-    bind(node: Observable<DzNode>): this {
+    value(node: Observable<DzNode>): this {
         this.widget.nodeSelectionChanged.scriptConnect(() => {
             node.value = this.widget.getSelectedNode()
         })
+        this.selected(node)
         return this
     }
 
+    changed(then: (node: DzNode) => void): this {
+        this.widget.nodeSelectionChanged.scriptConnect(() => {
+            then(this.widget.getSelectedNode())
+        })
+        return this
+    }
+
+    refresh(): void {
+        this.widget.update()
+    }
+
     build(then?: (comboBox: DzNodeSelectionComboBox) => void): DzNodeSelectionComboBox {
         return super.build()
     }

package/src/dialog/input-dialog.ts

@@ -23,6 +23,6 @@ export class InputDialog extends BasicDialog {
     protected build(): void {
         let add = this.add
 
-        add.edit().text(this.model.value$).validator(this.model.validator).focus()
+        add.edit().value(this.model.value$).validator(this.model.validator).focus()
     }
 }

package/src/samples/config.ts

@@ -0,0 +1,3 @@
+export const config = {
+    author: 'DazScriptFramework'
+}

package/src/samples/hello-world.dsa.ts

@@ -0,0 +1,13 @@
+import { debug } from '@dsf/common/log';
+import { action } from '@dsf/core/action-decorator';
+import { BaseScript } from '@dsf/core/base-script';
+import { info } from '@dsf/helpers/message-box-helper';
+
+@action({ text: 'Hello World' })
+class HelloWorldScript extends BaseScript {
+    protected run(): void {
+        debug('Hello World!');
+        info('Hello World!');
+    }
+}
+new HelloWorldScript().exec();

package/src/samples/sample-dialog.dsa.ts

@@ -0,0 +1,52 @@
+import { debug, dump } from '@dsf/common/log';
+import { action } from '@dsf/core/action-decorator';
+import { BaseScript } from '@dsf/core/base-script';
+import { error } from '@dsf/helpers/message-box-helper';
+import { getNodes, getSelectedNode } from '@dsf/helpers/scene-helper';
+import { SampleDialog, SampleDialogModel } from './sample-dialog';
+
+@action({ text: 'Sample Dialog' })
+class SampleDialogScript extends BaseScript {
+    protected run(): void {
+        let sceneNodes = getNodes()
+        let selectedNode = getSelectedNode()
+        if (!selectedNode) {
+            error('Please select a node.')
+            return
+        }
+
+        let model = new SampleDialogModel()
+        model.nodes$.value = sceneNodes
+
+        model.nodeLabel$.connect((label) => {
+            if (label === model.selectedNode$.value.getLabel()) return
+            model.selectedNode$.value.setLabel(label)
+            model.nodes$.value = getNodes()
+        })
+
+        let dialog = new SampleDialog(model)
+
+        model.selectedNode$.connect((node) => {
+            if (!node) return
+            debug(`Selected Node: ${node.getLabel()}`)
+            node.select(true)
+            model.nodeLabel$.value = node.getLabel()
+            model.showNode$.value = node.isVisible()
+            model.hideNode$.value = !node.isVisible()
+        })
+        dialog.onNodeVisibilityChanged = (node, visible) => {
+            node.setVisible(visible)
+        }
+
+        model.selectedNode$.value = selectedNode
+
+        if (!dialog.run()) {
+            debug(`Dialog Cancelled`)
+            return
+        }
+
+        debug(`Dialog Closed`)
+        dump(model)
+    }
+}
+new SampleDialogScript().exec();

package/src/samples/sample-dialog.ts

@@ -0,0 +1,49 @@
+import { BasicDialog } from '@dsf/dialog/basic-dialog';
+import { Observable } from '@dsf/lib/observable';
+import { AppSettings } from '@dsf/lib/settings';
+import { config } from './config';
+
+export class SampleDialogModel extends AppSettings {
+    constructor() {
+        super(`${config.author}/SampleDialog`);
+    }
+
+    selectedNode$ = new Observable<DzNode>()
+    nodes$ = new Observable<DzNode[]>()
+    nodeLabel$ = new Observable<string>()
+    showNode$ = new Observable<boolean>()
+    hideNode$ = new Observable<boolean>()
+}
+
+export class SampleDialog extends BasicDialog {
+    constructor(private readonly model: SampleDialogModel) {
+        super(`Sample Dialog`);
+    }
+
+    public onNodeChanged?: (node: DzNode) => void
+
+    public onNodeVisibilityChanged?: (node: DzNode, visible: boolean) => void
+
+    protected build(): void {
+        let add = this.add
+        let model = this.model
+        this.dialog.showAcceptButton(false)
+        this.dialog.setCancelButtonText(`Close`)
+
+        add.tab('General').build(() => {
+            add.group(`Selected Node`).build(() => {
+                add.nodeSelection().nodes(model.nodes$).value(model.selectedNode$)
+                add.horizontal((layout) => {
+                    add.label(`Label:`)
+                    layout.addSpacing(10)
+                    add.edit().value(model.nodeLabel$)
+                })
+
+                add.group(`Visibility`).horizontal().build(() => {
+                    add.radio(`Show`).value(model.showNode$).toolTip(`Show the selected node.`).toggled((checked) => { this.onNodeVisibilityChanged(model.selectedNode$.value, checked) })
+                    add.radio(`Hide`).value(model.hideNode$).toolTip(`Hide the selected node.`)
+                })
+            })
+        })
+    }
+}

package/src/shared/set-keyboard-shortcut.ts

@@ -63,14 +63,14 @@ class KeyboardShortcutDialog extends BasicDialog {
 
         add.group('Assign Keyboard Shortcut').build((layout) => {
             layout.spacing = 5
-            add.edit().text(model.actionLabel).readOnly(true)
+            add.edit().value(model.actionLabel).readOnly(true)
             add.comboEdit().focus().items([...letters, ...keys]).changed(this.key).edited(this.key)
             add.checkbox('Control').value(model.control)
             add.checkbox('Option / Alt').value(model.alt)
             add.checkbox('Shift').value(model.shift)
             add.checkbox('Command / Windows').value(model.windows)
             add.group('Shortcut:').style({ flat: true }).build(() => {
-                add.edit().text(model.shortcut).readOnly(true)
+                add.edit().value(model.shortcut).readOnly(true)
             })
         })
     }

package/webpack.config.js

@@ -1,65 +0,0 @@
-const path = require('path');
-const glob = require('glob');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-
-module.exports = (env, argv) => {
-  const isFileSpecified = env && env.file;
-  const entryFiles = isFileSpecified
-    ? [`./src/${env.file}.dsa.ts`]
-    : glob.sync('./src/**/*.dsa.ts');
-
-  return {
-    mode: 'production',
-    optimization: {
-      usedExports: true,
-    },
-    entry: entryFiles.reduce((acc, filePath) => {
-      const entry = filePath.replace('.dsa.ts', '').replace('src/', '');
-      acc[entry] = `./${filePath}`;
-      return acc;
-    }, {}),
-    module: {
-      rules: [
-        {
-          test: /\.ts$/,
-          use: [
-            {
-              loader: 'babel-loader',
-            },
-            {
-              loader: 'ts-loader',
-              options: {
-                allowTsInNodeModules: true,
-              },
-            },
-          ],
-          exclude: [
-            {
-              and: [path.resolve(__dirname, 'node_modules')],
-              not: [
-                path.resolve(__dirname, 'node_modules/dazscript-framework/src'),
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    resolve: {
-      extensions: ['.ts'],
-      plugins: [new TsconfigPathsPlugin()],
-    },
-    output: {
-      filename: '[name].dsa',
-      path: path.resolve(__dirname, 'out'),
-      environment: {
-        arrowFunction: false,
-        bigIntLiteral: false,
-        const: false,
-        destructuring: false,
-        dynamicImport: false,
-        forOf: true,
-        module: false,
-      },
-    },
-  };
-};