@blocklet/component-studio-cli 0.4.134

package/templates/workspace/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "component-studio",
+  "description": "A Blocklet to help you develop components for Pages Kit",
+  "private": true,
+  "version": "0.1.0",
+  "engines": {
+    "npm": "please-use-pnpm",
+    "yarn": "please-use-pnpm",
+    "node": ">=18",
+    "pnpm": ">=9"
+  },
+  "workspaces": [
+    ".",
+    "projects/*"
+  ],
+  "scripts": {
+    "dev": "COMPONENT_STORE_URL=https://test.store.blocklet.dev blocklet dev",
+    "lint": "biome check . && tsc --noEmit",
+    "lint:skip": "echo 'skip lint'",
+    "lint:fix": "biome check --apply .",
+    "format": "biome format --write .",
+    "start": "vite-node -c vite-server.config.ts -w api/dev.ts",
+    "clean": "node scripts/build-clean.mjs",
+    "bundle": "echo 'skip bundle'",
+    "bundle:client": "vite build",
+    "prepare": "npx simple-git-hooks",
+    "bump-version": "zx --quiet scripts/bump-version.mjs",
+    "dev-front": "vite serve .",
+    "build-lib": "node -r dotenv-flow/config -e \"require('@blocklet/pages-kit-block-studio/build-lib')\"",
+    "update:deps": "npx -y taze -r -n '/arcblock|ocap|abtnode|blocklet|did-connect|did-comment|nedb/' -w -f && pnpm install && pnpm run deduplicate",
+    "deduplicate": "pnpm dedupe",
+    "preinstall": "npx only-allow pnpm",
+    "postinstall": "node scripts/init-component-studio.mjs"
+  },
+  "lint-staged": {
+    "*.{mjs,js,jsx,ts,tsx,css,less,scss,json,graphql}": [
+      "pnpm run format",
+      "pnpm run lint:skip"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "@arcblock/did-auth": "^1.20.2",
+    "@arcblock/did-auth-storage-nedb": "^1.7.1",
+    "@arcblock/did-connect": "^2.13.12",
+    "@arcblock/ux": "^2.13.12",
+    "@blocklet/pages-kit": "^0.4.129",
+    "@blocklet/pages-kit-block-studio": "^0.4.129",
+    "@blocklet/pages-kit-inner-components": "^0.4.129",
+    "@blocklet/pages-kit-runtime": "^0.4.129",
+    "@blocklet/sdk": "^1.16.42",
+    "@blocklet/studio-ui": "^0.4.258",
+    "@blocklet/ui-react": "^2.13.12",
+    "@ocap/client": "^1.20.2",
+    "@ocap/mcrypto": "^1.20.2",
+    "@ocap/wallet": "^1.20.2",
+    "axios": "^1.7.9",
+    "cookie-parser": "^1.4.7",
+    "cors": "^2.8.5",
+    "dotenv-flow": "^4.1.0",
+    "express": "^4.19.2",
+    "express-async-errors": "^3.1.1"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "@blocklet/js-sdk": "^1.16.42",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/cookie-parser": "^1.4.8",
+    "@types/cors": "^2.8.17",
+    "@types/dotenv-flow": "^3.3.3",
+    "@types/express": "^4.17.21",
+    "@types/node": "^20.17.12",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "bumpp": "^9.9.3",
+    "cross-env": "^7.0.3",
+    "get-port": "^5.1.1",
+    "import-sort-style-module": "^6.0.0",
+    "lint-staged": "^15.3.0",
+    "nodemon": "^3.1.9",
+    "npm-run-all": "^4.1.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.1",
+    "rimraf": "^5.0.10",
+    "simple-git-hooks": "^2.11.1",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.11",
+    "vite-node": "^2.1.8",
+    "vite-plugin-blocklet": "^0.9.31",
+    "vite-plugin-require": "^1.2.14",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^4.3.2",
+    "zx": "^8.3.0"
+  },
+  "importSort": {
+    ".js, .jsx, .mjs": {
+      "parser": "babylon",
+      "style": "module"
+    },
+    ".ts, .tsx": {
+      "style": "module",
+      "parser": "typescript"
+    }
+  },
+  "simple-git-hooks": {
+    "pre-commit": "npx lint-staged"
+  },
+  "resolutions": {
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1"
+  }
+}

package/templates/workspace/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+packages:
+  - '.'
+  - 'projects/*'

package/templates/workspace/scripts/build-clean.mjs

@@ -0,0 +1,6 @@
+/* eslint-disable no-console */
+import { rimrafSync } from 'rimraf';
+
+console.log('clean .blocklet folder');
+rimrafSync('.blocklet');
+console.log('clean .blocklet folder done!');

package/templates/workspace/scripts/bump-version.mjs

@@ -0,0 +1,39 @@
+/* eslint-disable no-console */
+import { execSync } from 'child_process';
+import { $, chalk, fs } from 'zx';
+
+async function main() {
+  execSync('bumpp --no-tag --no-commit --no-push package.json', { stdio: 'inherit' });
+
+  const { version } = await fs.readJSON('package.json');
+  await fs.writeFileSync('version', version);
+
+  console.log(chalk.greenBright(`[info]: start to modify blocklet version to ${version}`));
+  await $`blocklet version ${version}`;
+  console.log(chalk.greenBright('[info]: blocklet version modified.'));
+
+  let newChangelog = '';
+  try {
+    const gitRes = await $`git log --pretty=format:"- %s" "main"...HEAD`;
+    newChangelog = gitRes.stdout.trim();
+  } catch {
+    console.error(chalk.redBright('Could not get git log, please write changelog manually.'));
+  }
+
+  const now = new Date();
+  const currentDate = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
+  const title = `## ${version} (${currentDate})`;
+
+  await fs.ensureFile('CHANGELOG.md');
+  const oldChangelog = await fs.readFile('CHANGELOG.md', 'utf8');
+  const changelog = [title, newChangelog, oldChangelog].filter((item) => !!item).join('\n\n');
+  await fs.writeFile('CHANGELOG.md', changelog);
+
+  console.log(`\nNow you can make adjustments to ${chalk.cyan('CHANGELOG.md')} . Then press enter to continue.`);
+
+  process.stdin.setRawMode(true);
+  process.stdin.resume();
+  process.stdin.on('data', process.exit.bind(process, 0));
+}
+
+main();

package/templates/workspace/scripts/init-component-studio.mjs

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+import { execSync } from 'child_process';
+import fs from 'fs';
+import getPort from 'get-port';
+import path from 'path';
+
+const flagFile = path.join(process.cwd(), '.init-component-studio');
+
+// write the BLOCKLET_PORT to .env.development.local
+async function ensureBlockletPortToDevEnv() {
+  if (fs.existsSync(path.join(process.cwd(), '.env.development.local'))) {
+    return;
+  }
+
+  const port = await getPort({ port: 8118 });
+  fs.writeFileSync(path.join(process.cwd(), '.env.development.local'), `BLOCKLET_PORT=${port}`);
+}
+
+// check the flag file is exists
+if (fs.existsSync(flagFile)) {
+  try {
+    // remove flag file to avoid infinite loop
+    fs.unlinkSync(flagFile);
+
+    // execute update:deps script
+    // console.log('Updating Latest Dependencies...');
+    // execSync('pnpm run update:deps', { stdio: 'inherit' });
+
+    // write the BLOCKLET_PORT to .env.development.local
+    ensureBlockletPortToDevEnv();
+  } catch (error) {
+    process.exit(1);
+  }
+} else {
+  // skip script
+}

package/templates/workspace/tsconfig.api.json

@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "outDir": "api/dist",
+    "noEmit": false,
+    "noEmitOnError": true
+  },
+  "include": [
+    "api/*.d.ts",
+    "api/src"
+  ]
+}

package/templates/workspace/tsconfig.json

@@ -0,0 +1,102 @@
+{
+  "ts-node": {
+    "files": true,
+    "compilerOptions": {
+      "module": "Node16"
+    }
+  },
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+    /* Projects */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+    /* Language and Environment */
+    "target": "es2016" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
+    // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+    /* Modules */
+    "module": "commonjs" /* Specify what module code is generated. */,
+    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    // "moduleResolution": "node",                       /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "resolveJsonModule": true,                        /* Enable importing .json files. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+    /* JavaScript Support */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+    /* Emit */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
+    // "removeComments": true,                           /* Disable emitting comments. */
+    "noEmit": true /* Disable emitting files from a compilation. */,
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    "ignoreDeprecations": "5.0",
+    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
+    /* Interop Constraints */
+    "isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+    /* Type Checking */
+    "strict": true /* Enable all strict type-checking options. */,
+    "noImplicitAny": true /* Enable error reporting for expressions and declarations with an implied 'any' type. */,
+    "strictNullChecks": true /* When type checking, take into account 'null' and 'undefined'. */,
+    "strictFunctionTypes": true /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */,
+    "strictBindCallApply": true /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */,
+    "strictPropertyInitialization": true /* Check for class properties that are declared but not set in the constructor. */,
+    "noImplicitThis": true /* Enable error reporting when 'this' is given the type 'any'. */,
+    "useUnknownInCatchVariables": false /* Default catch clause variables as 'unknown' instead of 'any'. */,
+    "alwaysStrict": true /* Ensure 'use strict' is always emitted. */,
+    "noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
+    "noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
+    // "exactOptionalPropertyTypes": false /* Interpret optional property types as written, rather than adding 'undefined'. */,
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    "noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
+    "noUncheckedIndexedAccess": true /* Add 'undefined' to a type when accessed using an index. */,
+    "noImplicitOverride": true /* Ensure overriding members in derived classes are marked with an override modifier. */,
+    // "noPropertyAccessFromIndexSignature": true /* Enforces using indexed accessors for keys declared using an indexed type. */,
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */
+  }
+}

package/templates/workspace/version

@@ -0,0 +1 @@
+0.1.0

package/templates/workspace/vite-server.config.ts

@@ -0,0 +1,39 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import path from 'path';
+import { defineConfig } from 'vite';
+import vitePluginRequire from 'vite-plugin-require';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+// https://vitejs.dev/config/
+// @ts-ignore
+export default defineConfig(() => {
+  return {
+    plugins: [vitePluginRequire(), tsconfigPaths()],
+    resolve: {
+      alias: {
+        crypto: 'node:crypto',
+        // '@blocklet/pages-kit-block-studio/build-lib': path.resolve(
+        //   __dirname,
+        //   '../pages-kit/packages/pages-kit-block-studio/src/utils/build-lib.ts',
+        // ),
+        // only for debug
+        // '@blocklet/uploader-server': path.resolve(__dirname, '../image-bin/packages/uploader-server/src/index.ts'),
+        '@blocklet/pages-kit-block-studio/init-resource-router': path.resolve(
+          __dirname,
+          '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-block-studio/src/middlewares/init-resource-router.ts'
+        ),
+        '@blocklet/pages-kit-block-studio/init-block-studio-router': path.resolve(
+          __dirname,
+          '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-block-studio/src/middlewares/init-block-studio-router.ts'
+        ),
+        '@blocklet/pages-kit-block-studio/init-uploader-router': path.resolve(
+          __dirname,
+          '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-block-studio/src/middlewares/init-uploader-router.ts'
+        ),
+      },
+    },
+    server: {
+      hmr: false,
+    },
+  };
+});

package/templates/workspace/vite.config.ts

@@ -0,0 +1,68 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { defineConfig } from 'vite';
+import { createBlockletPlugin } from 'vite-plugin-blocklet';
+import svgr from 'vite-plugin-svgr';
+
+import { initBlockStudioPlugins } from '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-block-studio/src/plugins/index.ts';
+
+// https://vitejs.dev/config/
+export default defineConfig((mode) => {
+  return {
+    plugins: [
+      react({
+        jsxRuntime: 'automatic',
+      }),
+      createBlockletPlugin(),
+      svgr(),
+      initBlockStudioPlugins({
+        formats: ['es'],
+      }),
+    ],
+
+    resolve: {
+      alias: {
+        // '@blocklet/pages-kit-block-studio/build-lib': path.resolve(
+        //   __dirname,
+        //   '../pages-kit/packages/pages-kit-block-studio/src/utils/build-lib.ts',
+        // ),
+        // '@blocklet/pages-kit-block-studio/plugins':
+        //   '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-block-studio/src/plugins/index.ts',
+        // "@blocklet/pages-kit-runtime": path.resolve(
+        //   __dirname,
+        //   "/Users/FireTable/Code/ArcBlock/pages-kit/frameworks/runtime/lib/esm",
+        // ),
+        // '@blocklet/uploader/react': path.resolve(__dirname, './node_modules/@blocklet/uploader/es/react.js'),
+        // "@blocklet/pages-kit-inner-components": path.resolve(
+        //   __dirname,
+        //   "/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-inner-components/lib/es",
+        // ),
+        // '@blocklet/pages-kit/utils/property':
+        //   '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit/src/utils/property.ts',
+        // '@blocklet/pages-kit/components':
+        //   '/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit/src/components/index.ts',
+        // '@blocklet/pages-kit/builtin/uploader': path.resolve(
+        //   __dirname,
+        //   '../pages-kit/packages/pages-kit/src/builtin/uploader.tsx',
+        // ),
+        // '@blocklet/pages-kit/builtin/color-picker': path.resolve(
+        //   __dirname,
+        //   '../pages-kit/packages/pages-kit/src/builtin/color-picker.tsx',
+        // // ),
+        // "@blocklet/pages-kit-block-studio/frontend": path.resolve(
+        //   __dirname,
+        //   "/Users/FireTable/Code/ArcBlock/pages-kit/packages/pages-kit-block-studio/src/plugins/_theme.tsx",
+        // ),
+      },
+    },
+
+    server: {
+      allowedHosts: true,
+      fs: {
+        strict: false, // monorepo and pnpm required
+        allow: ['*'],
+      },
+    },
+  };
+});