@perceptimagery/dita-configurator-staging 0.1.3001 → 0.1.4001

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,42 +1,27 @@
1
- # Embed-preview
2
- | An embeddable package for `Previewing` SKUs
3
-
4
-
5
- ## Documentation
6
- https://docs.sprie.io/docs/embed/
7
-
8
- ## Usage
9
- Prod: `https://cdn.jsdelivr.net/npm/@perceptimagery/sprie-embed@latest`
10
- Dev : `https://cdn.jsdelivr.net/npm/@perceptimagery/sprie-embed-staging@latest`
11
-
12
- ```HTML
13
- <!-- index.html -->
14
-
15
-
16
- <!-- Declare element with class `sprie-embed-element` and data-sku. This will get transformed after authentication -->
17
- <div
18
- class="sprie-embed-element"
19
- data-sku="{sku}"
20
- ></div>
21
-
22
- <!-- To inject custom css class to underlying iframe, add data-class property -->
23
- <div
24
- class="sprie-embed-element"
25
- data-sku="{sku}"
26
- data-class="custom-element-class"
27
- ></div>
28
-
29
- <!-- Inject `Sprie Embed` from CDN -->
30
- <script src="https://cdn.jsdelivr.net/npm/@perceptimagery/sprie-embed@latest?apikey={apikey}"></script>
31
-
32
- ```
33
-
34
-
35
- ## Demo
36
- ![](demo.png)
37
-
38
-
39
-
40
- ## [ TODO ]
41
- - [✅] removed React
42
- - [✅] authentication doesnt resolve intitally. Has to be reloaded.
1
+ # React + TypeScript + Vite
2
+
3
+ This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4
+
5
+ Currently, two official plugins are available:
6
+
7
+ - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8
+ - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9
+
10
+ ## Expanding the ESLint configuration
11
+
12
+ If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
13
+
14
+ - Configure the top-level `parserOptions` property like this:
15
+
16
+ ```js
17
+ parserOptions: {
18
+ ecmaVersion: 'latest',
19
+ sourceType: 'module',
20
+ project: ['./tsconfig.json', './tsconfig.node.json'],
21
+ tsconfigRootDir: __dirname,
22
+ },
23
+ ```
24
+
25
+ - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
26
+ - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
27
+ - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
@@ -0,0 +1,14 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Design Component System</title>
8
+
9
+ </head>
10
+ <body>
11
+ <div id="dita-3dconfig-element" style="width: 500px;"></div>
12
+ </body>
13
+ <script src="index.js"></script>
14
+ </html>