restore legacy logic

.depcheckrc

@@ -1,4 +1,4 @@
 ignores:
   - "@types/*"
-  - "@oclif/*"
+  - "@oclif/plugin-*"
   - ts-node

.github/workflows/example-basic-react.yml

@@ -42,3 +42,10 @@ jobs:
 
       - name: Build
         run: npm run build
+
+      - name: Sync OptimizelyAsCode
+        # if: github.event_name == 'workflow_dispatch'
+        env:
+          OPTIMIZELY_ACCESS_TOKEN: my-optimizely-access-token
+          OPTIMIZELY_PROJECT_ID: my-optimizely-project-id
+        run: printenv

README.md

@@ -1,16 +1,30 @@
-# optimizely-as-code
+optimizely-as-code
+==================
 
 optimizely-as-code
 
 <!-- toc -->
+* [CLI Usage](#cli-usage)
 <!-- tocstop -->
 
-## Usage
+# CLI Usage
 
-<!-- usage -->
-<!-- usagestop -->
+<!-- commands -->
+* [`optimizely-as-code sync`](#optimizely-as-code-sync)
 
-## Commands
+## `optimizely-as-code sync`
 
-<!-- commands -->
+Push local features to Optimizely.
+
+```
+USAGE
+  $ optimizely-as-code sync --accessToken <value> --projectId <value> [--dry-run]
+
+FLAGS
+  --accessToken=<value>  (required) Your Optimizely access token. Can also be provided via the environment variable
+                         OPTIMIZELY_ACCESS_TOKEN.
+  --dry-run              Output what changes would be made without actually making the changes.
+  --projectId=<value>    (required) Your Optimizely Project Id. Can also be provided via the environment variable
+                         OPTIMIZELY_PROJECT_ID.
+```
 <!-- commandsstop -->

examples/basic-react/optimizely-as-code/events.json

@@ -0,0 +1,8 @@
+[
+  {
+    "category": "other",
+    "description": "Clicking on the Learn More Button",
+    "event_type": "custom",
+    "key": "clickColor"
+  }
+]

examples/basic-react/optimizely-as-code/experiments.json

@@ -0,0 +1,48 @@
+[
+  {
+    "description": "Link Color Pipeline POC",
+    "environments": {
+      "development": {
+        "status": "running"
+      },
+      "production": {
+        "status": "paused"
+      }
+    },
+    "feature_key": "link_color",
+    "key": "link_color_experiment",
+    "metrics": [
+      {
+        "aggregator": "unique",
+        "event_key": "clickColor",
+        "scope": "visitor",
+        "winning_direction": "increasing"
+      }
+    ],
+    "name": "Link Color Experiment",
+    "project_id": 19726420380,
+    "type": "feature",
+    "variations": [
+      {
+        "feature_enabled": true,
+        "key": "blue",
+        "name": "Blue Link",
+        "status": "active",
+        "variable_values": {
+          "isOrange": "false"
+        },
+        "weight": 5000
+      },
+      {
+        "feature_enabled": true,
+        "key": "orange",
+        "name": "Orange Link",
+        "status": "active",
+        "variable_values": {
+          "isOrange": "true"
+        },
+        "weight": 5000
+      }
+    ]
+  }
+]

examples/basic-react/optimizely-as-code/features.json

@@ -0,0 +1,17 @@
+[
+  {
+    "key": "link_color",
+    "project_id": 19726420380,
+    "variables": [
+      {
+        "default_value": "false",
+        "key": "isOrange",
+        "type": "boolean"
+      }
+    ]
+  },
+  {
+    "key": "demo_feature1",
+    "project_id": 19726420380
+  }
+]

examples/basic-react/package.json

@@ -4,6 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
+    "optimizely-as-code": "optimizely-as-code sync",
     "typecheck": "tsc --noEmit",
     "eslint": "eslint .",
     "prettier": "prettier --check .",

examples/basic-react/src/App.tsx

@@ -4,13 +4,15 @@ import {
   useDecision,
 } from "optimizely-as-code/react"
 
+const userId = Math.floor(Math.random() * (10000 - 1000) + 1000).toString()
+
 const optimizelyClient = createInstance({
   sdkKey: import.meta.env.VITE_OPTIMIZELY_SDK_KEY,
 })
 
 const App: React.FC = () => {
   return (
-    <OACProvider optimizely={optimizelyClient}>
+    <OACProvider optimizely={optimizelyClient} user={{ id: userId }}>
       <Child />
     </OACProvider>
   )