[init] the beginning

Author: QIQI03

.gitignore

@@ -0,0 +1,3 @@
+.idea/
+logs/
+client/.yarn/cache/*.zip

LICENSE

@@ -0,0 +1,48 @@
+# Openblocks.dev
+## Build internal tools fast, with no limitations. The open-source alternative to Retool.
+<img src="https://3434528005-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpL1Hcv4CAzkEXttydyWt%2Fuploads%2FrNzTjsVNjZzTutAYC7Md%2Fimg_v2_34465665-d081-43bd-9513-24b05755198g.gif?alt=media&token=a850499f-e6f4-4ef2-97db-8f08eaf66477"/>
+
+## Use Openblocks in 3 steps
+* Connect to any datasource or api.
+* Build UI with 50+ components.
+* Share with collegues and customers.
+
+## Why Openblocks
+It is cumbersome to create a single app, you have to design user interfaces, write code in multiple languages and frameworks, understand how all of that code works together.
+
+Low-code/No-code platforms are fast to get started with, but quickly become unmaintainable and inflexible. This creates more problems than it solves.
+
+Retool-like solutions are great for their simplicity and flexibility, but they can also be limited in different ways compared to frameworks like React/Vue.
+
+Openblocks wants to take it forward. More specifically, Openblocks is
+* An all-in-one IDE to create internal or customer-facing apps.
+* A place to create, build and share building blocks of web applications.
+* A domain specific language that UI-configurable block is the first class citizen.
+
+## Features
+* Visual UI builder with 50+ built-in components.
+* Native connection to PostgresSQL, MongoDB, Mysql, Redis, Elasticsearch, RestAPI, SMTP etc.
+* Write Javascript everywhere, use Javascript to transform data, control components etc.
+* Module and Query library, create reusable components/queries using the UI builder.
+* Create and share custom components using react and openblocks-sdk(instead of iFrame). (pre-alpha).
+* Embed openblocks pages as a react component(instead of iFrame).
+* RBAC based access management
+* Theme support
+* auto-save and rollback to history
+* Audit logs
+
+## Comparisons
+### Openblocks vs Retool 
+* Openblocks is open-source. You don't have to worry about vendor lockin or being stuck with an outdated version of the software.
+* In Openblocks, developers can create and use their own components instead of depending on offical updates.
+* Openblocks supports left menu navigation (like most sites do). Retool has header navigation only.
+
+### Openblocks vs Appsmith, Tooljet
+* Openblocks has more components and richer configuration than Appsmith and Tooljet.
+* In Openblocks, you can choose between auto-height or fixed-height mode for your components, while Appsmith supports fixed-height mode only.
+* In Openblocks, you can reuse common structures when building apps using module and query library features.
+
+
+### Contributing
+* Language support: If you have experience with a language that isn't currently supported by our product, send us a pull request.
+* Create and share components/demos: If you've created something that might be useful to others, add the link here.

README.md

@@ -0,0 +1,55 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/packages/*/node_modules
+/packages/*/dist
+/packages/*/tsdoc-metadata.json
+/.pnp
+.pnp.js
+
+# testing
+/**/coverage
+
+
+# production
+/build
+/packages/openblocks/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+/out
+/public/fonts/*
+/src/assets/icons/fonts/*
+.idea
+.storybook-out/
+cypress/videos
+cypress/screenshots
+/cypress.env.json
+
+storybook-static/*
+build-storybook.log
+
+TODO
+
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
+/ossutil_output
+package-lock.json
+
+op.mjs

client/.gitignore

@@ -0,0 +1,11 @@
+diff --git a/dist/es/WindowScroller/utils/onScroll.js b/dist/es/WindowScroller/utils/onScroll.js
+index d00f0f18c6596e4e57f4f762f91fed4282610c91..c8496e8eabafdf9cf6071986ec446839d7b65556 100644
+--- a/dist/es/WindowScroller/utils/onScroll.js
++++ b/dist/es/WindowScroller/utils/onScroll.js
+@@ -71,4 +71,3 @@ export function unregisterScrollListener(component, element) {
+     }
+   }
+ }
+\ No newline at end of file
+-import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";
+\ No newline at end of file

client/.yarn/patches/react-virtualized-npm-9.22.3-0fff3cbf64.patch

@@ -0,0 +1,18 @@
+nodeLinker: node-modules
+
+npmPublishRegistry: "http://8.141.152.4:4873/"
+
+npmRegistries:
+  "http://8.141.152.4:4873/":
+    npmAuthToken: LTW5QZHrSedwHWoOTpqrDg==
+
+npmRegistryServer: "https://registry.npmmirror.com"
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
+    spec: "@yarnpkg/plugin-workspace-tools"
+
+unsafeHttpWhitelist:
+  - 8.141.152.4
+
+yarnPath: .yarn/releases/yarn-3.2.4.cjs

client/.yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs

@@ -0,0 +1,11 @@
+# Openblocks
+
+Openblocks frontend app
+
+## Start development
+
+```bash
+yarn install
+
+API_PROXY_TARGET={backend-api-addr} yarn start
+```

client/.yarn/releases/yarn-3.2.4.cjs

@@ -0,0 +1 @@
+1.0.21

client/.yarnrc.yml

@@ -0,0 +1,42 @@
+import path from "node:path";
+import { buildVars } from "openblocks-dev-utils/buildVars.js";
+import { currentDirName } from "openblocks-dev-utils/util.js";
+
+const globals = {};
+buildVars.forEach(({ name, defaultValue }) => {
+  globals[name] = process.env[name] || defaultValue;
+});
+const isEE = process.env.REACT_APP_EDITION === "enterprise";
+const dirname = currentDirName(import.meta.url);
+
+export default {
+  testEnvironment: "jsdom",
+  moduleNameMapper: {
+    "react-markdown": path.resolve(dirname, "./mocks/react-markdown.js"),
+    "^@openblocks-ee(.*)$": path.resolve(
+      dirname,
+      isEE ? "../../packages/openblocks/src/ee/$1" : "../../packages/openblocks/src/$1"
+    ),
+    "openblocks-sdk": path.resolve(dirname, "../../packages/openblocks/src/index.sdk"),
+  },
+  globals,
+  // roots: ["<rootDir>/src"],
+  modulePaths: [
+    "<rootDir>/src",
+    path.resolve(dirname, "../../packages/openblocks/src"),
+    path.resolve(dirname, "../../packages/openblocks-comps/src"),
+    path.resolve(dirname, "../../packages/openblocks-design/src"),
+  ],
+  setupFiles: [path.resolve(dirname, "./jest.setup.js")],
+  setupFilesAfterEnv: [path.resolve(dirname, "./jest.setup-after-env.js")],
+  transform: {
+    "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": path.resolve(dirname, "./transform/babelTransform.js"),
+    "^.+\\.css$": path.resolve(dirname, "./transform/cssTransform.js"),
+    "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": path.resolve(
+      dirname,
+      "./transform/fileTransform.js"
+    ),
+  },
+  transformIgnorePatterns: [],
+  resetMocks: true,
+};

client/README.md

@@ -0,0 +1,15 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom";
+
+// implementation of window.resizeTo for dispatching event
+window.resizeTo = function resizeTo(width, height) {
+  Object.assign(this, {
+    innerWidth: width,
+    innerHeight: height,
+    outerWidth: width,
+    outerHeight: height,
+  }).dispatchEvent(new this.Event("resize"));
+};

client/VERSION

@@ -0,0 +1,3 @@
+if (typeof window !== "undefined") {
+  require("whatwg-fetch");
+}

client/config/test/jest.config.js

@@ -0,0 +1,5 @@
+function ReactMarkdown({ children }) {
+  return <>{children}</>;
+}
+
+export default ReactMarkdown;

client/config/test/jest.setup-after-env.js

@@ -0,0 +1,18 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom";
+
+// import matchMediaPolyfill from "mq-polyfill";
+
+// matchMediaPolyfill(window);
+// // implementation of window.resizeTo for dispatching event
+// window.resizeTo = function resizeTo(width, height) {
+//   Object.assign(this, {
+//     innerWidth: width,
+//     innerHeight: height,
+//     outerWidth: width,
+//     outerHeight: height,
+//   }).dispatchEvent(new this.Event("resize"));
+// };

client/config/test/jest.setup.js

@@ -0,0 +1,14 @@
+import babelJest from "babel-jest";
+
+export default babelJest.createTransformer({
+  presets: [
+    [
+      "babel-preset-react-app",
+      {
+        runtime: "automatic",
+      },
+    ],
+  ],
+  babelrc: false,
+  configFile: false,
+});

client/config/test/mocks/react-markdown.js

@@ -0,0 +1,16 @@
+// This is a custom Jest transformer turning style imports into empty objects.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+export default {
+  process() {
+    return {
+      code: "module.exports = {};",
+    };
+  },
+  getCacheKey() {
+    // The output is always the same.
+    return {
+      code: "cssTransform",
+    };
+  },
+};

client/config/test/setup.ts

@@ -0,0 +1,43 @@
+import path from "node:path";
+import camelcase from "camelcase";
+
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+export default {
+  process(src, filename) {
+    const assetFilename = JSON.stringify(path.basename(filename));
+
+    if (filename.match(/\.svg$/)) {
+      // Based on how SVGR generates a component name:
+      // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
+      const pascalCaseFilename = camelcase(path.parse(filename).name, {
+        pascalCase: true,
+      });
+      const componentName = `Svg${pascalCaseFilename}`;
+      return {
+        code: `
+          const React = require('react');
+          module.exports = {
+            __esModule: true,
+            default: ${assetFilename},
+            ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
+              return {
+                $$typeof: Symbol.for('react.element'),
+                type: 'svg',
+                ref: ref,
+                key: null,
+                props: Object.assign({}, props, {
+                  children: ${assetFilename}
+                })
+              };
+            }),
+          };`,
+      };
+    }
+
+    return {
+      code: `module.exports = ${assetFilename};`,
+    };
+  },
+};

client/config/test/transform/babelTransform.js

@@ -0,0 +1,3 @@
+export default {
+  projects: ["<rootDir>/packages/*"],
+};