ng schematics preparations

sir-alex · Sep 2, 2024 · 1e9d274 · 1e9d274
1 parent 43b9072
commit 1e9d274
Show file tree

Hide file tree

Showing 6 changed files with 164 additions and 19 deletions.
diff --git a/angular.json b/angular.json
@@ -11,6 +11,9 @@
       "schematics": {
         "@schematics/angular:component": {
           "style": "scss"
+        },
+        "lfx-ng-schematics:lfx-component": {
+          "path": "projects/lfx-component-lib/src/lib/components"
         }
       },
       "architect": {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,7 +17,8 @@
     "storybook": "ng run lfx-component-lib:storybook",
     "build-storybook": "ng run lfx-component-lib:build-storybook",
     "chromatic": "npx chromatic --project-token=chpt_92f26893ce6e479",
-    "verdaccio": "npx verdaccio"
+    "verdaccio": "npx verdaccio",
+    "publish": "cd ./dist/lfx-component-lib && npm publish --registry http://localhost:4873"
   },
   "dependencies": {
     "@angular/animations": "^18.0.0",
@@ -35,6 +36,7 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.1.2",
+    "@angular-devkit/schematics": "^18.2.2",
     "@angular/cli": "^18.0.5",
     "@angular/compiler-cli": "^18.0.0",
     "@chromatic-com/storybook": "^1.6.1",

diff --git a/projects/lfx-component-lib/documentation.json b/projects/lfx-component-lib/documentation.json
@@ -18,7 +18,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "Story",
-                "defaultValue": "{\n  args: {\n    type: 'error' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5210&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('error');\n  }\n}"
+                "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'error' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5210&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('error');\n  }\n}"
             },
             {
                 "name": "meta",
@@ -38,7 +38,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "Meta<ToastComponent>",
-                "defaultValue": "{\n  title: 'LFX Components/Containers/Toast',\n  component: ToastComponent,\n  tags: ['autodocs'],\n  render: (args) => ({\n    template: `\n      <lfx-toast type=\"${args.type}\">\n        <h1>Title</h1>\n        <p>Body paragraph</p>\n      </lfx-toast>\n    `,\n  }),\n  argTypes: {\n    type: {\n      control: 'select',\n      options: ['notice', 'warning', 'success', 'error'] as IType[],\n    },\n  },\n  args: {\n    type: 'notice' as IType,\n  },\n}"
+                "defaultValue": "{\n  title: 'LFX Components/Containers/Toast',\n  component: ToastComponent,\n  tags: ['autodocs'],\n  render: (args) => ({\n    template: `\n      <lfx-toast type=\"${args.type}\">\n        <h1>Title</h1>\n        <p>Body paragraph</p>\n      </lfx-toast>\n    `,\n  }),\n  argTypes: {\n    type: {\n      control: 'select',\n      options: ['notice', 'warning', 'success', 'error'] as IType[],\n    },\n  },\n  args: {\n    // @ts-ignore\n    type: 'notice' as IType,\n  },\n}"
             },
             {
                 "name": "Notice",
@@ -48,7 +48,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "Story",
-                "defaultValue": "{\n  args: {\n    type: 'notice' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5198&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('notice');\n  }\n}"
+                "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'notice' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5198&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('notice');\n  }\n}"
             },
             {
                 "name": "preview",
@@ -78,7 +78,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "Story",
-                "defaultValue": "{\n  args: {\n    type: 'success' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5207&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('success');\n  }\n}"
+                "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'success' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5207&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('success');\n  }\n}"
             },
             {
                 "name": "Warning",
@@ -88,7 +88,7 @@
                 "deprecated": false,
                 "deprecationMessage": "",
                 "type": "Story",
-                "defaultValue": "{\n  args: {\n    type: 'warning' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5205&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('warning');\n  }\n}"
+                "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'warning' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5205&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('warning');\n  }\n}"
             }
         ],
         "functions": [
@@ -157,7 +157,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "Story",
-                    "defaultValue": "{\n  args: {\n    type: 'error' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5210&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('error');\n  }\n}"
+                    "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'error' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5210&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('error');\n  }\n}"
                 },
                 {
                     "name": "meta",
@@ -167,7 +167,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "Meta<ToastComponent>",
-                    "defaultValue": "{\n  title: 'LFX Components/Containers/Toast',\n  component: ToastComponent,\n  tags: ['autodocs'],\n  render: (args) => ({\n    template: `\n      <lfx-toast type=\"${args.type}\">\n        <h1>Title</h1>\n        <p>Body paragraph</p>\n      </lfx-toast>\n    `,\n  }),\n  argTypes: {\n    type: {\n      control: 'select',\n      options: ['notice', 'warning', 'success', 'error'] as IType[],\n    },\n  },\n  args: {\n    type: 'notice' as IType,\n  },\n}"
+                    "defaultValue": "{\n  title: 'LFX Components/Containers/Toast',\n  component: ToastComponent,\n  tags: ['autodocs'],\n  render: (args) => ({\n    template: `\n      <lfx-toast type=\"${args.type}\">\n        <h1>Title</h1>\n        <p>Body paragraph</p>\n      </lfx-toast>\n    `,\n  }),\n  argTypes: {\n    type: {\n      control: 'select',\n      options: ['notice', 'warning', 'success', 'error'] as IType[],\n    },\n  },\n  args: {\n    // @ts-ignore\n    type: 'notice' as IType,\n  },\n}"
                 },
                 {
                     "name": "Notice",
@@ -177,7 +177,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "Story",
-                    "defaultValue": "{\n  args: {\n    type: 'notice' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5198&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('notice');\n  }\n}"
+                    "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'notice' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5198&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('notice');\n  }\n}"
                 },
                 {
                     "name": "Success",
@@ -187,7 +187,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "Story",
-                    "defaultValue": "{\n  args: {\n    type: 'success' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5207&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('success');\n  }\n}"
+                    "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'success' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5207&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('success');\n  }\n}"
                 },
                 {
                     "name": "Warning",
@@ -197,7 +197,7 @@
                     "deprecated": false,
                     "deprecationMessage": "",
                     "type": "Story",
-                    "defaultValue": "{\n  args: {\n    type: 'warning' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5205&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('warning');\n  }\n}"
+                    "defaultValue": "{\n  args: {\n    // @ts-ignore\n    type: 'warning' as IType,\n  },\n  parameters: {\n    design: {\n      type: \"figspec\",\n      url: \"https://www.figma.com/design/nj8rOxBtzQCa7KrvBxF4aF/Coherence-Design-System?node-id=772-5205&t=zfHib1d5XSXabYJp-4\",\n    },\n  },\n  play: async ( {canvasElement} ) => {\n    const element = getElement(canvasElement);\n    await expect(element.classList).toContain('warning');\n  }\n}"
                 }
             ],
             "projects/lfx-component-lib/src/lib/containers/sections/__docs__/sections.stories.ts": [

diff --git a/projects/lfx-component-lib/package.json b/projects/lfx-component-lib/package.json
@@ -1,9 +1,9 @@
 {
   "name": "lfx-component-lib",
-  "version": "0.0.14",
+  "version": "0.0.20",
   "scripts": {
     "build": "tsc -p tsconfig.schematics.json",
-    "postbuild": "copyfiles schematics/collection.json ../../dist/lfx-component-lib/"
+    "postbuild": "copyfiles schematics/collection.json schematics/*/schema.json schematics/*/files/** ../../dist/lfx-component-lib/"
   },
   "ng-add": {
     "save": "true"