npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

coral-sdk

v0.0.2

Published

<p> <h1 align="center"> 珊瑚评论 H5 SDK </h1> </p>

Downloads

3

Readme

Features

  • 移动端评论支持
  • 图片预览
  • 自动加载评论
  • 支热度、时间等排序方式
  • 内置 QQ 互联、微信登录
  • 支持小程序接入

快速开始

<!-- 引入 SDK -->
<script src="//mat1.gtimg.com/www/coral/sdk/release/coral.open.min.js"></script>

<!-- 设置容器 -->
<div class="comment"></div>

<!-- 实例化 -->
<script>
  new CoralOpenSDK(uniquekey /* 文章 ID */, {
    projectkey: 'xxx', // APPID
    container: '.comment', // 容器
    logintype: 11, // 1: 微信, 11: QQ 互联
    buildInAuth: true // 使用内置登录
  });
</script>

文档资源

依赖

开发

  1. npm run start or yarn start
  2. 接口跨域问题可以配置 host 127.0.0.1 local.qq.com,然后访问 http://lcoal.qq.com:8080/进行开发调试
  3. 可以使用 QR Code Generater 插件生成二维码,使用手机查看效果
  4. windows 台式机防火墙无法关闭情况解决办法:在防火墙和网络保护-高级设置中新建入站规则,允许对特定端口的访问(8080)即可,记得开发完成后禁用规则!

TODO

  • 取消点赞
  • style 单独打包
  • 图片上传界面优化(需要设计稿)
  • 各种交互行为(待补充)
  • 视频播放(接入)
  • 退出账户

ISSUE