@arpproject/recrate 0.1.3 → 0.1.5

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@arpproject/recrate",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "main": "dist/describo-crate-builder.umd.js",
   "type": "module",
   "exports": {
     ".": {
       "import": "./dist/recrate.es.js",
-      "require": "./dist/recrate.umd.js"
+      "require": "./dist/recrate.umd.js",
+      "default": "./dist/index.d.ts"
     },
     "./style.css": {
-      "import": "./dist/style.css"
+      "import": "./dist/recrate.css"
     }
   },
   "types": "dist/index.d.ts",
@@ -18,6 +19,7 @@
     "@codemirror/lang-javascript": "^6.2.3",
     "@codemirror/state": "^6.5.2",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@fortawesome/fontawesome-free": "^6.7.2",
@@ -31,6 +33,7 @@
     "@mui/material": "^7.1.0",
     "@mui/system": "^7.1.0",
     "@mui/x-date-pickers": "^8.2.0",
+    "@tailwindcss/postcss": "^4.1.16",
     "@terraformer/wkt": "^2.2.1",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -57,7 +60,6 @@
     "react-to-webcomponent": "^2.0.1",
     "react-window": "^2.1.1",
     "tailwindcss": "^4.1.16",
-    "@tailwindcss/postcss": "^4.1.16",
     "uuid": "^11.1.0",
     "validate-iri": "^1.0.1",
     "validator": "^13.15.0",
@@ -71,7 +73,6 @@
     "build": "vite build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "develop": "npm install --legacy-peer-deps && npm run update-dependencies && npm run start:elastic && vite && npm run stop:elastic",
     "update-dependencies": "bash -x ./update-deps.sh",
     "test": "./node_modules/.bin/vitest run",
     "test:watch": "./node_modules/.bin/vitest watch",

package/src/crate-builder/Shell.tsx

@@ -22,6 +22,12 @@ import isFunction from "lodash/isFunction";
 import { CrateManagerType, ProfileManagerType, UnverifiedCrate } from "./types"; // Add appropriate types
 import { propertyDefinitions } from "./property-definitions";
 import { Lookup } from "./RenderEntity/auto-complete.lib";
+import { App as AntApp, ConfigProvider } from 'antd';
+import { createScopedCache } from './emotionCache';
+import { CacheProvider } from "@emotion/react";
+
+const antdCache = createScopedCache('recrate');
+
 
 export interface DescriboCrateBuilderProps {
   crate?: CrateManagerType["crate"];
@@ -300,23 +306,31 @@ export function DescriboCrateBuilder(props: DescriboCrateBuilderProps): JSX.Elem
   };
 
   return (
-    <ProfileManagerContext.Provider value={pm}>
-      <CrateManagerContext.Provider value={cm}>
-        <LookupsContext.Provider value={lookups}>
-          {ready && !error && contextEntity && (
-            <RenderEntity
-              ref={renderEntityRef}
-              entity={contextEntity}
-              onLoadEntity={handleSetCurrentEntity}
-              onSaveCrate={saveCrate}
-              onSaveEntityTemplate={saveEntityAsTemplate}
-              onWarning={handleWarning}
-              onError={handleError}
-            />
-          )}
-        </LookupsContext.Provider>
-      </CrateManagerContext.Provider>
-    </ProfileManagerContext.Provider>
+    <div className="recrate">
+      <CacheProvider value={antdCache}>
+        <ConfigProvider>
+          <AntApp className="recrate-ant">
+            <ProfileManagerContext.Provider value={pm}>
+              <CrateManagerContext.Provider value={cm}>
+                <LookupsContext.Provider value={lookups}>
+                  {ready && !error && contextEntity && (
+                    <RenderEntity
+                      ref={renderEntityRef}
+                      entity={contextEntity}
+                      onLoadEntity={handleSetCurrentEntity}
+                      onSaveCrate={saveCrate}
+                      onSaveEntityTemplate={saveEntityAsTemplate}
+                      onWarning={handleWarning}
+                      onError={handleError}
+                    />
+                  )}
+                </LookupsContext.Provider>
+              </CrateManagerContext.Provider>
+            </ProfileManagerContext.Provider>
+          </AntApp>
+        </ConfigProvider>
+      </CacheProvider>
+    </div>
   );
 };
 

package/src/crate-builder/emotionCache.ts

@@ -0,0 +1,8 @@
+import createCache from '@emotion/cache';
+
+export function createScopedCache(scope: string) {
+  return createCache({
+    key: scope,
+    container: document.querySelector(`style[data-emotion-${scope}]`) || undefined,
+  });
+}

package/src/crate-builder/recrate.css

@@ -0,0 +1,3 @@
+.recrate {
+  all: revert-layer; /* neutralizes global resets before applying your own */
+}

package/src/index.ts

@@ -1,9 +1,11 @@
 import "./crate-builder/component.css";
 import "./crate-builder/tailwind.css";
+import "./crate-builder/recrate.css";
 //import { DescriboCrateBuilder, DescriboCrateBuilderProps } from "./crate-builder/Shell";
 
 //export default { DescriboCrateBuilder };
 export type { JSONObject } from "./types";
+export type { DescriboCrateBuilderProps } from "./types";
 
 import { DescriboCrateBuilder } from "./crate-builder/Shell";
 export { DescriboCrateBuilder };

package/tailwind.config.js

@@ -2,6 +2,7 @@
 
 module.exports = {
   content: [
+    "./index.html",
     "./src/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {

package/vite.config.ts

@@ -7,7 +7,7 @@ import tailwindcss from "@tailwindcss/vite";
 export default defineConfig({
   server: {
     host: "0.0.0.0",
-    port: 3000,
+    port: 9000,
   },
   // For Describo
   plugins: [
@@ -26,7 +26,7 @@ export default defineConfig({
       entry: path.resolve(__dirname, 'src/index.ts'),
       name: 'ReCrate',
       fileName: (format) => `recrate.${format}.js`,
-      formats: ["es", "umd"],
+      formats: ["es"],
     },
     minify: false,
     rollupOptions: {
@@ -39,5 +39,8 @@ export default defineConfig({
       }
     },
   },
+  css: {
+    postcss: './postcss.config.js',
+  }
 
 })