@ngbase/adk 0.1.3 → 0.1.4

package/schematics/components/files/tree/tree.ts.template

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, Directive, signal } from '@angular/core';
+import {
+  NgbTree,
+  NgbTreeNode,
+  NgbTreeNodeContent,
+  NgbTreeNodeDef,
+  NgbTreeNodeToggle,
+  aliasTree,
+  aliasTreeNode,
+} from '@ngbase/adk/tree';
+
+@Component({
+  selector: '<%= name %>-tree',
+  exportAs: '<%= name %>Tree',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [aliasTree(Tree)],
+  template: `<ng-container #container />`,
+  host: {
+    class: 'block',
+  },
+})
+export class Tree<T> extends NgbTree<T> {}
+
+@Component({
+  selector: '<%= name %>-tree-node',
+  exportAs: '<%= name %>TreeNode',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <div class="flex items-start">
+      <ng-content />
+    </div>
+    <ng-content select="[<%= name %>TreeNodeContent]" />
+    <ng-container #container />
+  `,
+  providers: [provideTreeNode(TreeNode)],
+  host: {
+    class: 'block w-full cursor-pointer',
+  },
+})
+export class TreeNode<T> extends NgbTreeNode<T> {
+  override size = signal(16);
+}
+
+@Directive({
+  selector: '[<%= name %>TreeNodeToggle]',
+  hostDirectives: [NgbTreeNodeToggle],
+  host: {
+    class: `aria-[hidden="true"]:invisible`,
+  },
+})
+export class TreeNodeToggle {}
+
+@Directive({
+  selector: '[<%= name %>TreeNodeDef]',
+  hostDirectives: [NgbTreeNodeDef],
+})
+export class TreeNodeDef<T> {}
+
+@Directive({
+  selector: '[<%= name %>TreeNodeContent]',
+  hostDirectives: [NgbTreeNodeContent],
+  host: {
+    class: 'ml-8',
+  },
+})
+export class TreeNodeContent {}

package/schematics/components/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { MyGeneratorSchema } from './schema';
+export declare function myGenerator(options: MyGeneratorSchema): Rule;

package/schematics/components/index.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.myGenerator = myGenerator;
+const schematics_1 = require("@angular-devkit/schematics");
+const core_1 = require("@angular-devkit/core");
+function readConfigFile(tree) {
+    const configPath = 'ngbase.config.json';
+    if (tree.exists(configPath)) {
+        const buffer = tree.read(configPath);
+        if (buffer) {
+            try {
+                const content = JSON.parse(buffer.toString());
+                return content;
+            }
+            catch (error) {
+                console.warn(`⚠️ Failed to parse ${configPath}:`, error);
+            }
+        }
+    }
+    return {};
+}
+function myGenerator(options) {
+    return (tree) => {
+        const config = readConfigFile(tree);
+        const finalOptions = Object.assign(Object.assign({}, config), options);
+        if (!options.component || options.component.length === 0) {
+            return (0, schematics_1.noop)();
+        }
+        const rules = options.component.map(comp => {
+            const sourceTemplates = (0, schematics_1.url)(`./files/${comp}`);
+            const targetPath = options.path || '';
+            const sourceParametrizedTemplates = (0, schematics_1.apply)(sourceTemplates, [
+                (0, schematics_1.applyTemplates)(Object.assign(Object.assign(Object.assign({}, core_1.strings), finalOptions), { component: comp })),
+                (0, schematics_1.move)((0, core_1.normalize)(`/${targetPath}/${comp}`)),
+            ]);
+            return (0, schematics_1.mergeWith)(sourceParametrizedTemplates);
+        });
+        return (0, schematics_1.chain)(rules);
+    };
+}
+//# sourceMappingURL=index.js.map

package/schematics/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/adk/schematics/components/index.ts"],"names":[],"mappings":";;AA8BA,kCA4BC;AA1DD,2DAUoC;AACpC,+CAA0D;AAG1D,SAAS,cAAc,CAAC,IAAU;IAChC,MAAM,UAAU,GAAG,oBAAoB,CAAC;IACxC,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACrC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAC9C,OAAO,OAAO,CAAC;YACjB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,sBAAsB,UAAU,GAAG,EAAE,KAAK,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,WAAW,CAAC,OAA0B;IACpD,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QACpC,MAAM,YAAY,mCAAQ,MAAM,GAAK,OAAO,CAAE,CAAC;QAE/C,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzD,OAAO,IAAA,iBAAI,GAAE,CAAC;QAChB,CAAC;QAED,MAAM,KAAK,GAAW,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACjD,MAAM,eAAe,GAAG,IAAA,gBAAG,EAAC,WAAW,IAAI,EAAE,CAAC,CAAC;YAE/C,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;YAEtC,MAAM,2BAA2B,GAAG,IAAA,kBAAK,EAAC,eAAe,EAAE;gBACzD,IAAA,2BAAc,gDACT,cAAO,GACP,YAAY,KACf,SAAS,EAAE,IAAI,IACf;gBACF,IAAA,iBAAI,EAAC,IAAA,gBAAS,EAAC,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC,CAAC;aAC1C,CAAC,CAAC;YAEH,OAAO,IAAA,sBAAS,EAAC,2BAA2B,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;AACJ,CAAC"}

package/schematics/components/index.ts

@@ -0,0 +1,59 @@
+import {
+  Rule,
+  apply,
+  mergeWith,
+  move,
+  applyTemplates,
+  url,
+  chain,
+  noop,
+  Tree,
+} from '@angular-devkit/schematics';
+import { strings, normalize } from '@angular-devkit/core';
+import { MyGeneratorSchema } from './schema';
+
+function readConfigFile(tree: Tree): Partial<MyGeneratorSchema> {
+  const configPath = 'ngbase.config.json';
+  if (tree.exists(configPath)) {
+    const buffer = tree.read(configPath);
+    if (buffer) {
+      try {
+        const content = JSON.parse(buffer.toString());
+        return content;
+      } catch (error) {
+        console.warn(`⚠️ Failed to parse ${configPath}:`, error);
+      }
+    }
+  }
+  return {};
+}
+
+export function myGenerator(options: MyGeneratorSchema): Rule {
+  return (tree: Tree) => {
+    const config = readConfigFile(tree);
+    const finalOptions = { ...config, ...options };
+
+    if (!options.component || options.component.length === 0) {
+      return noop();
+    }
+
+    const rules: Rule[] = options.component.map(comp => {
+      const sourceTemplates = url(`./files/${comp}`);
+
+      const targetPath = options.path || '';
+
+      const sourceParametrizedTemplates = apply(sourceTemplates, [
+        applyTemplates({
+          ...strings,
+          ...finalOptions,
+          component: comp,
+        }),
+        move(normalize(`/${targetPath}/${comp}`)),
+      ]);
+
+      return mergeWith(sourceParametrizedTemplates);
+    });
+
+    return chain(rules);
+  };
+}

package/schematics/components/schema.d.ts

@@ -0,0 +1,6 @@
+export interface MyGeneratorSchema {
+    name: string;
+    path?: string;
+    project?: string;
+    component: string[];
+}

package/schematics/components/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/components/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../projects/adk/schematics/components/schema.ts"],"names":[],"mappings":""}

package/schematics/components/schema.json

@@ -0,0 +1,145 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SchematicsAccordion",
+  "title": "Accordion Schema",
+  "type": "object",
+  "properties": {
+    "name": {
+      "description": "The name of the component prefix.",
+      "x-prompt": "What is the name of the component prefix?",
+      "type": "string"
+    },
+    "path": {
+      "description": "Where should be created the file",
+      "type": "string",
+      "format": "path",
+      "x-prompt": "Where should be created the file?",
+      "default": "src/app"
+    },
+    "basepath": {
+      "description": "The base path of the UI library.",
+      "type": "string",
+      "format": "path",
+      "x-prompt": "What is the base path of the UI library?",
+      "default": "@"
+    },
+    "component": {
+      "description": "The file extension or preprocessor to use for style files.",
+      "type": "string",
+      "default": "accordion",
+      "enum": [
+        "accordion",
+        "alert",
+        "autocomplete",
+        "avatar",
+        "badge",
+        "breadcrumb",
+        "button",
+        "card",
+        "carousel",
+        "checkbox",
+        "chip",
+        "color-picker",
+        "command",
+        "datepicker",
+        "dialog",
+        "drawer",
+        "form-field",
+        "hover-card",
+        "icon",
+        "inline-edit",
+        "keys",
+        "list",
+        "mask",
+        "menu",
+        "otp",
+        "pagination",
+        "popover",
+        "progress",
+        "radio",
+        "resizable",
+        "scroll-area",
+        "select",
+        "selectable",
+        "separator",
+        "sheet",
+        "sidenav",
+        "skeleton",
+        "slider",
+        "sonner",
+        "spinner",
+        "stepper",
+        "switch",
+        "table",
+        "tabs",
+        "toggle",
+        "toggle-group",
+        "tooltip",
+        "tour",
+        "tree"
+      ],
+      "x-prompt": {
+        "message": "Which component would you like to create?",
+        "type": "checkbox",
+        "items": [
+          { "value": "accordion", "label": "Accordion" },
+          { "value": "alert", "label": "Alert" },
+          { "value": "autocomplete", "label": "Autocomplete" },
+          { "value": "avatar", "label": "Avatar" },
+          { "value": "badge", "label": "Badge" },
+          { "value": "breadcrumb", "label": "Breadcrumb" },
+          { "value": "button", "label": "Button" },
+          { "value": "card", "label": "Card" },
+          { "value": "carousel", "label": "Carousel" },
+          { "value": "checkbox", "label": "Checkbox" },
+          { "value": "chip", "label": "Chip" },
+          { "value": "color-picker", "label": "Color Picker" },
+          { "value": "command", "label": "Command" },
+          { "value": "datepicker", "label": "Datepicker" },
+          { "value": "dialog", "label": "Dialog" },
+          { "value": "drawer", "label": "Drawer" },
+          { "value": "form-field", "label": "Form Field" },
+          { "value": "hover-card", "label": "Hover Card" },
+          { "value": "icon", "label": "Icon" },
+          { "value": "inline-edit", "label": "Inline Edit" },
+          { "value": "keys", "label": "Keys" },
+          { "value": "list", "label": "List" },
+          { "value": "mask", "label": "Mask" },
+          { "value": "menu", "label": "Menu" },
+          { "value": "otp", "label": "OTP" },
+          { "value": "pagination", "label": "Pagination" },
+          { "value": "popover", "label": "Popover" },
+          { "value": "progress", "label": "Progress" },
+          { "value": "radio", "label": "Radio" },
+          { "value": "resizable", "label": "Resizable" },
+          { "value": "scroll-area", "label": "Scroll Area" },
+          { "value": "select", "label": "Select" },
+          { "value": "selectable", "label": "Selectable" },
+          { "value": "separator", "label": "Separator" },
+          { "value": "sheet", "label": "Sheet" },
+          { "value": "sidenav", "label": "Sidenav" },
+          { "value": "skeleton", "label": "Skeleton" },
+          { "value": "slider", "label": "Slider" },
+          { "value": "sonner", "label": "Sonner" },
+          { "value": "spinner", "label": "Spinner" },
+          { "value": "stepper", "label": "Stepper" },
+          { "value": "switch", "label": "Switch" },
+          { "value": "table", "label": "Table" },
+          { "value": "tabs", "label": "Tabs" },
+          { "value": "toggle", "label": "Toggle" },
+          { "value": "toggle-group", "label": "Toggle Group" },
+          { "value": "tooltip", "label": "Tooltip" },
+          { "value": "tour", "label": "Tour" },
+          { "value": "tree", "label": "Tree" }
+        ]
+      },
+      "project": {
+        "type": "string",
+        "description": "The name of the project.",
+        "$default": {
+          "$source": "projectName"
+        }
+      }
+    }
+  }
+}

package/schematics/components/schema.ts

@@ -0,0 +1,6 @@
+export interface MyGeneratorSchema {
+  name: string;
+  path?: string;
+  project?: string;
+  component: string[];
+}