@khester/create-dynamics-app 2.10.0 → 3.1.0

package/templates/power-pages-starter/src/providers/PowerPagesProvider.tsx

@@ -1,162 +0,0 @@
-import React, { createContext, useContext, useState, useEffect } from 'react';
-import { PowerPagesApiService } from '@khester/dynamics-ui-api-client';
-
-interface PowerPagesContextType {
-  apiService: PowerPagesApiService | null;
-  isAuthenticated: boolean;
-  createRecord: (entityName: string, data: any) => Promise<any>;
-  retrieveRecord: (
-    entityName: string,
-    id: string,
-    select?: string
-  ) => Promise<any>;
-  updateRecord: (entityName: string, id: string, data: any) => Promise<any>;
-  deleteRecord: (entityName: string, id: string) => Promise<void>;
-  retrieveMultiple: (entityName: string, query?: string) => Promise<any>;
-}
-
-const PowerPagesContext = createContext<PowerPagesContextType | undefined>(
-  undefined
-);
-
-interface PowerPagesProviderProps {
-  children: React.ReactNode;
-}
-
-export const PowerPagesProvider: React.FC<PowerPagesProviderProps> = ({
-  children,
-}) => {
-  const [apiService, setApiService] = useState<PowerPagesApiService | null>(
-    null
-  );
-  const [isAuthenticated, setIsAuthenticated] = useState(false);
-
-  useEffect(() => {
-    // Initialize the API service
-    const portalUrl = window.location.origin;
-
-    // CSRF token function for Power Pages authentication
-    const getCsrfToken = async (): Promise<string> => {
-      // In a real Power Pages implementation, you would fetch the CSRF token
-      // For demo purposes, return empty string
-      return '';
-    };
-
-    const service = new PowerPagesApiService(portalUrl, getCsrfToken);
-
-    setApiService(service);
-
-    // Check authentication status
-    // In a real implementation, you would check if the user is logged in to the portal
-    // For demo purposes, we'll assume they are authenticated
-    setIsAuthenticated(true);
-  }, []);
-
-  const createRecord = async (entityName: string, data: any) => {
-    if (!apiService) throw new Error('API service not initialized');
-    return await apiService.createRecord(entityName, data);
-  };
-
-  const retrieveRecord = async (
-    entityName: string,
-    id: string,
-    select?: string
-  ) => {
-    if (!apiService) throw new Error('API service not initialized');
-    // Use retrieveMultipleRecords with FetchXML to get a single record
-    const selectAttributes = select
-      ? select.split(',').map((attr) => attr.trim())
-      : ['*'];
-    const attributes = selectAttributes
-      .map((attr) => (attr === '*' ? '' : `<attribute name="${attr}" />`))
-      .join('');
-    const fetchXml = `
-      <fetch top="1">
-        <entity name="${entityName}">
-          ${attributes}
-          <filter>
-            <condition attribute="${entityName}id" operator="eq" value="${id}" />
-          </filter>
-        </entity>
-      </fetch>
-    `;
-    const result = await apiService.retrieveMultipleRecords(
-      entityName,
-      fetchXml
-    );
-    return result.entities.length > 0 ? result.entities[0] : null;
-  };
-
-  const updateRecord = async (entityName: string, id: string, data: any) => {
-    if (!apiService) throw new Error('API service not initialized');
-    return await apiService.updateRecord(entityName, id, data);
-  };
-
-  const deleteRecord = async (entityName: string, id: string) => {
-    if (!apiService) throw new Error('API service not initialized');
-    return await apiService.deleteRecord(entityName, id);
-  };
-
-  const retrieveMultiple = async (entityName: string, query?: string) => {
-    if (!apiService) throw new Error('API service not initialized');
-    // Convert OData-style query to FetchXML
-    let fetchXml = `<fetch>`;
-
-    if (query) {
-      // Parse basic OData query parameters
-      const selectMatch = query.match(/\$select=([^&]*)/i);
-      const orderByMatch = query.match(/\$orderby=([^&]*)/i);
-      const topMatch = query.match(/\$top=(\d+)/i);
-
-      if (topMatch) {
-        fetchXml = `<fetch top="${topMatch[1]}">`;
-      }
-
-      fetchXml += `<entity name="${entityName}">`;
-
-      if (selectMatch) {
-        const attributes = selectMatch[1].split(',').map((attr) => attr.trim());
-        attributes.forEach((attr) => {
-          fetchXml += `<attribute name="${attr}" />`;
-        });
-      }
-
-      if (orderByMatch) {
-        const [field, direction] = orderByMatch[1].split(' ');
-        fetchXml += `<order attribute="${field.trim()}" descending="${direction?.toLowerCase() === 'desc'}" />`;
-      }
-
-      fetchXml += `</entity></fetch>`;
-    } else {
-      fetchXml = `<fetch><entity name="${entityName}"></entity></fetch>`;
-    }
-
-    return await apiService.retrieveMultipleRecords(entityName, fetchXml);
-  };
-
-  const value: PowerPagesContextType = {
-    apiService,
-    isAuthenticated,
-    createRecord,
-    retrieveRecord,
-    updateRecord,
-    deleteRecord,
-    retrieveMultiple,
-  };
-
-  return (
-    <PowerPagesContext.Provider value={value}>
-      {children}
-    </PowerPagesContext.Provider>
-  );
-};
-
-export const usePowerPagesApi = (): PowerPagesContextType => {
-  const context = useContext(PowerPagesContext);
-  if (context === undefined) {
-    throw new Error(
-      'usePowerPagesApi must be used within a PowerPagesProvider'
-    );
-  }
-  return context;
-};

package/templates/power-pages-starter/src/styles/index.css

@@ -1,76 +0,0 @@
-/* Global Styles */
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: #f5f5f5;
-  color: #323130;
-}
-
-.app {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.app-header {
-  background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%);
-  color: white;
-  padding: 24px;
-  text-align: center;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.app-header h1 {
-  margin: 0 0 8px 0;
-  font-size: 28px;
-  font-weight: 600;
-}
-
-.app-header p {
-  margin: 0;
-  font-size: 16px;
-  opacity: 0.9;
-}
-
-.app-main {
-  flex: 1;
-  padding: 32px 16px;
-  max-width: 1200px;
-  margin: 0 auto;
-  width: 100%;
-}
-
-.app-footer {
-  background-color: #f3f2f1;
-  border-top: 1px solid #edebe9;
-  padding: 16px;
-  text-align: center;
-  color: #605e5c;
-  font-size: 14px;
-}
-
-.app-footer p {
-  margin: 0;
-}
-
-@media (max-width: 768px) {
-  .app-header {
-    padding: 16px;
-  }
-  
-  .app-header h1 {
-    font-size: 24px;
-  }
-  
-  .app-main {
-    padding: 16px 8px;
-  }
-}

package/templates/power-pages-starter/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "es6"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["src"]
-}

package/templates/power-pages-starter/webpack.config.js

@@ -1,57 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-module.exports = (env, argv) => {
-  const isProduction = argv.mode === 'production';
-
-  return {
-    entry: './src/index.tsx',
-    output: {
-      path: path.resolve(__dirname, 'dist'),
-      filename: isProduction ? '[name].[contenthash].js' : '[name].js',
-      clean: true,
-      publicPath: '/',
-    },
-    resolve: {
-      extensions: ['.tsx', '.ts', '.js', '.jsx'],
-    },
-    module: {
-      rules: [
-        {
-          test: /\.tsx?$/,
-          use: {
-            loader: 'ts-loader',
-            options: {
-              transpileOnly: true,
-            },
-          },
-          exclude: /node_modules/,
-        },
-        {
-          test: /\.css$/i,
-          use: ['style-loader', 'css-loader'],
-        },
-      ],
-    },
-    plugins: [
-      new HtmlWebpackPlugin({
-        template: './public/index.html',
-        filename: 'index.html',
-      }),
-    ],
-    devServer: {
-      static: {
-        directory: path.join(__dirname, 'public'),
-      },
-      port: 3000,
-      open: true,
-      hot: true,
-      historyApiFallback: true,
-    },
-    optimization: {
-      splitChunks: {
-        chunks: 'all',
-      },
-    },
-  };
-};

package/templates/{power-pages-starter → power-pages-island}/gitignore

@@ -1,5 +1,5 @@
 node_modules/
 dist/
-*.log
 .env
 .env.local
+*.log