add example project

Author: softmarshmallow

examples/react/grida.config.js

@@ -1,37 +1,32 @@
-/**
- * @type {import('@grida/builder-config').FrameworkConfig}
- */
-const frameworkConfig = {
-  framework: "react",
-  language: "tsx",
-  component_declaration_style: {
-    exporting_style: {
-      type: "export-named-functional-component",
-      declaration_syntax_choice: "function",
-      exporting_position: "with-declaration",
-    },
-  },
-};
+// This file is auto-generated by Grida.
 
 /**
- * @type {import('@grida/builder-config').DesignSourceConfig}
+ * @type {import('grida').GridaConfig}
  */
-const designSourceConfig = {
-  provider: "figma",
-  file: "x7RRK6RwWtZuNakmbMLTVH",
-  client: "api.figma.com",
-  auth: {
-    personalAccessToken: process.env.FIGMA_PERSONAL_ACCESS_TOKEN,
+const config = {
+  name: 'my-react-app',
+  designsource: {
+    provider: 'figma',
+    file: 'x7RRK6RwWtZuNakmbMLTVH',
+    client: 'api.figma.com',
+  },
+  fallbackDir: './grida',
+  framework: {
+    framework: 'react',
+    language: 'tsx',
+    styling: {
+      type: 'styled-components',
+      module: '@emotion/styled',
+    },
+    component_declaration_style: {
+      exporting_style: {
+        type: 'export-named-functional-component',
+        declaration_syntax_choice: 'function',
+        export_declaration_syntax_choice: 'export',
+        exporting_position: 'with-declaration',
+      },
+    },
   },
 };
 
-/**
- * @type {import('grida').GridaConfig}
- */
-const config = {};
-
-module.exports = {
-  name: "react-example",
-  designsource: designSourceConfig,
-  framework: frameworkConfig,
-};
+module.exports = config;

examples/react/grida/.gitkeep

@@ -0,0 +1 @@
+This directory is reserved for Grida. you may remove this .gitkeep file once the directory is fullfilled.

examples/react/package.json

@@ -1,4 +1,9 @@
 {
-  "name": "react-example",
-  "version": "0.0.0"
+  "name": "my-react-app",
+  "version": "0.0.0",
+  "dependencies": {
+    "react": "18.2.0",
+    "@emotion/react": "11.9.3",
+    "@emotion/styled": "^11.10.0"
+  }
 }