astro-loading-indicator - npm Package Compare versions

Comparing version 0.1.2 to 0.2.0

CHANGELOG.md

 # astro-loading-indicator
 
+## 0.2.0
+
+### Minor Changes
+
+- 5bdacd7: Removes the integration API and fixes the component
+
 ## 0.1.2
@@ -4,0 +10,0 @@

package.json

 {
   "name": "astro-loading-indicator",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Display a progress bar between page navigations when using View Transitions",
@@ -12,3 +12,2 @@ "author": {
   "keywords": [
-    "astro-integration",
     "astro-component",
@@ -25,4 +24,3 @@ "withastro",
   "exports": {
-    ".": "./src/index.ts",
-    "./deps": "./src/deps.ts"
+    "./component": "./src/LoadingIndicator.astro"
   },
@@ -34,3 +32,2 @@ "type": "module",
   "dependencies": {
-    "astro-integration-kit": "^0.0.2",
     "nprogress": "^0.2.0"
@@ -37,0 +34,0 @@ },

README.md

@@ -13,55 +13,2 @@ # `astro-loading-indicator`
 
-This package can be used in 2 ways:
-
-- As an integration
-- As a component
-
-Scroll down if you want to see how to use the component!
-
-#### Integration
-
-Install the integration **automatically** using the Astro CLI:
-
-```bash
-pnpm astro add astro-loading-indicator
-```
-
-```bash
-npm astro add astro-loading-indicator
-```
-
-```bash
-yarn astro add astro-loading-indicator
-```
-
-Or install it **manually**:
-
-1. Install the required dependencies
-
-```bash
-pnpm add astro-loading-indicator
-```
-
-```bash
-npm install astro-loading-indicator
-```
-
-```bash
-yarn add astro-loading-indicator
-```
-
-2. Add the integration to your astro config
-
-```diff
-+import astroLoadingIndicator from "astro-loading-indicator";
-
-export default defineConfig({
-  integrations: [
-+    astroLoadingIndicator({ ... }),
-  ],
-});
-```
-
-#### Component
-
 Install the package **manually**:
@@ -88,3 +35,3 @@
 import { ViewTransitions } from "astro:transitions";
-+import { LoadingIndicator } from "astro-loading-indicator"
++import LoadingIndicator from "astro-loading-indicator/component"
 
@@ -106,3 +53,3 @@ ---
 ```ts
-export type Options = {
+export type Props = {
     color: string;
@@ -117,17 +64,2 @@ height?: string;
 
-```ts
-import { defineConfig } from "astro/config";
-import astroLoadingIndicator from "astro-loading-indicator";
-
-export default defineConfig({
-  integrations: [
-    astroLoadingIndicator({ 
-      color: "#7e22ce",
-      // color: "red",
-      // color: "var(--myColor)"
-     }),
-  ],
-});
-```
-
 ```tsx
@@ -145,16 +77,2 @@ <LoadingIndicator
 
-```ts
-import { defineConfig } from "astro/config";
-import astroLoadingIndicator from "astro-loading-indicator";
-
-export default defineConfig({
-  integrations: [
-    astroLoadingIndicator({
-      // ...
-      height: "1rem",
-     }),
-  ],
-});
-```
-
 ```tsx
@@ -161,0 +79,0 @@ <LoadingIndicator

New alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Improved metrics

Dependency count

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

6015

decreased by-33.17%

Number of package files

6

decreased by-45.45%

Lines of code

6

decreased by-93.26%

Number of lines in readme file

108

decreased by-43.16%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedastro-integration-kit@^0.0.2

• - Removedastro-integration-kit@0.0.2(transitive)