Bundle will be uploaded to: https://1fe-a.akamaihd.net/integration/widgets/@1fe/playground/0.1.2/js/1fe-bundle.js / Preview here: https://demo.1fe.com/bathtub?widgetUrl=https://1fe-a.akamaihd.net/integration/widgets/@1fe/playground/0.1.2/js/1fe-bundle.js&fixPreview=true [skip ci]

Author: mohitkhatri89

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Docusign Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,28 +1,97 @@
-# 1DS Playground
+# 1fe Playground
 
-A development environment for testing and validating widgets within the 1FE ecosystem without requiring the full shell or host plugin setup.
+A development sandbox for testing and validating widgets within the 1fe ecosystem without requiring the full shell or host plugin setup.
 
-## Getting Started
+## Prerequisites
 
-### Prerequisites
+- **Node.js** `>= 22`
+- **Yarn** (package manager)
 
-- Node.js 22.x (or use the workflow override for different versions)
-- npm or yarn
+## Getting Started
 
-### Installation
+### Development Setup
 
 ```bash
 # Clone the repository
 git clone <repository-url>
 cd 1fe-playground
 
 # Install dependencies
-yarn
+yarn install
 
 # Start the development server
 yarn dev
 ```
 
+## Development Commands
+
+```bash
+# Start development server
+yarn dev
+
+# Build widget for testing
+yarn build:widget
+
+# Run unit tests
+yarn test
+
+# Run E2E tests
+yarn test:e2e
+
+# Run E2E tests with UI
+yarn test:e2e:ui
+
+# Type checking
+yarn type:check
+
+# Linting
+yarn lint
+
+# Format code
+yarn format
+```
+
+## Testing
+
+### Unit Testing
+
+- Uses Jest with React Testing Library
+- Run tests with `yarn test`
+- Test files located in `src/__tests__/`
+
+### E2E Testing
+
+- Uses Playwright for end-to-end testing
+- Run tests with `yarn test:e2e`
+- Test files located in `tests/`
+
+## Contributing
+
+### Development Workflow
+
+1. Fork the repository
+2. Create a feature branch (`git checkout -b feature/your-feature`)
+3. Make your changes
+4. Run tests (`yarn test` and `yarn test:e2e`)
+5. Ensure linting passes (`yarn lint`)
+6. Commit your changes (`git commit -m 'Add feature'`)
+7. Push to your branch (`git push origin feature/your-feature`)
+8. Open a Pull Request
+
+## Troubleshooting
+
+### Common Issues
+
+- **Build failures**: Ensure Node.js version is >= 22 and all dependencies are installed
+- **Test failures**: Check that mock services are properly configured
+- **TypeScript errors**: Run `yarn type:check` to see detailed type errors
+
+## Getting Help
+
+- **[1fe Documentation](https://1fe.com/getting-started/installation/)** - Complete platform documentation
+- **[GitHub Issues](https://github.com/docusign/1fe/issues)** - Report bugs or request features
+- **[GitHub Discussions](https://github.com/docusign/1fe/discussions)** - Ask questions and share ideas
+
 ## License
 
-This project is licensed under the MIT License.
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1fe/playground",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "license": "UNLICENSED",
   "description": "1fe playground plugin",
   "author": "",

src/services/widget.ts

@@ -1,105 +1 @@
-// const WidgetBundle = WidgetEnvironmentActivity.extend({
-//   bundleUrl: z.string().url().optional(),
-//   configUrl: z.string().url(),
-// });
-
-// type WidgetBundle = z.infer<typeof WidgetBundle>;
-
-// export const Widget = WidgetActivity.extend({
-//   widgetId: z.string(),
-//   lastModified: z.object({
-//     integration: WidgetBundle.optional(),
-//     stage: WidgetBundle.optional(),
-//     demo: WidgetBundle.optional(),
-//     production: WidgetBundle.optional(),
-//   }),
-//   widgetDependencies: z.array(z.string()),
-//   pinnnedWidgetDependencies: z.array(z.string()),
-//   variants: z.array(z.string()),
-//   auth: PluginAuth.optional(),
-//   route: z.string().optional(),
-//   isPlugin: z.boolean().default(false),
-// });
-
-// export type Widget = z.infer<typeof Widget>;
-
-// const getConfigUrl = (widgetId: string, environment: Environment) => {
-//   const normalizedWidgetId = widgetId.replace('/', '-');
-//   return `https://cdn.com`;
-// };
-
-// const envToCheck = ['integration', 'stage', 'demo', 'production'] as const;
-
-// export const getWidgets = async (): Promise<Widget[]> => {
-//   try {
-//     const [versions, activity] = await Promise.all([
-//       downloadWidgetVersions(),
-//       downloadWidgetActivity(),
-//     ]);
-
-//     const versionByWidgetId = new Map(
-//       versions.configs.widgetConfig.map((c) => {
-//         return [c.widgetId, c];
-//       }),
-//     );
-
-//     const widgets = Object.keys(activity)
-//       .map((widgetId) => {
-//         const widgetActivity = activity[widgetId];
-//         const widgetVersion = versionByWidgetId.get(widgetId);
-
-//         if (!widgetVersion) {
-//           console.error(`No version found for widget ${widgetId}`);
-//           return;
-//         }
-
-//         const merged = {
-//           ...widgetActivity,
-//           widgetId: widgetId,
-//           widgetDependencies:
-//             widgetVersion.runtime.dependsOn?.widgets?.map((w) => w.widgetId) ??
-//             [],
-//           pinnnedWidgetDependencies:
-//             widgetVersion.runtime.dependsOn?.pinnedWidgets?.map(
-//               (w) => `${w.widgetId}@${w.version}`,
-//             ) ?? [],
-//           variants: [],
-//           auth: widgetVersion.plugin?.auth,
-//           route: widgetVersion.plugin?.route,
-//           isPlugin: widgetVersion.plugin != null,
-//         } as Widget;
-
-//         envToCheck.forEach((env) => {
-//           if (merged.lastModified?.[env]) {
-//             merged.lastModified[env] = {
-//               ...merged.lastModified[env],
-//               bundleUrl: merged.lastModified[env]?.widgetVersion
-//                 ? getWidgetCdnUrl(
-//                     widgetId,
-//                     merged.lastModified[env]?.widgetVersion,
-//                     '1fe-bundle',
-//                     env,
-//                   )
-//                 : undefined,
-//               configUrl: getConfigUrl(widgetId, env),
-//             };
-//           }
-//         });
-
-//         return Widget.parse(merged);
-//       })
-//       .filter(Boolean) as Widget[];
-
-//     console.log(`loaded ${widgets.length} widgets`);
-//     return widgets;
-//   } catch (err) {
-//     console.error({
-//       message: 'Failed to load widgets',
-//       err,
-//     });
-
-//     throw new Error('Failed to load widgets');
-//   }
-// };
-
 export type Widget = Record<string, any>;