@slingr/cli 0.0.2 → 0.0.4

package/dist/templates/frontend/src/views/customViews/user/UserTableView.tsx.template

@@ -0,0 +1,38 @@
+import { toolbar, TableView, TableViewComponent } from '@slingr/framework-frontend';
+import { User } from '@gql';
+
+/**
+ * UserTableView
+ *
+ * Default table view for the User model.
+ * Path: /users
+ */
+@TableView<User>({
+  path: '/users',
+  model: 'User',
+  header: {
+    title: 'Users',
+    subTitle: 'Manage system users',
+    toolbar: {
+      buttons: [toolbar<User>()],
+    },
+  },
+  tableOptions: {
+    columns: [
+      { field: 'firstName', title: 'First Name', sorting: true, filtering: true },
+      { field: 'lastName', title: 'Last Name', sorting: true, filtering: true },
+      { field: 'fullName', title: 'Full Name', sorting: true, filtering: true },
+      { field: 'email', title: 'Email', sorting: true, filtering: true },
+      { field: 'status', title: 'Status', sorting: true, filtering: true },
+      { field: 'roles', title: 'Roles', sorting: false, filtering: true },
+      { field: 'createdAt', title: 'Created At', sorting: true, filtering: false },
+      { field: 'updatedAt', title: 'Updated At', sorting: true, filtering: false },
+    ],
+    pagination: { pageSize: 10 },
+    selection: { enabled: true, type: 'multiple' },
+    rowToolbar: {
+      buttons: toolbar<User>(),
+    },
+  },
+})
+export default class UserTableView extends TableViewComponent<User> {}

package/dist/templates/frontend/src/views/customViews/welcome.tsx.template

@@ -0,0 +1,34 @@
+import React from 'react';
+import { CustomView } from '@slingr/framework-frontend';
+import { Card, Typography } from 'antd';
+
+const { Title, Paragraph } = Typography;
+
+@CustomView({
+    path: '/',
+    name: 'Welcome',
+})
+export default class WelcomeView extends React.Component {
+    render() {
+        return (
+            <Card>
+                <Title level={2}>Welcome to {{APP_NAME}}!</Title>
+                <Paragraph>
+                    Your Slingr application has been successfully created and is now running.
+                </Paragraph>
+                <Paragraph>
+                    This is a custom view at the root path. You can start building your application by:
+                </Paragraph>
+                <ul>
+                    <li>Adding more custom views in <code>frontend/src/views/customViews/</code></li>
+                    <li>Defining data models in <code>backend/src/data/</code></li>
+                    <li>Creating custom actions in <code>backend/src/actions/</code></li>
+                    <li>Configuring permissions in <code>backend/src/auth/permissions.ts</code></li>
+                </ul>
+                <Paragraph>
+                    Check out the documentation to learn more about building with Slingr!
+                </Paragraph>
+            </Card>
+        );
+    }
+}

package/dist/templates/frontend/tsconfig.json.template

@@ -0,0 +1,50 @@
+{
+ "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react",
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "skipDefaultLibCheck": true,
+    "preserveSymlinks": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "@gql": [
+        "./generated/gql/index.ts"
+      ],
+      "@gql/*": [
+        "./generated/gql/*"
+      ]
+    },
+    "noImplicitOverride": true
+  },
+  "include": [
+    "src/**/*",
+    "generated/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ],
+  "watchOptions": {
+    "watchFile": "useFsEventsOnParentDirectory",
+    "watchDirectory": "useFsEvents",
+    "fallbackPolling": "dynamicpriority",
+    "synchronousWatchDirectory": false,
+    "excludeDirectories": [
+      "**/node_modules",
+      "**/.git",
+      "dist"
+    ],
+    "excludeFiles": [
+      "**/node_modules/**/package.json"
+    ]
+  }
+}

package/dist/templates/gql/codegen.yml.template

@@ -1,25 +1,25 @@
-# GraphQL Code Generator configuration
-# This file is automatically generated by Slingr CLI
-# You can customize it according to your needs
-
-schema: './generated/gql/schema.graphql'
-documents: './operations.graphql'
-generates:
-  ./generated/gql/sdk.ts:
-    plugins:
-      - 'typescript'
-      - 'typescript-operations'
-      - 'typescript-graphql-request'
-    config:
-      # Generate a SDK that works with graphql-request
-      rawRequest: false
-      # Generate typed document nodes
-      documentMode: 'documentNode'
-      # Use GraphQLClient from graphql-request
-      gqlImport: 'graphql-request#gql'
-      # Add helpful comments
-      addDocumentNodeToSchema: true
-      # Generate scalars as strings by default
-      scalars:
-        DateTime: string
-        Upload: File
+# GraphQL Code Generator configuration
+# This file is automatically generated by Slingr CLI
+# You can customize it according to your needs
+
+schema: './generated/gql/schema.graphql'
+documents: './generated/gql/operations.graphql'
+generates:
+  ./generated/gql/sdk.ts:
+    plugins:
+      - 'typescript'
+      - 'typescript-operations'
+      - 'typescript-graphql-request'
+    config:
+      # Generate a SDK that works with graphql-request
+      rawRequest: false
+      # Generate typed document nodes
+      documentMode: 'documentNode'
+      # Use GraphQLClient from graphql-request
+      gqlImport: 'graphql-request#gql'
+      # Add helpful comments
+      addDocumentNodeToSchema: true
+      # Generate scalars as strings by default
+      scalars:
+        DateTime: string
+        Upload: File

package/dist/templates/gql/index.ts.template

@@ -1,24 +1,17 @@
-/**
- * GraphQL SDK - Auto-generated by Slingr CLI
- * 
- * This module provides a typed GraphQL SDK for your Slingr application.
- * Import this module to access type-safe GraphQL operations.
- */
-
-import { getSdk } from './sdk';
-import { GraphQLClient } from 'graphql-request';
-
-// Default GraphQL client configuration
-const defaultEndpoint = process.env.GRAPHQL_ENDPOINT || 'http://localhost:4000/graphql';
-
-// Create a default client
-const defaultClient = new GraphQLClient(defaultEndpoint);
-
-// Export the SDK with the default client
-const gql = getSdk(defaultClient);
-
-export default gql;
-export * from './sdk';
-
-// Also export a function to create SDK with custom client
-export const createGql = (client: GraphQLClient) => getSdk(client);
+/**
+ * GraphQL Types & Metadata - Auto-generated by Slingr CLI
+ *
+ * This module provides TypeScript types for your GraphQL schema,
+ * along with model field metadata and action metadata.
+ * Use these types with any GraphQL client (graphql-request, Apollo, etc.).
+ */
+
+import { registerModelsMetadata, registerActionsMetadata } from '@slingr/framework-frontend';
+import { modelsMetadata, actionsMetadata } from './metadata';
+
+// Register metadata for framework components (QueryBuilder auto-expansion)
+registerModelsMetadata(modelsMetadata);
+registerActionsMetadata(actionsMetadata);
+
+export * from './types';
+export * from './metadata';

package/dist/templates/gql/operations.graphql.template

@@ -1,30 +1,30 @@
-# GraphQL Operations for SDK Generation
-# 
-# This file defines the queries, mutations, and subscriptions 
-# that will be available in your generated SDK.
-#
-# IMPORTANT: This is YOUR file - customize it with your own operations!
-# 
-# The SDK generator will create typed functions for each operation defined here.
-# Add your custom queries, mutations, and subscriptions below.
-#
-# Example:
-# query GetUser($id: ID!) {
-#   user(id: $id) {
-#     id
-#     name
-#     email
-#   }
-# }
-#
-# mutation CreateUser($input: CreateUserInput!) {
-#   createUser(input: $input) {
-#     id
-#     name
-#   }
-# }
-
-# Sample query (replace or remove this)
-query TestQuery {
-  test
-}
+# GraphQL Operations for SDK Generation
+# 
+# This file defines the queries, mutations, and subscriptions 
+# that will be available in your generated SDK.
+#
+# IMPORTANT: This is YOUR file - customize it with your own operations!
+# 
+# The SDK generator will create typed functions for each operation defined here.
+# Add your custom queries, mutations, and subscriptions below.
+#
+# Example:
+# query GetUser($id: ID!) {
+#   user(id: $id) {
+#     id
+#     name
+#     email
+#   }
+# }
+#
+# mutation CreateUser($input: CreateUserInput!) {
+#   createUser(input: $input) {
+#     id
+#     name
+#   }
+# }
+
+# Sample query (replace or remove this)
+query TestQuery {
+  test
+}