@linkdlab/funcnodes_react_flow 0.1.1 → 0.1.3

package/module/src/states/nodespace.ts

@@ -1,90 +0,0 @@
-import { NodeStore } from "./node.t";
-import {
-  NodeSpaceZustandInterface,
-  NodeSpaceZustandProps,
-} from "./nodespace.t";
-const NodeSpaceZustand =
-  ({}: NodeSpaceZustandProps): NodeSpaceZustandInterface => {
-    const nodesstates = new Map<string, NodeStore>();
-
-    // const update_node = ({
-    //   nid,
-    //   node,
-    //   from_remote,
-    // }: {
-    //   nid: string;
-    //   node: PartialNodeType;
-    //   from_remote: boolean;
-    // }) => {};
-    // const add_node = ({
-    //   node,
-    //   from_remote,
-    // }: {
-    //   node: NodeType;
-    //   from_remote: boolean;
-    // }) => {
-    //   node = assert_full_node(node);
-    //   const store = nodesstates.get(node.id);
-
-    //   if (store) {
-    //     update_node({ nid: node.id, node: node, from_remote });
-    //   } else {
-    //     nodesstates.set(node.id, createNodeStore(node));
-
-    //     _on_node_action({
-    //       type: "add",
-    //       node: node,
-    //       id: node.id,
-    //       from_remote: from_remote,
-    //     });
-    //   }
-    // };
-
-    // const set_value = ({
-    //   node,
-    //   io,
-    //   value,
-    //   set_default,
-    // }: {
-    //   node: string;
-    //   io: string;
-    //   value: any;
-    //   set_default?: boolean;
-    // }) => {
-    //   const store = nodesstates.get(node);
-    //   if (store) {
-    //     const state = store.getState();
-    //     if (!state.io[io]) {
-    //       throw new Error(`IO ${io} not found in node ${node}`);
-    //     }
-    //     const new_state: PartialNodeType = {
-    //       io: {
-    //         [io]: {
-    //           value: value,
-    //         },
-    //       },
-    //     };
-
-    //     update_node({ nid: node, node: new_state, from_remote: false });
-    //   }
-    // };
-
-    return {
-      nodesstates: nodesstates,
-      get_node: (nid: string, raise: boolean = true) => {
-        const store = nodesstates.get(nid);
-        if (!store && raise) {
-          const keys = nodesstates.keys();
-          throw new Error(
-            `Node ${nid} not found, available nodes: ${Array.from(keys)}`
-          );
-        }
-        return store;
-      },
-      // add_node: add_node,
-      // update_node: update_node,
-      // set_value: set_value,
-    };
-  };
-
-export default NodeSpaceZustand;

package/module/src/states/reactflow.t.ts

@@ -1,27 +0,0 @@
-import { create, UseBoundStore, StoreApi } from "zustand";
-import {
-  Connection,
-  Edge,
-  EdgeChange,
-  Node,
-  NodeChange,
-  addEdge,
-  OnNodesChange,
-  OnEdgesChange,
-  OnConnect,
-  applyNodeChanges,
-  applyEdgeChanges,
-} from "reactflow";
-
-type RFState = {
-  nodes: Node[];
-  edges: Edge[];
-  onNodesChange: OnNodesChange;
-  onEdgesChange: OnEdgesChange;
-  onConnect: OnConnect;
-};
-
-// this is our useStore hook that we can use in our components to get parts of the store and call actions
-type RFStore = UseBoundStore<StoreApi<RFState>>;
-
-export type { RFState, RFStore };

package/module/src/states/reactflow.ts

@@ -1,49 +0,0 @@
-import { create } from "zustand";
-import {
-  Connection,
-  EdgeChange,
-  NodeChange,
-  applyNodeChanges,
-  applyEdgeChanges,
-} from "reactflow";
-import { RFState, RFStore } from "./reactflow.t";
-
-const reactflowstore = ({
-  on_node_change,
-  on_edge_change,
-  on_connect,
-}: {
-  on_node_change?: (changes: NodeChange[]) => void;
-  on_edge_change?: (changes: EdgeChange[]) => void;
-  on_connect?: (connection: Connection) => void;
-}): RFStore => {
-  const _on_node_change = on_node_change || ((changes: NodeChange[]) => {});
-  const _on_edge_change = on_edge_change || ((changes: EdgeChange[]) => {});
-  const _on_connect = on_connect || ((connection: Connection) => {});
-  const useStore = create<RFState>((set, get) => ({
-    nodes: [],
-    edges: [],
-    onNodesChange: (changes: NodeChange[]) => {
-      set({
-        nodes: applyNodeChanges(changes, get().nodes),
-      });
-      _on_node_change(changes);
-    },
-    onEdgesChange: (changes: EdgeChange[]) => {
-      set({
-        edges: applyEdgeChanges(changes, get().edges),
-      });
-      _on_edge_change(changes);
-    },
-    onConnect: (connection: Connection) => {
-      if (connection.source == null || connection.target == null) {
-        return;
-      }
-
-      _on_connect(connection);
-    },
-  }));
-  return useStore;
-};
-
-export default reactflowstore;

package/module/src/types/funcnodesreactflow.d.ts

@@ -1 +0,0 @@
-

package/module/src/utils/objects.ts

@@ -1,131 +0,0 @@
-// Type alias for DeepPartial. It makes all properties of T optional and recursive.
-type DeepPartial<T> = T extends object
-  ? {
-      [P in keyof T]?: DeepPartial<T[P]>;
-    }
-  : T;
-
-/**
- * Checks if the given item is a plain object.
- * @param item The item to check.
- * @returns true if the item is a plain object, false otherwise.
- */
-function isPlainObject(item: any): boolean {
-  return Object.prototype.toString.call(item) === "[object Object]";
-}
-
-function deep_compare_objects(a: any, b: any): boolean {
-  // Check for strict equality first
-  if (a === b) return true;
-
-  // If either is null or not an object, they're not equal (strict equality would have caught `a === b` if both were null)
-  if (
-    typeof a !== "object" ||
-    a === null ||
-    typeof b !== "object" ||
-    b === null
-  )
-    return false;
-
-  // If they're not the same type of object, they're not equal
-  if (a.constructor !== b.constructor) return false;
-
-  if (a.constructor === Object || a.constructor === Array) {
-    const keysA = Object.keys(a);
-    const keysB = Object.keys(b);
-
-    // If their property lengths are different, they're different objects
-    if (keysA.length !== keysB.length) return false;
-
-    // Check each key in 'a' to ensure it exists in 'b' and is equal; recurse if value is an object
-    for (const key of keysA) {
-      if (!keysB.includes(key)) return false;
-      if (!deep_compare_objects(a[key], b[key])) return false;
-    }
-  }
-
-  // Dates comparison
-  if (a instanceof Date && b instanceof Date)
-    return a.getTime() === b.getTime();
-
-  // If we've made it this far, objects must be considered equal
-  return true;
-}
-
-/**
- *
- * function to deeply merge two objects of type T.
- *
- * @param {T} target - The target object to be merged.
- * @param {DeepPartial<T>} source - The source object to merge into the target. All properties of this object are optional.
- *
- * @returns {T} An object containing the merged object (new_obj) and a boolean indicating if there was a change (change).
- */
-const deep_merge = <T extends {}>(
-  target: T,
-  source: DeepPartial<T>
-): {
-  new_obj: T;
-  change: boolean;
-} => {
-  let change = false;
-  if (!isPlainObject(target)) {
-    throw new Error("Target must be a plain object");
-  }
-  if (!isPlainObject(source)) {
-    throw new Error("Source must be a plain object");
-  }
-  const new_obj: T = { ...target };
-
-  Object.keys(source).forEach((key) => {
-    // @ts-ignore: Type 'string' cannot be used to index type 'T
-    const sourceValue = source[key];
-    // @ts-ignore: Type 'string' cannot be used to index type 'T
-    const targetValue = target[key];
-
-    if (isPlainObject(sourceValue) && isPlainObject(targetValue)) {
-      // If both the target and source values are plain objects, merge them
-      const { new_obj: mergedObj, change: didChange } = deep_merge(
-        targetValue,
-        sourceValue
-      );
-      if (didChange) {
-        change = true;
-        // @ts-ignore: Type 'string' cannot be used to index type 'T
-        new_obj[key] = mergedObj;
-      }
-    } else if (!deep_compare_objects(targetValue, sourceValue)) {
-      change = true;
-      // @ts-ignore: Type 'string' cannot be used to index type 'T
-      new_obj[key] = sourceValue;
-    }
-  });
-
-  return { new_obj, change };
-
-  // for (const key in source) {
-  //   // @ts-ignore: Type 'string' cannot be used to index type 'T
-  //   if (typeof source[key] === "object" && target[key]) {
-  //     const { new_obj: new_obj2, change: change2 } = deep_merge(
-  //       // @ts-ignore: Type 'string' cannot be used to index type 'T
-  //       target[key],
-  //       source[key]
-  //     );
-  //     if (change2) {
-  //       change = true;
-  //       // @ts-ignore: Type 'string' cannot be used to index type 'T
-  //       new_obj[key] = new_obj2;
-  //     }
-  //   } else {
-  //     // @ts-ignore: Type 'string' cannot be used to index type 'T'
-  //     if (target[key] !== source[key]) {
-  //       change = true;
-  //     }
-  //     // @ts-ignore: Type 'string' cannot be used to index type 'T'
-  //     new_obj[key] = source[key];
-  //   }
-  // }
-  // return { new_obj, change };
-};
-export { deep_merge, deep_compare_objects };
-export type { DeepPartial };

package/module/tsconfig.module.json

@@ -1,15 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "module": "es2015" /* Specify what module code is generated. */,
-    "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
-    "outDir": "./dist/tsc",
-    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
-    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
-    "strict": true /* Enable all strict type-checking options. */,
-    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
-    "noEmit": false,
-    "declarationMap": true
-  },
-  "include": ["src/**/*"]
-}

package/module/webpack.config.js

@@ -1,140 +0,0 @@
-// webpack.config.js
-const path = require("path");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const glob = require("glob");
-const { PurgeCSSPlugin } = require("purgecss-webpack-plugin");
-
-const PATHS = {
-  src: path.join(__dirname, "src"),
-};
-
-module.exports = {
-  context: __dirname,
-  entry: "./src/index.tsx",
-
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: "index.js",
-    libraryTarget: "umd",
-    library: "ModuleName",
-  },
-  performance: {
-    maxEntrypointSize: 5 * 1024 * 1024, // 5mb
-    maxAssetSize: 5 * 1024 * 1024, // 5mb
-  },
-  mode: "development",
-  module: {
-    rules: [
-      //typescript
-      {
-        test: /\.(tsx|ts)$/,
-        use: [
-          {
-            loader: "ts-loader",
-            options: {
-              configFile: "tsconfig.module.json",
-            },
-          },
-        ],
-        exclude: /node_modules/,
-      },
-      //css
-      {
-        test: /\.css$/,
-        use: [
-          // "style-loader",
-          MiniCssExtractPlugin.loader,
-          { loader: "css-loader", options: { importLoaders: 5 } },
-          {
-            loader: "postcss-loader",
-            options: {
-              postcssOptions: {
-                plugins: [require("autoprefixer"), require("cssnano")],
-              },
-            },
-          },
-        ],
-        sideEffects: true,
-      },
-      //javascript
-      {
-        test: /\.js$/,
-        use: "babel-loader",
-      },
-      //scss
-      {
-        test: /\.scss$/,
-        sideEffects: true,
-        use: [
-          MiniCssExtractPlugin.loader,
-          // "style-loader",
-          {
-            loader: "css-loader",
-            options: {
-              importLoaders: 5,
-              url: true, // Ensure CSS loader handles URL() paths
-            },
-          },
-
-          {
-            loader: "postcss-loader",
-            options: {
-              postcssOptions: {
-                plugins: [require("autoprefixer"), require("cssnano")],
-              },
-            },
-          },
-          {
-            loader: "sass-loader",
-          },
-        ],
-      },
-      //images
-      {
-        test: /\.(png|svg|jpg|jpeg|gif|webp)$/i,
-        type: "asset/resource",
-        generator: {
-          filename: "img/[name][ext][query]",
-        },
-      },
-      //fonts
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/i,
-        type: "asset/resource",
-        generator: {
-          filename: "fonts/[name][ext][query]",
-        },
-      },
-    ],
-  },
-
-  devServer: {
-    static: "./public",
-    historyApiFallback: true,
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      // Options similar to the same options in webpackOptions.output
-      // both options are optional
-      filename: "css/style.css",
-      chunkFilename: "css/[name].css",
-    }),
-    new PurgeCSSPlugin({
-      paths: glob.sync(`${PATHS.src}/**/*`, { nodir: true }),
-      whitelistPatterns: [/sm:/, /md:/, /lg:/, /xl:/, /2xl:/, /bg-/, /text-/],
-      defaultExtractor: (content) => content.match(/[\w-/:.!]+(?<!:)/g) || [],
-    }),
-  ],
-  resolve: {
-    extensions: [
-      ".js",
-      ".jsx",
-      ".tsx",
-      ".ts",
-      ".html",
-      ".scss",
-      ".css",
-      ".ttf",
-    ],
-  },
-};

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-  },
-  "include": ["./src/**/*"]
-}