✨ Better URLs for bundles using /cdn path and enable short URLs for j…

…sdeliver * cdn path: https://cdn.jsdelivr.net/npm/@frak-labs/core-sdk@latest/cdn/bundle.js * short: https://cdn.jsdelivr.net/npm/@frak-labs/sdk-core
frak-id · Dec 12, 2024 · 19bd789 · 19bd789
1 parent 2604187
commit 19bd789
Show file tree

Hide file tree

Showing 14 changed files with 25 additions and 18 deletions.
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -38,5 +38,5 @@ jobs:
         with:
           url: |
             https://cdn.jsdelivr.net/npm/@frak-labs/nexus-sdk@latest/dist/bundle/bundle.js
-            https://cdn.jsdelivr.net/npm/@frak-labs/core-sdk@latest/dist/bundle/bundle.js
-            https://cdn.jsdelivr.net/npm/@frak-labs/components@latest/dist/bundle/components.js
+            https://cdn.jsdelivr.net/npm/@frak-labs/core-sdk@latest/cdn/bundle.js
+            https://cdn.jsdelivr.net/npm/@frak-labs/components@latest/cdn/components.js
diff --git a/.gitignore b/.gitignore
@@ -28,6 +28,7 @@ cdk.context.json
 # production
 build
 dist
+cdn
 
 # misc
 .DS_Store
@@ -54,4 +55,4 @@ packages/wallet/next-env.d.ts
 .idea
 
 # Turbo tmp stuff
-.turbo
+.turbo
diff --git a/biome.json b/biome.json
@@ -7,6 +7,7 @@
             "_types",
             "dist",
             "build",
+            "cdn",
             "node_modules/**",
             ".sst/**",
             ".open-next/**",

diff --git a/example/vanilla-js/index.html b/example/vanilla-js/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Example Vanilla JS</title>
     <link rel="icon" href="/favicon.ico" sizes="32x32"/>
-<!--    <script src="https://cdn.jsdelivr.net/npm/@frak-labs/components@latest/dist/bundle/components.js" defer="defer"></script>-->
+<!--    <script src="https://cdn.jsdelivr.net/npm/@frak-labs/components" defer="defer"></script>-->
     <script src="@/components.js"></script>
     <script type="module" src="/src/main.ts"></script>
 </head>

diff --git a/example/vanilla-js/vite.config.ts b/example/vanilla-js/vite.config.ts
@@ -2,7 +2,7 @@ import { resolve } from "node:path";
 import { defineConfig } from "vite";
 
 const projectRootDir = resolve(__dirname);
-const bundleDir = resolve(projectRootDir, "../../sdk/components/dist/bundle");
+const bundleDir = resolve(projectRootDir, "../../sdk/components/cdn");
 
 export default defineConfig({
     server: {

diff --git a/sdk/components/README.md b/sdk/components/README.md
@@ -15,7 +15,7 @@ To have more info about how does it works under the hood, you can check [this](h
 Add the following script tag to your HTML file:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@frak-labs/components@latest/dist/bundle/components.js" defer="defer"></script>
+<script src="https://cdn.jsdelivr.net/npm/@frak-labs/components" defer="defer"></script>
 ```
 
 ## Quick start

diff --git a/sdk/components/package.json b/sdk/components/package.json
@@ -31,10 +31,12 @@
   "sideEffects": false,
   "private": false,
   "type": "module",
-  "main": "dist/bundle/components.js",
   "files": [
-    "/dist"
+    "/dist",
+    "/cdn"
   ],
+  "main": "./cdn/components.js",
+  "browser": "./cdn/components.js",
   "scripts": {
     "lint": "biome lint .",
     "format:check": "biome check .",

diff --git a/sdk/components/tsup.config.ts b/sdk/components/tsup.config.ts
@@ -5,7 +5,7 @@ export default defineConfig([
         target: "es2022",
         // All of our entry-points
         entry: ["src/components.ts"],
-        outDir: "dist/bundle",
+        outDir: "cdn",
         outExtension() {
             return {
                 js: ".js",

diff --git a/sdk/core/package.json b/sdk/core/package.json
@@ -30,8 +30,10 @@
   "private": false,
   "type": "module",
   "files": [
-    "/dist"
+    "/dist",
+    "/cdn"
   ],
+  "browser": "./cdn/bundle.js",
   "exports": {
     ".": {
       "import": {

diff --git a/sdk/core/src/bundle.ts b/sdk/core/src/bundle.ts
@@ -0,0 +1,3 @@
+export * from "./index";
+export * from "./actions";
+export * from "./interactions";
diff --git a/sdk/core/src/bundle/bundle.ts b/sdk/core/src/bundle/bundle.ts
diff --git a/sdk/core/tsup.config.ts b/sdk/core/tsup.config.ts
@@ -25,8 +25,8 @@ export default defineConfig([
     {
         target: "es2022",
         // All of our entry-points
-        entry: ["src/bundle/bundle.ts"],
-        outDir: "dist/bundle",
+        entry: ["src/bundle.ts"],
+        outDir: "cdn",
         outExtension() {
             return {
                 js: ".js",

diff --git a/sdk/legacy/package.json b/sdk/legacy/package.json
@@ -32,7 +32,8 @@
   "files": [
     "/dist"
   ],
-  "main": "dist/bundle/bundle.js",
+  "main": "./dist/bundle/bundle.js",
+  "browser": "./dist/bundle/bundle.js",
   "scripts": {
     "lint": "biome lint .",
     "format:check": "biome check .",

diff --git a/sdk/react/package.json b/sdk/react/package.json
@@ -32,8 +32,8 @@
   "files": [
     "/dist"
   ],
-  "main": "dist/index.cjs",
-  "types": "dist/index.d.cts",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.cts",
   "exports": {
     ".": {
       "import": {
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,6 +28,7 @@ cdk.context.json @@
     # production
     build
     dist
+    cdn
     # misc
     .DS_Store
@@ Expand All / @@ -54,4 +55,4 @@ packages/wallet/next-env.d.ts @@
     .idea
     # Turbo tmp stuff
-    .turbo
+    .turbo