\n \n ![\"Vite](\"/vite.svg\")
\n \n \n ![\"TypeScript](\"".concat(typescript_svg_1["default"],)
\n \n ").concat((0, ui_1.Header)({ title: "Web" }), "\n
\n");
-(0, ui_1.setupCounter)(document.querySelector("#counter"));
diff --git a/apps/vite/src/main.tsx b/apps/vite/src/main.tsx
index df874bd..04759bd 100644
--- a/apps/vite/src/main.tsx
+++ b/apps/vite/src/main.tsx
@@ -1,8 +1,13 @@
-import './style.css'
import { createRoot } from 'react-dom/client'
-import { WizardApp } from '@formswizard/forms-designer'
+import { GraviolaWizardApp as WizardApp } from '@formswizard/graviola-forms-designer'
const container = document.getElementById('app') as HTMLElement
+const App = () => {
+ return (
+ \n \n \n \n ").concat((0, ui_1.Counter)(), "\n
\n
+ {/* Your component content */}
+
+ )
+}
+```
+
+### Graceful Degradation
+
+The context works even without a `ToolProvider` - it will warn in the console but continue to function with empty registries.
+
+```tsx
+// This will work but show warnings
+const MyComponent = () => {
+ const { isProviderPresent } = useToolContext()
+
+ if (!isProviderPresent) {
+ console.log('No ToolProvider found - using empty registries')
+ }
+
+ // Component still works with empty registries
+}
+```
+
+## API Reference
+
+### Components
+
+- `ToolProvider`: Context provider component that accepts `toolCollections` prop
+- `useToolContext`: Main hook to access the context
+
+### Hooks
+
+- `useIconRegistry()`: Get the icon registry
+- `useRendererRegistry()`: Get the renderer registry
+- `useCellRendererRegistry()`: Get the cell renderer registry
+- `useAjvFormatRegistry()`: Get the AJV format registry
+- `useToolSettings()`: Get tool settings
+- `useDraggableElements()`: Get draggable elements
+- `useRegisteredCollections()`: Get list of registered collection names
+- `useIsToolProviderPresent()`: Check if provider is present
+
+### Utility Hooks
+
+- `useIcon(name)`: Get a specific icon by name
+- `useAllIcons()`: Get all registered icons
+- `useDraggableElementsByCategory(category)`: Filter draggable elements by category
+- `useToolSettingsByTester(tester)`: Filter tool settings by tester
diff --git a/packages/tool-context/package.json b/packages/tool-context/package.json
new file mode 100644
index 0000000..09fb56c
--- /dev/null
+++ b/packages/tool-context/package.json
@@ -0,0 +1,42 @@
+{
+ "name": "@formswizard/tool-context",
+ "version": "0.0.0",
+ "main": "./dist/index.js",
+ "module": "./dist/index.js",
+ "types": "./dist/index.d.ts",
+ "license": "MIT",
+ "type": "module",
+ "exports": {
+ ".": {
+ "types": "./dist/index.d.ts",
+ "import": "./dist/index.js",
+ "require": "./dist/index.cjs"
+ }
+ },
+ "scripts": {
+ "build": "tsup",
+ "dev": "tsup --watch",
+ "lint": "eslint \"**/*.ts*\"",
+ "lint-fix": "eslint --fix \"**/*.ts*\"",
+ "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+ },
+ "dependencies": {
+ "@formswizard/types": "workspace:*",
+ "@jsonforms/core": "^3.2.0",
+ "ajv": "^8.17.1",
+ "ajv-formats": "^3.0.1"
+ },
+ "devDependencies": {
+ "eslint": "^7.32.0",
+ "eslint-config-formsdesigner": "workspace:*",
+ "@formswizard/designer-tsconfig": "workspace:*",
+ "typescript": "^4.5.2",
+ "react": ">=18",
+ "@formswizard/tsup-config": "workspace:*",
+ "@types/react": "^18.2.20",
+ "@types/react-dom": "^18.2.7"
+ },
+ "peerDependencies": {
+ "react": "^18.0.0"
+ }
+}
diff --git a/packages/tool-context/src/ToolContext.tsx b/packages/tool-context/src/ToolContext.tsx
new file mode 100644
index 0000000..44623b2
--- /dev/null
+++ b/packages/tool-context/src/ToolContext.tsx
@@ -0,0 +1,94 @@
+import React, { createContext, useContext, useMemo, ReactNode } from 'react'
+import { ToolContextValue, ToolProviderProps } from './types'
+import { JsonSchema } from '@formswizard/types'
+
+// Context
+const ToolContext = createContext