Remove @themesberg & .bundle.

themesberg · Feb 2, 2022 · a3519c2 · a3519c2
1 parent 3671d6f
commit a3519c2
Show file tree

Hide file tree

Showing 12 changed files with 48 additions and 48 deletions.
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@
 
 <p>
     <a href="https://discord.com/invite/4eeurUVvTy"><img src="https://img.shields.io/discord/902911619032576090?color=%237289da&label=Discord" alt="Discord"></a>
-    <a href="https://www.npmjs.com/package/@themesberg/flowbite"><img src="https://img.shields.io/npm/dt/@themesberg/flowbite.svg" alt="Total Downloads"></a>
+    <a href="https://www.npmjs.com/package/flowbite"><img src="https://img.shields.io/npm/dt/flowbite.svg" alt="Total Downloads"></a>
     <a href="https://github.com/themesberg/flowbite/releases"><img src="https://img.shields.io/npm/v/@themesberg/flowbite.svg" alt="Latest Release"></a>
     <a href="https://flowbite.com/docs/getting-started/license/"><img src="https://img.shields.io/badge/license-MIT-blue" alt="Licenese"></a>
 </p>
@@ -206,7 +206,7 @@ Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" target="
 1. Install Flowbite as a dependency using NPM by running the following command:
 
 ```bash
-npm i @themesberg/flowbite
+npm i flowbite
 ```
 
 2. Require Flowbite as a plugin inside the `tailwind.config.js` file:
@@ -215,7 +215,7 @@ npm i @themesberg/flowbite
 module.exports = {
 
     plugins: [
-        require('@themesberg/flowbite/plugin')
+        require('flowbite/plugin')
     ]
 
 }
@@ -224,13 +224,13 @@ module.exports = {
 3. Include the main JavaScript file to make interactive elements work:
 
 ```html
-<script src="../path/to/@themesberg/flowbite/dist/flowbite.bundle.js"></script>
+<script src="../path/to/flowbite/dist/flowbite.js"></script>
 ```
 
 If you use Webpack or other bundlers you can also import it like this:
 
 ```javascript
-import '@themesberg/flowbite';
+import 'flowbite';
 ```
 
 ### Include via CDN
@@ -240,13 +240,13 @@ The quickest way to get started working with FlowBite is to simply include the C
 Require the following minified stylesheet inside the `head` tag:
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/@themesberg/flowbite@latest/dist/flowbite.min.css" />
+<link rel="stylesheet" href="https://unpkg.com/flowbite@latest/dist/flowbite.min.css" />
 ```
 
 And include the following javascript file before the end of the `body` element:
 
 ```html
-<script src="https://unpkg.com/@themesberg/flowbite@latest/dist/flowbite.bundle.js"></script>
+<script src="https://unpkg.com/flowbite@latest/dist/flowbite.js"></script>
 ```
 
 ## Community

diff --git a/content/customize/configuration.md b/content/customize/configuration.md
@@ -51,7 +51,7 @@ module.exports = {
   },
   plugins: [
     // include Flowbite as a plugin in your Tailwind CSS project
-    require('@themesberg/flowbite/plugin')
+    require('flowbite/plugin')
   ]
 }
 ```
@@ -112,7 +112,7 @@ The `plugins` object lets you define which external plugin you would like to inc
 // tailwind.config.js
 module.exports = {
   plugins: [
-    require('@themesberg/flowbite/plugin'),
+    require('flowbite/plugin'),
     // ...
   ],
 }

diff --git a/content/getting-started/introduction.md b/content/getting-started/introduction.md
@@ -58,7 +58,7 @@ Flowbite is technically a plugin that can be included into any existing Tailwind
 1. Install the latest version of Flowbite using NPM:
 
 ```bash
-npm i @themesberg/flowbite
+npm i flowbite
 ```
 
 2. Include Flowbite as a plugin inside the `tailwind.config.js` file:
@@ -67,7 +67,7 @@ npm i @themesberg/flowbite
 module.exports = {
 
     plugins: [
-        require('@themesberg/flowbite/plugin')
+        require('flowbite/plugin')
     ]
 
 }
@@ -76,7 +76,7 @@ module.exports = {
 3. Require the JavaScript code that powers the interactive elements before the end of your `<body>` tag:
 
 ```html
-<script src="../path/to/@themesberg/flowbite/dist/flowbite.bundle.js"></script>
+<script src="../path/to/flowbite/dist/flowbite.js"></script>
 ```
 
 4. Additionally to your own `content` data you should add `flowbite` to apply the classes from the interactive elements in the `tailwind.config.js` file:
@@ -85,7 +85,7 @@ module.exports = {
 module.exports = {
 
     content: [
-        "./node_modules/@themesberg/flowbite/**/*.js"
+        "./node_modules/flowbite/**/*.js"
     ]
 
 }
@@ -94,7 +94,7 @@ module.exports = {
 If you use Webpack or other bundlers you can also import it like this:
 
 ```javascript
-import '@themesberg/flowbite';
+import 'flowbite';
 ```
 
 ### Tailwind CSS v2.x
@@ -112,13 +112,13 @@ If you want to quickly test out Flowbite you can easily include the following CS
 Require the following minified stylesheet inside the `head` tag:
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/@themesberg/flowbite@{{< current_version >}}/dist/flowbite.min.css" />
+<link rel="stylesheet" href="https://unpkg.com/flowbite@{{< current_version >}}/dist/flowbite.min.css" />
 ```
 
 And include the following javascript file before the end of the `body` element:
 
 ```html
-<script src="https://unpkg.com/@themesberg/flowbite@{{< current_version >}}/dist/flowbite.bundle.js"></script>
+<script src="https://unpkg.com/flowbite@{{< current_version >}}/dist/flowbite.js"></script>
 ```
 
 Please remember that the best way to work with Tailwind CSS and Flowbite is by purging the CSS classes.

diff --git a/content/getting-started/laravel.md b/content/getting-started/laravel.md
@@ -49,7 +49,7 @@ This command will initialize a blank Laravel project that you can get started wi
 3. Install Tailwind CSS and Flowbite using NPM:
 
 ```javascript
-npm install -D tailwindcss postcss autoprefixer @themesberg/flowbite
+npm install -D tailwindcss postcss autoprefixer flowbite
 ```
 
 4. Create a Tailwind CSS config file:
@@ -68,13 +68,13 @@ module.exports = {
       "./resources/**/*.blade.php",
       "./resources/**/*.js",
       "./resources/**/*.vue",
-      "./node_modules/@themesberg/flowbite/**/*.js"
+      "./node_modules/flowbite/**/*.js"
     ],
     theme: {
       extend: {},
     },
     plugins: [
-        require('@themesberg/flowbite/plugin')
+        require('flowbite/plugin')
     ],
   }
 ```
@@ -107,16 +107,16 @@ mix.js("resources/js/app.js", "public/js")
 <link href="/css/app.css" rel="stylesheet">
 ```
 
-9. Require the `flowbite.bundle.js` file before the end of the `<body>` tag:
+9. Require the `flowbite.js` file before the end of the `<body>` tag:
 
 ```html
-<script src="../path/to/@themesberg/flowbite/dist/flowbite.bundle.js"></script>
+<script src="../path/to/flowbite/dist/flowbite.js"></script>
 ```
 
 Alternatively, you can also include the JavaScript file using CDN:
 
 ```html
-<script src="https://unpkg.com/@themesberg/flowbite@{{< current_version >}}/dist/flowbite.bundle.js"></script>
+<script src="https://unpkg.com/flowbite@{{< current_version >}}/dist/flowbite.js"></script>
 ```
 
 Now that you've set everything up start up a local development server using `php artisan serve` and run the build process for Webpack by using `npm run watch`.

diff --git a/content/getting-started/quickstart.md b/content/getting-started/quickstart.md
@@ -20,7 +20,7 @@ Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" target="
 1. Install Flowbite as a dependency using NPM by running the following command:
 
 ```bash
-npm i @themesberg/flowbite
+npm i flowbite
 ```
 
 2. Require Flowbite as a plugin inside the `tailwind.config.js` file:
@@ -29,7 +29,7 @@ npm i @themesberg/flowbite
 module.exports = {
 
     plugins: [
-        require('@themesberg/flowbite/plugin')
+        require('flowbite/plugin')
     ]
 
 }
@@ -38,7 +38,7 @@ module.exports = {
 3. Include the main JavaScript file to make interactive elements work:
 
 ```html
-<script src="../path/to/@themesberg/flowbite/dist/flowbite.js"></script>
+<script src="../path/to/flowbite/dist/flowbite.js"></script>
 ```
 
 4. Additionally to your own `content` data you should add `flowbite` to apply the classes from the interactive elements in the `tailwind.config.js` file:
@@ -47,7 +47,7 @@ module.exports = {
 module.exports = {
 
     content: [
-        "./node_modules/@themesberg/flowbite/**/*.js"
+        "./node_modules/flowbite/**/*.js"
     ]
 
 }
@@ -56,7 +56,7 @@ module.exports = {
 If you use Webpack or other bundlers you can also import it like this:
 
 ```javascript
-import '@themesberg/flowbite';
+import 'flowbite';
 ```
 
 ### Tailwind CSS v2.x
@@ -74,13 +74,13 @@ The quickest way to get started working with FlowBite is to simply include the C
 Require the following minified stylesheet inside the `head` tag:
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/@themesberg/flowbite@{{< current_version >}}/dist/flowbite.min.css" />
+<link rel="stylesheet" href="https://unpkg.com/flowbite@{{< current_version >}}/dist/flowbite.min.css" />
 ```
 
 And include the following javascript file before the end of the `body` element:
 
 ```html
-<script src="https://unpkg.com/@themesberg/flowbite@{{< current_version >}}/dist/flowbite.bundle.js"></script>
+<script src="https://unpkg.com/flowbite@{{< current_version >}}/dist/flowbite.js"></script>
 ```
 
 ## React

diff --git a/content/getting-started/react.md b/content/getting-started/react.md
@@ -59,7 +59,7 @@ module.exports = {
 5. Install Flowbite by running the following command in your terminal:
 
 ```bash
-npm install @themesberg/flowbite
+npm install flowbite
 ```
 
 6. Require Flowbite as a plugin inside your `tailwind.config.js` file:
@@ -68,7 +68,7 @@ npm install @themesberg/flowbite
 module.exports = {
 
     plugins: [
-        require('@themesberg/flowbite/plugin')
+        require('flowbite/plugin')
     ]
 
 }
@@ -77,7 +77,7 @@ module.exports = {
 7. Import the Flowbite JavaScript file inside your main `index.js` file:
 
 ```bash
-import '@themesberg/flowbite';
+import 'flowbite';
 ```
 
 8. Additionally to your own `content` data you should add `flowbite` to apply the classes from the interactive elements in the `tailwind.config.js` file:
@@ -86,7 +86,7 @@ import '@themesberg/flowbite';
 module.exports = {
 
     content: [
-        "./node_modules/@themesberg/flowbite/**/*.js"
+        "./node_modules/flowbite/**/*.js"
     ]
 
 }

diff --git a/content/getting-started/vue.md b/content/getting-started/vue.md
@@ -72,7 +72,7 @@ createApp(App).mount('#app')
 6. Install Flowbite by running the following command in your terminal:
 
 ```bash
-npm install @themesberg/flowbite
+npm install flowbite
 ```
 
 7. Require Flowbite as a plugin inside your `tailwind.config.js` file:
@@ -81,7 +81,7 @@ npm install @themesberg/flowbite
 module.exports = {
 
     plugins: [
-        require('@themesberg/flowbite/plugin')
+        require('flowbite/plugin')
     ]
 
 }
@@ -90,7 +90,7 @@ module.exports = {
 8. Import the Flowbite JavaScript file inside your main `./src/main.js` file:
 
 ```bash
-import '@themesberg/flowbite';
+import 'flowbite';
 ```
 
 9. Additionally to your own `content` data you should add `flowbite` to apply the classes from the interactive elements in the `tailwind.config.js` file:
@@ -99,7 +99,7 @@ import '@themesberg/flowbite';
 module.exports = {
 
     content: [
-        "./node_modules/@themesberg/flowbite/**/*.js"
+        "./node_modules/flowbite/**/*.js"
     ]
 
 }

diff --git a/content/plugins/datepicker.md b/content/plugins/datepicker.md
@@ -14,17 +14,17 @@ The Tailwind CSS datepicker component developed by Flowbite is built with vanill
 
 ## Getting started
 
-If you want to use the datepicker component plugin from Flowbite you have to include the `datepicker.bundle.js` file either from NPM or CDN into your project.
+If you want to use the datepicker component plugin from Flowbite you have to include the `datepicker.js` file either from NPM or CDN into your project.
 
 Follow the [quickstart guide]({{< ref "getting-started/quickstart" >}}) and then include the following JavaScript file:
 
 ```html
-<script src="../path/to/@themesberg/flowbite/dist/datepicker.bundle.js"></script>
+<script src="../path/to/flowbite/dist/datepicker.js"></script>
 ```
 Alternatively you can also use CDN to include the datepicker JavaScript.
 
 ```html
-<script src="https://unpkg.com/@themesberg/flowbite@{{< current_version >}}/dist/datepicker.bundle.js"></script>
+<script src="https://unpkg.com/flowbite@{{< current_version >}}/dist/datepicker.js"></script>
 ```
 
 If you'd like to manually be able to manipulate the datepicker component using JavaScript then you should <a href="#javascript">install the plugin using NPM</a> and include it into your JavaScript code.

diff --git a/layouts/_default/examples.html b/layouts/_default/examples.html
@@ -12,7 +12,7 @@
     {{ partial "stylesheet" . }}
     {{ partial "favicons" . }}
 
-    <script src="{{ .Site.BaseURL }}/js/docs.bundle.js"></script>
+    <script src="{{ .Site.BaseURL }}/js/docs.js"></script>
 
     {{ with .Params.robots -}}
     <meta name="robots" content="{{ . }}">

diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
@@ -1,6 +1,6 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"
     integrity="sha512-axJX7DJduStuBB8ePC8ryGzacZPr3rdLaIDZitiEgWWk2gsXxEFlm4UW0iNzj2h3wp5mOylgHAzBzM4nRSvTZA=="
     crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="{{ .Site.BaseURL }}flowbite.bundle.js?v=1.3.1a"></script>
-<script src="{{ .Site.BaseURL }}datepicker.bundle.js?v=1.3.1a"></script>
-<script src="{{ .Site.BaseURL }}docs.bundle.js?v=1.3.1a"></script>
+<script src="{{ .Site.BaseURL }}flowbite.js?v=1.3.1a"></script>
+<script src="{{ .Site.BaseURL }}datepicker.js?v=1.3.1a"></script>
+<script src="{{ .Site.BaseURL }}docs.js?v=1.3.1a"></script>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "@themesberg/flowbite",
+  "name": "flowbite",
   "version": "1.3.0",
-  "description": "Open-source library of Tailwind CSS components and interactive elements.",
+  "description": "The most popular library of interactive components built with Tailwind CSS",
   "keywords": [
     "flowbite",
     "html",
@@ -38,7 +38,7 @@
     "build:webpack": "webpack --mode=production",
     "build:css:min": "NPM_ENV=production npx postcss src/flowbite.css  > dist/flowbite.min.css",
     "build:css": "NPM_ENV=development npx postcss src/flowbite.css  > dist/flowbite.css",
-    "build:js": "run-s build:webpack && copyfiles --flat static/flowbite.bundle.js dist && copyfiles --flat static/flowbite.bundle.js.map dist && copyfiles --flat static/datepicker.bundle.js dist && copyfiles --flat static/datepicker.bundle.js.map dist",
+    "build:js": "run-s build:webpack && copyfiles --flat static/flowbite.js dist && copyfiles --flat static/flowbite.js.map dist && copyfiles --flat static/datepicker.js dist && copyfiles --flat static/datepicker.js.map dist",
     "build:npm": "run-s build:css:min build:css build:js"
   },
   "devDependencies": {

diff --git a/webpack.config.js b/webpack.config.js
@@ -10,7 +10,7 @@ module.exports = {
     docs: path.resolve(__dirname, 'src/docs.js')
   },
   output: {
-    filename: '[name].bundle.js',
+    filename: '[name].js',
     path: path.resolve(__dirname, 'static/'),
   },
   module: {