npm - @pega/sdk - Versions diffs - 0.0.1 - Mend

@pega/sdk 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (465) hide show

package/templates/wc-sdk-reference/.github/skills/pega-sdk-component.md ADDED Viewed

@@ -0,0 +1,48 @@
+---
+name: pega-sdk-component
+description: Create a new Pega SDK component (field, template, or widget)
+---
+# Pega SDK Component Skill
+You are an expert at building Pega SDK components. When asked to create a component:
+## For Field Components
+Create a React component that:
+1. Accepts `getPConnect` as a prop
+2. Extracts the PConnect instance: `const pConn = getPConnect()`
+3. Gets the actions API: `const actions = pConn.getActionsApi()`
+4. Gets the property name: `const propName = pConn.getStateProps().value`
+5. Handles value changes with `actions.updateFieldValue(propName, value)`
+6. Triggers validation on blur with `actions.triggerFieldChange(propName, value)`
+7. Displays validation errors from `validatemessage` prop
+## For Template Components
+Create a React component that:
+1. Accepts `getPConnect` as a prop
+2. Gets children: `const children = pConn.getChildren()`
+3. Renders each child using `<PConnectComponent getPConnect={() => child.getPConnect()} />`
+4. Applies layout (grid, flex, etc.) around the children
+## For Widget Components
+Create a React component that:
+1. Accepts `getPConnect` as a prop
+2. Reads data from PConnect: `pConn.getValue('.propertyPath')`
+3. May call PCore APIs for data fetching
+4. Renders the widget UI
+## Registration
+After creating the component, add it to `src/components/component-map.ts`:
+```typescript
+import MyComponent from './field/MyComponent';
+// In getSampleComponentMap():
+MyComponent,
+```

package/templates/wc-sdk-reference/index.html ADDED Viewed

@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pega SDK Web Components Reference</title>
+    <style>
+      body {
+        margin: 0;
+        font-family:
+          system-ui,
+          -apple-system,
+          sans-serif;
+      }
+    </style>
+  </head>
+  <body>
+    <pega-app></pega-app>
+    <script type="module" src="/src/index.ts"></script>
+  </body>
+</html>

package/templates/wc-sdk-reference/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "@pega/wc-sdk-reference",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@pega/sdk-wc": "^0.1.0",
+    "lit": "^3.2.0"
+  },
+  "devDependencies": {
+    "typescript": "~5.8.2",
+    "vite": "^6.3.5"
+  }
+}

package/templates/wc-sdk-reference/sdk-config.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "serverConfig": {
+    "infinityRestServerUrl": "https://YOUR_PEGA_SERVER/prweb",
+    "appAlias": "YOUR_APP_ALIAS",
+    "sdkContentServerUrl": "",
+    "appPortal": "YOUR_PORTAL_NAME",
+    "appMashupCaseType": "YOUR-CASETYPE-CLASS",
+    "excludePortals": []
+  },
+  "authConfig": {
+    "authService": "pega",
+    "mashupClientId": "YOUR_MASHUP_CLIENT_ID",
+    "mashupUserIdentifier": "",
+    "mashupPassword": "",
+    "portalClientId": "YOUR_PORTAL_CLIENT_ID",
+    "portalClientSecret": "",
+    "portalGrantType": ""
+  }
+}

package/templates/wc-sdk-reference/src/index.ts ADDED Viewed

@@ -0,0 +1,98 @@
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+/**
+ * Main application element using @pega/sdk-wc.
+ * Uses the <pega-bridge-element> from the SDK to connect to PCore.
+ */
+@customElement('pega-app')
+export class PegaApp extends LitElement {
+  static styles = css`
+    :host {
+      display: block;
+    }
+    .header {
+      padding: 1rem 1.5rem;
+      background: #1e293b;
+      color: #fff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .header-title {
+      font-weight: 600;
+    }
+    .content {
+      max-width: 720px;
+      margin: 2rem auto;
+      padding: 0 1.5rem;
+    }
+    .card {
+      background: #fff;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.75rem;
+      padding: 1.5rem;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+      text-align: center;
+    }
+    h2 {
+      font-size: 1.5rem;
+      font-weight: 600;
+      margin-bottom: 0.75rem;
+    }
+    p {
+      color: #64748b;
+      margin-bottom: 1.5rem;
+    }
+    button {
+      background: #2563eb;
+      color: #fff;
+      border: none;
+      padding: 0.625rem 1.5rem;
+      border-radius: 0.375rem;
+      font-size: 0.9375rem;
+      cursor: pointer;
+    }
+    button:hover {
+      background: #1d4ed8;
+    }
+  `;
+  @state()
+  private isReady = false;
+  render() {
+    return html`
+      <div class="header">
+        <span class="header-title">Pega SDK — Web Components Reference</span>
+      </div>
+      <div class="content">
+        <div class="card">
+          ${this.isReady
+            ? html`<p>SDK Ready. Implement your Pega components here.</p>`
+            : html`
+                <h2>Ready to connect</h2>
+                <p>Configure sdk-config.json and initialize the Pega SDK.</p>
+                <button @click=${this._handleInit}>Initialize SDK</button>
+              `}
+        </div>
+      </div>
+    `;
+  }
+  private _handleInit() {
+    // TODO: Initialize @pega/sdk-wc bridge and auth
+    console.log(
+      'Initialize Pega SDK — configure sdk-config.json with your server details',
+    );
+    this.isReady = true;
+  }
+}

package/templates/wc-sdk-reference/tsconfig.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "paths": {
+      "@pega/sdk-wc": ["../../packages/sdk-wc/src/index.ts"],
+      "@pega/sdk-types": ["../../packages/sdk-types/src/index.ts"]
+    }
+  },
+  "include": ["src"]
+}

package/templates/wc-sdk-reference/vite.config.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+export default defineConfig({
+  server: {
+    port: 3502,
+    open: true,
+  },
+});