@deenruv/ui-devkit 1.0.0

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@deenruv/ui-devkit",
+  "version": "1.0.0",
+  "description": "A library for authoring Deenruv Admin UI extensions",
+  "keywords": [
+    "deenruv",
+    "javascript",
+    "extensions"
+  ],
+  "author": "Michael Bromley <michael@michaelbromley.co.uk>",
+  "homepage": "https://deenruv.com/",
+  "license": "MIT",
+  "files": [
+    "client",
+    "compiler",
+    "scaffold"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "client/index.js",
+  "types": "client/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deenruv-ecommerce/deenruv.git"
+  },
+  "bugs": {
+    "url": "https://github.com/deenruv-ecommerce/deenruv/issues"
+  },
+  "dependencies": {
+    "@angular-devkit/build-angular": "^17.2.3",
+    "@angular/cli": "^17.2.3",
+    "@angular/compiler": "^17.2.4",
+    "@angular/compiler-cli": "^17.2.4",
+    "chalk": "^4.1.0",
+    "chokidar": "^3.6.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^9.2.1",
+    "@deenruv/admin-ui": "^1.0.0",
+    "@deenruv/common": "^1.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@types/fs-extra": "^11.0.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.13.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rxjs": "7.8.1",
+    "tslib": "^2.6.2",
+    "typescript": "5.3.3",
+    "@deenruv/core": "^1.0.0"
+  },
+  "peerDependencies": {
+    "rxjs": "7.8.1",
+    "@deenruv/core": "^0.1.0"
+  },
+  "scripts": {
+    "build:client": "rimraf ./client && rollup -c rollup.config.mjs --configProduction",
+    "build:compiler": "rimraf ./compiler && tsc -p tsconfig.compiler.json",
+    "build": "npm run build:client && npm run build:compiler",
+    "watch": "rimraf ./lib && rollup -c rollup.config.mjs -w"
+  }
+}

package/scaffold/README.md

@@ -0,0 +1,7 @@
+# Generated Admin UI
+
+This directory and its entire contents was generated the `compileUiExtensions()` function of the `@deenruv/ui-devkit/compiler` package. It is not recommended to modify these files, since any changes will be overwritten upon re-compiling the ui extensions.
+
+## Production app
+
+When compiling in production mode (`devMode: false`), the compiled application will be output to the `./dist` directory. This is a production-ready Angular application which can then be served from any web server, with attention to the [Angular server configuration guide](https://angular.io/guide/deployment#server-configuration).

package/scaffold/angular.json

@@ -0,0 +1,128 @@
+{
+  "$schema": "../node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "deenruv-admin": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "vdr",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "baseHref": "/",
+            "outputPath": "dist",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "assets": [
+              {
+                "glob": "**/*.*",
+                "input": "static-assets",
+                "output": "assets"
+              },
+              "src/favicon.ico",
+              {
+                "glob": "favicon.ico",
+                "input": "static-assets",
+                "output": "/"
+              },
+              "src/deenruv-ui-config.json",
+              "src/theme.min.css",
+              "src/assets",
+              "src/i18n-messages",
+              {
+                "glob": "logo-*.*",
+                "input": "static-assets",
+                "output": "assets"
+              }
+            ],
+            "styles": [
+              "src/global-styles.scss"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "./src/styles",
+                "./src/fonts"
+              ]
+            },
+            "allowedCommonJsDependencies": [
+              "graphql-tag",
+              "zen-observable",
+              "lodash",
+              "dayjs",
+              "apollo-upload-client",
+              "@clr/icons",
+              "@clr/icons/shapes/all-shapes",
+              "@deenruv/common/lib/generated-types",
+              "@deenruv/common/lib/simple-deep-clone",
+              "@deenruv/common/lib/shared-constants",
+              "@deenruv/common/lib/shared-utils",
+              "@deenruv/common/lib/normalize-string",
+              "@deenruv/common/lib/unique",
+              "@deenruv/common/lib/omit",
+              "@deenruv/common/lib/pick",
+              "@messageformat/core"
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
+              "fileReplacements": [
+                {
+                  "replace": "src/environment.ts",
+                  "with": "src/environment.prod.ts"
+                }
+              ],
+              "optimization": {
+                "styles": {
+                  "inlineCritical": false
+                }
+              },
+              "outputHashing": "all",
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false
+            }
+          },
+          "defaultConfiguration": ""
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "deenruv-admin:build"
+          }
+        }
+      }
+    }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "skipTests": true,
+      "changeDetection": "OnPush"
+    }
+  },
+  "cli": {
+    "packageManager": "yarn",
+    "analytics": false
+  }
+}

package/scaffold/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "deenruv-admin-ui",
+  "dependencies": {},
+  "license": "UNLICENSED",
+  "private": true,
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build --configuration production"
+  }
+}

package/scaffold/src/app.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from "@angular/core";
+import { Route, RouterModule } from "@angular/router";
+import { marker as _ } from "@biesbjerg/ngx-translate-extract-marker";
+import {
+  AppComponent,
+  AppComponentModule,
+  CoreModule,
+} from "@deenruv/admin-ui/core";
+
+import { routes } from "./app.routes";
+import { SharedExtensionsModule } from "./shared-extensions.module";
+
+@NgModule({
+  declarations: [],
+  imports: [
+    AppComponentModule,
+    RouterModule.forRoot(routes, { useHash: false }),
+    CoreModule,
+    SharedExtensionsModule,
+  ],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}

package/scaffold/src/app.routes.ts

@@ -0,0 +1,63 @@
+import { Route } from "@angular/router";
+import { marker as _ } from "@biesbjerg/ngx-translate-extract-marker";
+import { AppShellComponent, AuthGuard } from "@deenruv/admin-ui/core";
+
+import { extensionRoutes } from "./extension.routes";
+
+export const routes: Route[] = [
+  {
+    path: "login",
+    loadChildren: () =>
+      import("@deenruv/admin-ui/login").then((m) => m.LoginModule),
+  },
+  {
+    path: "",
+    canActivate: [AuthGuard],
+    component: AppShellComponent,
+    data: {
+      breadcrumb: _("breadcrumb.dashboard"),
+    },
+    children: [
+      // Defining the extension routes before the built-in routes allows
+      // the extension routes to take precedence over the built-in routes, enabling
+      // the extensions to override built-in functionality.
+      ...extensionRoutes,
+      {
+        path: "",
+        pathMatch: "full",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/dashboard").then((m) => m.DashboardModule),
+      },
+      {
+        path: "catalog",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/catalog").then((m) => m.CatalogModule),
+      },
+      {
+        path: "customer",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/customer").then((m) => m.CustomerModule),
+      },
+      {
+        path: "orders",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/order").then((m) => m.OrderModule),
+      },
+      {
+        path: "marketing",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/marketing").then((m) => m.MarketingModule),
+      },
+      {
+        path: "settings",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/settings").then((m) => m.SettingsModule),
+      },
+      {
+        path: "system",
+        loadChildren: () =>
+          import("@deenruv/admin-ui/system").then((m) => m.SystemModule),
+      },
+    ],
+  },
+];

package/scaffold/src/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true,
+};

package/scaffold/src/environment.ts

@@ -0,0 +1,6 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+export const environment = {
+  production: false,
+};

package/scaffold/src/extension.routes.ts

@@ -0,0 +1 @@
+export const extensionRoutes = [];

package/scaffold/src/main.ts

@@ -0,0 +1,16 @@
+import { enableProdMode } from "@angular/core";
+import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
+import { loadAppConfig } from "@deenruv/admin-ui/core";
+
+import { AppModule } from "./app.module";
+import { environment } from "./environment";
+
+if (environment.production) {
+  enableProdMode();
+}
+
+loadAppConfig()
+  .then(() => platformBrowserDynamic().bootstrapModule(AppModule))
+  .catch((err: any) => {
+    console.log(err);
+  });

package/scaffold/src/shared-extensions.module.ts

@@ -0,0 +1,7 @@
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+
+@NgModule({
+  imports: [CommonModule],
+})
+export class SharedExtensionsModule {}

package/scaffold/src/styles/global-styles.scss

@@ -0,0 +1 @@
+@import "./styles";

package/scaffold/src/tsconfig.app.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app"
+  },
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "**/*.d.ts"
+  ],
+  "angularCompilerOptions": {
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": false,
+    "strictInjectionParameters": true
+  }
+}

package/scaffold/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "importHelpers": true,
+    "module": "es2020",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "strict": true,
+    "noImplicitAny": false,
+    "strictPropertyInitialization": false,
+    "target": "ES2022",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "typeRoots": [],
+    "lib": [
+      "es2019",
+      "dom",
+      "esnext.asynciterable"
+    ],
+    "useDefineForClassFields": false
+  }
+}