[WIP] feat: codeblitz support code browsing

[AhkunTa]

use codeblitz to support code browsing

2023-12-15.18.25.46.mov

[vercel]

@AhkunTa is attempting to deploy a commit to the cnpmweb Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
cnpmweb	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 15, 2023 3:12pm

[elrrrrrrr]

👍🏻 赏心悦目

[elrrrrrrr]

vercel preivew 里好像没加载出来，需要什么额外配置吗?

[AhkunTa]

vercel preivew 里好像没加载出来，需要什么额外配置吗?

图片应该不影响， 可能组件的懒加载引起的 具体问题我再看下

[hacke2]

@elrrrrrrr @AhkunTa 还需要 native 版的吗？是不是默认用 CodeBlitz ？

[elrrrrrrr]

@elrrrrrrr @AhkunTa 还需要 native 版的吗？是不是默认用 CodeBlitz ？

感觉只用保留 CodeBlitz 就行？ vercel 预览异常再帮忙定位下 🙏🏻

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/css-loader@5.2.7	Transitive: environment, eval, filesystem, network, shell, unsafe	+91	19.5 MB	evilebottnawi
npm/file-loader@6.2.0	Transitive: environment, eval, filesystem, network, shell, unsafe	+79	19 MB	evilebottnawi
npm/less-loader@7.3.0	Transitive: environment, eval, filesystem, network, shell, unsafe	+96	22.9 MB	evilebottnawi
npm/less@4.2.0	eval, filesystem Transitive: environment, network	+16	3.98 MB	matthew-dean
npm/mini-css-extract-plugin@2.8.1	unsafe Transitive: environment, eval, filesystem, network, shell	+82	21 MB	evilebottnawi
npm/next-with-less@3.0.1	Transitive: environment, eval, filesystem, network, shell, unsafe	+126	996 MB	elado
npm/os-browserify@0.3.0	None	0	2.74 kB	coderpuppy
npm/raw-loader@4.0.2	Transitive: environment, eval, filesystem, network, shell, unsafe	+79	18.9 MB	evilebottnawi
npm/style-loader@3.3.4	Transitive: environment, eval, filesystem, network, shell, unsafe	+75	18.6 MB	evilebottnawi
npm/url-loader@4.1.1	Transitive: environment, eval, filesystem, network, shell, unsafe	+80	19 MB	evilebottnawi

View full report↗︎

[socket-security]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

View full report↗︎

[AhkunTa]

问题似乎是动态引入的问题 本地可以正常load组件
但部署到 vercel 后并不会返回值
相关代码

import dynamic from 'next/dynamic';

export const DynamicIDEComponent = dynamic(
  {
    loader: async () => {
      console.log('loading start IDE');
      const IDEModule = await import('./IDE');
      console.log('loading end IDE');
      return IDEModule.IDE;
    },
    ssr: false,
  },
  {
    loading: () => <div>loading...</div>,
    ssr: false,
  },
);

本地环境正常 loading end

用 vercel 部署后 预览有问题 可以用这个地址预览 https://cnpmweb-git-feat-support-codeblitz-ahkuntas-projects.vercel.app?_vercel_share=lbZD9YzvjYlGCw9SJQWKW9EFLMZiKNcE

具体问题我这边再看下 实在不行 换一种方式