Added bluesky components for solid js

.czrc

@@ -4,6 +4,10 @@
       "value": "core",
       "name": "core:                 anything core specific"
     },
+    {
+      "value": "solid",
+      "name": "solid:                anything solid specific"
+    },
     {
       "value": "docs",
       "name": "docs:                 anything docs specific"

.verdaccio/config.yml

@@ -0,0 +1,28 @@
+# path to a directory with all packages
+storage: ../tmp/local-registry/storage
+
+# a list of other known repositories we can talk to
+uplinks:
+  npmjs:
+    url: https://registry.npmjs.org/
+    maxage: 60m
+
+packages:
+  '**':
+    # give all users (including non-authenticated users) full access
+    # because it is a local registry
+    access: $all
+    publish: $all
+    unpublish: $all
+
+    # if package is not available locally, proxy requests to npm registry
+    proxy: npmjs
+
+# log settings
+log:
+  type: stdout
+  format: pretty
+  level: warn
+
+publish:
+  allow_offline: true # set offline to true to allow publish offline

nx.json

@@ -1,10 +1,7 @@
 {
   "$schema": "./node_modules/nx/schemas/nx-schema.json",
   "namedInputs": {
-    "default": [
-      "{projectRoot}/**/*",
-      "sharedGlobals"
-    ],
+    "default": ["{projectRoot}/**/*", "sharedGlobals"],
     "production": [
       "default",
       "!{projectRoot}/.eslintrc.json",
@@ -13,17 +10,18 @@
     "sharedGlobals": []
   },
   "release": {
-    "projects": [
-      "*"
-    ],
+    "projects": ["*"],
     "changelog": {
       "projectChangelogs": {
         "renderOptions": {
           "authors": false
         }
       }
     },
-    "projectsRelationship": "independent"
+    "projectsRelationship": "independent",
+    "version": {
+      "preVersionCommand": "pnpm dlx nx run-many -t build"
+    }
   },
   "plugins": [
     {

package.json

@@ -35,10 +35,14 @@
     "nx": "19.8.10",
     "postcss": "8.4.38",
     "rollup": "^4.14.0",
+    "solid-devtools": "^0.30.1",
     "swc-loader": "0.1.15",
     "tailwindcss": "3.4.3",
     "tslib": "^2.3.0",
-    "typescript": "~5.5.2"
+    "typescript": "~5.5.2",
+    "verdaccio": "^5.0.4",
+    "vite-plugin-solid": "^2.10.2",
+    "vite-tsconfig-paths": "^5.1.3"
   },
   "dependencies": {
     "@algolia/autocomplete-core": "^1.17.7",
@@ -70,9 +74,13 @@
     "rollup-plugin-preserve-directives": "^0.4.0",
     "shiki": "^1.22.2",
     "simple-functional-loader": "^1.2.1",
+    "solid-js": "^1.9.3",
     "swr": "^2.2.5",
     "unist-util-filter": "^5.0.1",
     "unist-util-visit": "^5.0.0",
     "zustand": "^5.0.1"
+  },
+  "nx": {
+    "includedScripts": []
   }
 }

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bsky-react-post",
-  "description": "Embed Bluesky (bsky) posts in your React application. ",
+  "description": "Embed Bluesky (bsky) posts in your React application.",
   "version": "0.1.3",
   "license": "MIT",
   "keywords": ["bsky", "bluesky", "react", "embed", "rsc", "client"],
@@ -16,10 +16,12 @@
   "bugs": {
     "url": "https://github.com/rhinobase/react-bluesky/issues"
   },
-  "peerDependencies": {
-    "react": ">= 18.0.0",
+  "dependencies": {
     "swr": "^2.2.5"
   },
+  "peerDependencies": {
+    "react": ">= 18.0.0"
+  },
   "devDependencies": {
     "@atproto/api": "~0.13.15"
   },

packages/solid/.swcrc

@@ -0,0 +1,31 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "target": "esnext",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true
+    },
+    "keepClassNames": true,
+    "externalHelpers": false,
+    "loose": true
+  },
+  "module": {
+    "type": "es6"
+  },
+  "minify": true,
+  "sourceMaps": false,
+  "exclude": [
+    "jest.config.ts",
+    ".*\\.spec.tsx?$",
+    ".*\\.test.tsx?$",
+    "./src/jest-setup.ts$",
+    "./**/jest-setup.ts$",
+    "./**/*.stories.tsx?$"
+  ]
+}

packages/solid/README.md

@@ -0,0 +1,13 @@
+# bsky-solid-post
+
+bsky-solid-post allows you to embed Bluesky posts in your Solid application when using Next.js, Vite, and more.
+
+For documentation visit [bsky-react-post.rhinobase.io](https://bsky-react-post.rhinobase.io).
+
+## Contributing
+
+Visit our [contributing docs](https://github.com/rhinobase/react-bluesky/blob/main/CONTRIBUTING.md).
+
+## Credits
+
+- This project would not have been possible without the work of [Vercel](https://github.com/vercel) on the [`react-tweet` package](https://github.com/vercel/react-tweet).

packages/solid/cssmodule.d.ts

@@ -0,0 +1,4 @@
+declare module "*.module.css" {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}

packages/solid/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "bsky-solid-post",
+  "description": "Embed Bluesky (bsky) posts in your Solid application.",
+  "version": "0.1.0",
+  "license": "MIT",
+  "keywords": ["bsky", "bluesky", "solid", "embed", "rsc", "client"],
+  "homepage": "https://bsky-react-post.rhinobase.io",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rhinobase/react-bluesky.git",
+    "directory": "packages/solid"
+  },
+  "bugs": {
+    "url": "https://github.com/rhinobase/react-bluesky/issues"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.9.3"
+  },
+  "devDependencies": {
+    "@atproto/api": "~0.13.15"
+  },
+  "exports": {
+    ".": "./client.esm.js",
+    "./server": "./index.esm.js",
+    "./api": "./api.esm.js",
+    "./theme.css": "./index.esm.css"
+  },
+  "typesVersions": {
+    "*": {
+      "index": ["./index.esm.d.ts"],
+      "api": ["./api.esm.d.ts"],
+      "*": []
+    }
+  }
+}

packages/solid/project.json

@@ -0,0 +1,22 @@
+{
+  "name": "solid",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/solid/src",
+  "projectType": "library",
+  "targets": {
+    "nx-release-publish": {
+      "options": {
+        "packageRoot": "dist/{projectRoot}"
+      }
+    }
+  },
+  "tags": [],
+  "release": {
+    "version": {
+      "generatorOptions": {
+        "packageRoot": "dist/{projectRoot}",
+        "currentVersionResolver": "git-tag"
+      }
+    }
+  }
+}

packages/solid/rollup.config.js

@@ -0,0 +1,26 @@
+const { withNx } = require("@nx/rollup/with-nx");
+const preserveDirectives = require("rollup-plugin-preserve-directives");
+const terser = require("@rollup/plugin-terser");
+
+module.exports = withNx(
+  {
+    main: "./src/index.ts",
+    outputPath: "../../dist/packages/solid",
+    tsConfig: "./tsconfig.lib.json",
+    compiler: "swc",
+    format: ["esm"],
+    assets: [{ input: ".", output: ".", glob: "README.md" }],
+    external: ["react"],
+  },
+  {
+    input: {
+      index: "./src/index.ts",
+      client: "./src/index.client.ts",
+      api: "./src/api.ts",
+    },
+    output: {
+      preserveModules: true,
+    },
+    plugins: [preserveDirectives.default(), terser()],
+  },
+);

packages/solid/src/Client.tsx

@@ -0,0 +1,28 @@
+import { Match, Show, Switch } from "solid-js";
+import { EmbeddedPost, PostNotFound, PostSkeleton } from "./components";
+import { usePost } from "./hooks";
+import type { PostProps } from "./types";
+
+export function Post({
+  fallback = <PostSkeleton />,
+  components,
+  onError,
+  ...props
+}: PostProps) {
+  const [post] = usePost(props);
+  const NotFound = components?.PostNotFound || PostNotFound;
+
+  return (
+    <>
+      <Show when={post.loading}>{fallback}</Show>
+      <Switch>
+        <Match when={post.error}>
+          <NotFound error={onError ? onError(post.error) : post.error} />
+        </Match>
+        <Match when={post()}>
+          <EmbeddedPost thread={post()} />
+        </Match>
+      </Switch>
+    </>
+  );
+}

packages/solid/src/Post.tsx

@@ -0,0 +1,49 @@
+"use server";
+import type { AppBskyFeedDefs } from "@atproto/api";
+import { Match, Suspense, Switch, createResource } from "solid-js";
+import { fetchPost } from "./api";
+import { EmbeddedPost, PostNotFound, PostSkeleton } from "./components";
+import type { PostProps } from "./types";
+
+function SuspensedPost({
+  components,
+  fetchOptions,
+  onError,
+  ...config
+}: PostProps) {
+  const NotFound = components?.PostNotFound || PostNotFound;
+
+  const fetchData = async () => {
+    try {
+      if ("apiUrl" in config) return undefined;
+      return await fetchPost(config, fetchOptions);
+    } catch (err) {
+      if (onError) {
+        return onError(err);
+      }
+      console.error(err);
+      throw err;
+    }
+  };
+
+  const [data] = createResource(fetchData);
+
+  return (
+    <Switch>
+      <Match when={data()}>
+        <EmbeddedPost thread={data() as AppBskyFeedDefs.ThreadViewPost} />
+      </Match>
+      <Match when={!data()}>
+        <NotFound />
+      </Match>
+    </Switch>
+  );
+}
+
+export function Post({ fallback = <PostSkeleton />, ...props }: PostProps) {
+  return (
+    <Suspense fallback={fallback}>
+      <SuspensedPost {...props} />
+    </Suspense>
+  );
+}