Move to a single package that targets ES2017 and ESM only (#421)

* Move to a single package that targets ES2017 and ESM only * include tests again * cleanup * reorg `src/tests/` folder * adjustments to build and test setup * Produce UMD format for those still not on ESM It's easy enough to do, so no reason as yet not to. * Use mode recent node * No need for TS on this redirection package * Prepare the redirection package But now I have second thoughts as to whether it's a good idea in any case. * Only include dist packages + types * Update all imports to the new package * Update old reference * Fix yalc reference * Update which files are included in the package * Update copyright dates * build project to es5 to able to run it with karma * Merge pull request #432 from adrienpoly/fix-dispatch Move dispatch helper from context to controller * fix fixtures paths for use with karma * fix `webpack-helpers` test * don't specify karma plugins explictly * freshen karma browser list * Fix yarn lock Co-authored-by: Marco Roth <[email protected]>
hotwired · Sep 2, 2021 · 44943a3 · 44943a3
1 parent 486b456
commit 44943a3
Show file tree

Hide file tree

Showing 160 changed files with 2,647 additions and 5,945 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,3 +4,4 @@ node_modules/
 docs/api/
 *.log
 *.tsbuildinfo
+*.d.ts
diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-16.2.0
+16.7.0
diff --git a/packages/@stimulus/core/.npmignore → .npmignore b/packages/@stimulus/core/.npmignore → .npmignore
diff --git a/LICENSE.md b/LICENSE.md
@@ -1,6 +1,6 @@
 # MIT License
 
-Copyright © 2020 Basecamp, LLC.
+Copyright © 2021 Basecamp, LLC.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ Then write a compatible controller. Stimulus brings it to life automatically:
 
 ```js
 // hello_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "name", "output" ]
@@ -64,4 +64,4 @@ Continuous integration VMs generously provided by [Sauce Labs](https://saucelabs
 
 ---
 
-© 2020 Basecamp, LLC.
+© 2021 Basecamp, LLC.
diff --git a/docs/handbook/02_hello_stimulus.md b/docs/handbook/02_hello_stimulus.md
@@ -50,7 +50,7 @@ Let's create our first controller by extending the framework's built-in `Control
 
 ```js
 // src/controllers/hello_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
 }
@@ -78,7 +78,7 @@ One way is to put a log statement in the `connect()` method, which Stimulus call
 Implement the `connect()` method in `hello_controller.js` as follows:
 ```js
 // src/controllers/hello_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   connect() {
@@ -97,7 +97,7 @@ Start by renaming `connect()` to `greet()`:
 
 ```js
 // src/controllers/hello_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   greet() {
@@ -147,7 +147,7 @@ Let's try it out. Open `hello_controller.js` and update it like so:
 
 ```js
 // src/controllers/hello_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "name" ]
@@ -170,7 +170,7 @@ That means we have an arsenal of standard refactoring techniques at our disposal
 
 ```js
 // src/controllers/hello_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "name" ]

diff --git a/docs/handbook/03_building_something_real.md b/docs/handbook/03_building_something_real.md
@@ -35,7 +35,7 @@ Next, create `src/controllers/clipboard_controller.js` and add an empty method `
 
 ```js
 // src/controllers/clipboard_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   copy() {

diff --git a/docs/handbook/05_managing_state.md b/docs/handbook/05_managing_state.md
@@ -34,7 +34,7 @@ Let's draft our controller. Create a new file, `src/controllers/slideshow_contro
 
 ```js
 // src/controllers/slideshow_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "slide" ]
@@ -143,7 +143,7 @@ Reload the page and verify that the console shows `1` and `Number`.
 Now let's update `initialize()` and the other methods in the controller to use `this.indexValue` instead of `this.index`. Here's how the controller should look when we're done:
 
 ```js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "slide" ]
@@ -182,7 +182,7 @@ We can define a Stimulus value change callback to clean up the repetition and sp
 First, remove the `initialize()` method and define a new method, `indexValueChanged()`. Then remove the calls to `this.showCurrentSlide()` from `next()` and `previous()`:
 
 ```js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "slide" ]

diff --git a/docs/handbook/06_working_with_external_resources.md b/docs/handbook/06_working_with_external_resources.md
@@ -36,7 +36,7 @@ Now we can implement our controller:
 
 ```js
 // src/controllers/content_loader_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static values = { url: String }
@@ -139,7 +139,7 @@ Let's take a look at our final controller class:
 
 ```js
 // src/controllers/content_loader_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static values = { url: String, refreshInterval: Number }

diff --git a/docs/handbook/07_installing_stimulus.md b/docs/handbook/07_installing_stimulus.md
@@ -18,7 +18,7 @@ Call webpack's [`require.context`](https://webpack.js.org/api/module-methods/#re
 
 ```js
 // src/application.js
-import { Application } from "stimulus"
+import { Application } from "@hotwired/stimulus"
 import { definitionsFromContext } from "stimulus/webpack-helpers"
 
 window.Stimulus = Application.start()
@@ -51,7 +51,7 @@ Stimulus works with other build systems, too, but without support for controller
 
 ```js
 // src/application.js
-import { Application } from "stimulus"
+import { Application } from "@hotwired/stimulus"
 
 import HelloController from "./controllers/hello_controller"
 import ClipboardController from "./controllers/clipboard_controller"
@@ -124,7 +124,7 @@ If your application needs to support older browsers like Internet Explorer 11, i
 ```js
 // src/application.js
 import "@stimulus/polyfills"
-import { Application } from "stimulus"
+import { Application } from "@hotwired/stimulus"
 
 window.Stimulus = Application.start()
 // …
@@ -140,7 +140,7 @@ You can override how Stimulus handles errors by defining `Application#handleErro
 
 ```js
 // src/application.js
-import { Application } from "stimulus"
+import { Application } from "@hotwired/stimulus"
 window.Stimulus = Application.start()
 
 Stimulus.handleError = (error, message, detail) => {

diff --git a/docs/reference/actions.md b/docs/reference/actions.md
@@ -19,7 +19,7 @@ _Actions_ are how you handle DOM events in your controllers.
 
 ```js
 // controllers/gallery_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   next(event) {

diff --git a/docs/reference/controllers.md b/docs/reference/controllers.md
@@ -9,7 +9,7 @@ order: 00
 A _controller_ is the basic organizational unit of a Stimulus application.
 
 ```js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   // …
@@ -141,7 +141,7 @@ application.register("reference", ReferenceController)
 You can also register a controller class inline instead of importing it from a module:
 
 ```js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 application.register("reference", class extends Controller {
   // …

diff --git a/docs/reference/css_classes.md b/docs/reference/css_classes.md
@@ -29,7 +29,7 @@ Define CSS classes by logical name in your controller using the `static classes`
 
 ```js
 // controllers/search_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static classes = [ "loading" ]

diff --git a/docs/reference/lifecycle_callbacks.md b/docs/reference/lifecycle_callbacks.md
@@ -10,7 +10,7 @@ Special methods called _lifecycle callbacks_ allow you to respond whenever a con
 <meta data-controller="callout" data-callout-text-value="connect()">
 
 ```js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   connect() {

diff --git a/docs/reference/targets.md b/docs/reference/targets.md
@@ -38,7 +38,7 @@ Define target names in your controller class using the `static targets` array:
 
 ```js
 // controllers/search_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "query", "errorMessage", "results" ]

diff --git a/docs/reference/values.md b/docs/reference/values.md
@@ -21,7 +21,7 @@ You can read and write [HTML data attributes](https://developer.mozilla.org/en-U
 
 ```js
 // controllers/loader_controller.js
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static values = { url: String }

diff --git a/packages/@stimulus/examples/.babelrc → examples/.babelrc b/packages/@stimulus/examples/.babelrc → examples/.babelrc
diff --git a/...mples/controllers/clipboard_controller.js → examples/controllers/clipboard_controller.js b/...mples/controllers/clipboard_controller.js → examples/controllers/clipboard_controller.js
@@ -1,4 +1,4 @@
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "source" ]

diff --git a/.../controllers/content_loader_controller.js → .../controllers/content_loader_controller.js b/.../controllers/content_loader_controller.js → .../controllers/content_loader_controller.js
@@ -1,4 +1,4 @@
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ["item"]

diff --git a/.../examples/controllers/hello_controller.js → examples/controllers/hello_controller.js b/.../examples/controllers/hello_controller.js → examples/controllers/hello_controller.js
@@ -1,4 +1,4 @@
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ["name"]

diff --git a/...mples/controllers/slideshow_controller.js → examples/controllers/slideshow_controller.js b/...mples/controllers/slideshow_controller.js → examples/controllers/slideshow_controller.js
@@ -1,4 +1,4 @@
-import { Controller } from "stimulus"
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = [ "slide" ]

diff --git a/packages/@stimulus/examples/index.js → examples/index.js b/packages/@stimulus/examples/index.js → examples/index.js
@@ -1,6 +1,5 @@
 import "@stimulus/polyfills"
-import { Application } from "@stimulus/core"
-import { definitionsFromContext } from "@stimulus/webpack-helpers"
+import { Application, definitionsFromContext } from "@hotwired/stimulus"
 import Turbolinks from "turbolinks"
 
 Turbolinks.start()

diff --git a/packages/@stimulus/examples/package.json → examples/package.json b/packages/@stimulus/examples/package.json → examples/package.json
@@ -5,6 +5,7 @@
   "dependencies": {
     "@babel/core": "^7.5.5",
     "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/plugin-transform-runtime": "^7.14.5",
     "@babel/preset-env": "^7.5.5",
     "babel-loader": "^8.0.6",
     "ejs": "^2.6.1",

diff --git a/...es/@stimulus/examples/public/examples.css → examples/public/examples.css b/...es/@stimulus/examples/public/examples.css → examples/public/examples.css
diff --git a/...ges/@stimulus/examples/public/favicon.ico → examples/public/favicon.ico b/...ges/@stimulus/examples/public/favicon.ico → examples/public/favicon.ico
diff --git a/packages/@stimulus/examples/public/logo.svg → examples/public/logo.svg b/packages/@stimulus/examples/public/logo.svg → examples/public/logo.svg
diff --git a/packages/@stimulus/examples/public/main.css → examples/public/main.css b/packages/@stimulus/examples/public/main.css → examples/public/main.css
diff --git a/packages/@stimulus/examples/server.js → examples/server.js b/packages/@stimulus/examples/server.js → examples/server.js
diff --git a/...es/@stimulus/examples/tsconfig.build.json → examples/tsconfig.build.json b/...es/@stimulus/examples/tsconfig.build.json → examples/tsconfig.build.json
diff --git a/...es/@stimulus/examples/views/clipboard.ejs → examples/views/clipboard.ejs b/...es/@stimulus/examples/views/clipboard.ejs → examples/views/clipboard.ejs
@@ -1,7 +1,7 @@
 <% include layout/head %>
 
 <p data-controller="clipboard" data-clipboard-supported-class="clipboard--supported">
-  <input data-clipboard-target="source" class="clipboard-source" type="text" value="https://stimulusjs.org" readonly>
+  <input data-clipboard-target="source" class="clipboard-source" type="text" value="https://stimulus.hotwired.dev" readonly>
   <button data-action="clipboard#copy" class="clipboard-button">Copy</button>
 </p>
 

diff --git a/...timulus/examples/views/content-loader.ejs → examples/views/content-loader.ejs b/...timulus/examples/views/content-loader.ejs → examples/views/content-loader.ejs
diff --git a/packages/@stimulus/examples/views/hello.ejs → examples/views/hello.ejs b/packages/@stimulus/examples/views/hello.ejs → examples/views/hello.ejs
diff --git a/.../@stimulus/examples/views/layout/head.ejs → examples/views/layout/head.ejs b/.../@stimulus/examples/views/layout/head.ejs → examples/views/layout/head.ejs
diff --git a/.../@stimulus/examples/views/layout/tail.ejs → examples/views/layout/tail.ejs b/.../@stimulus/examples/views/layout/tail.ejs → examples/views/layout/tail.ejs
diff --git a/...es/@stimulus/examples/views/slideshow.ejs → examples/views/slideshow.ejs b/...es/@stimulus/examples/views/slideshow.ejs → examples/views/slideshow.ejs
diff --git a/...ages/@stimulus/examples/webpack.config.js → examples/webpack.config.js b/...ages/@stimulus/examples/webpack.config.js → examples/webpack.config.js