unloosen 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 31c991d2164a28b38f794bfa961300829ce09fe06e893396f39a3e7661622e0d
-  data.tar.gz: 9d97a34c4e6678e3ec1cbe3b513418c57fed8c1d0ef615e532410b91f7ef213a
+  metadata.gz: 825e63b3a67a11249de018f01c5608abaeca9309d067af85847954f2759d08d9
+  data.tar.gz: 2020bbf1befcd022c8d5f6716c933774ddf6804bd25fc32cd7d0976b11f66081
 SHA512:
-  metadata.gz: db50bb1c5db267db9e1bd559209736b3d91a734a1c1cc5cf82cb076ef4c9fcfcb230eb53c0e0105ca8ac2abdce7f92262208e84beb33b846ca71c7ea9fcb7a6f
-  data.tar.gz: f8af9579e2291ad63d3804ed76a13de05224ebc5f95422fc1c59fe319e1032b184a88889130fd4fddd47292b99a5c20e2f7671bef2f4db930e9544825692209f
+  metadata.gz: 36b9480351c75db86e5f614d94734c14186ec6e2a5354f529041515d0a14321536da488db05cdbfd8bb1b03eecf02f8fb28e5f63ee8b709ae6d067c4971c2abf
+  data.tar.gz: e158068c11d7ac65fafb9a2fab8733b8f78df635de51ad2cb713aa0c77cfd1a3256e69f91e71a2df1f5dd91b057c1f660b0d64ffd31488ad69c9c7bf859b117a

data/Gemfile

@@ -5,8 +5,8 @@ source "https://rubygems.org"
 # Specify your gem's dependencies in unloosen.gemspec
 gemspec
 
-ruby '= 3.2.0'
+ruby '3.2.0'
 
-gem "rake", "~> 13.0"
+gem "rake", "~> 13.0", groups: [:development]
 
-gem "rspec", "~> 3.0"
+gem "rspec", "~> 3.0", groups: [:development]

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    unloosen (0.1.1)
+    unloosen (0.1.2)
 
 GEM
   remote: https://rubygems.org/
@@ -12,12 +12,12 @@ GEM
       rspec-core (~> 3.12.0)
       rspec-expectations (~> 3.12.0)
       rspec-mocks (~> 3.12.0)
-    rspec-core (3.12.0)
+    rspec-core (3.12.2)
       rspec-support (~> 3.12.0)
-    rspec-expectations (3.12.0)
+    rspec-expectations (3.12.3)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.12.0)
-    rspec-mocks (3.12.0)
+    rspec-mocks (3.12.5)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.12.0)
     rspec-support (3.12.0)

data/README.md

@@ -59,23 +59,25 @@ access http://www.example.com/
 
 when everything goes fine, the header will be "Unloosen Example Page!".
 
-# template
+# examples
 
-download this template repository!
+[example extensions](https://github.com/aaaa777/unloosen/tree/main/examples)
 
+<!--download this template repository!-->
 
-# how unloosen works
 
+# how unloosen works
 
+![wbRubykaigi2023Slide-how unloosen works drawio](https://github.com/aaaa777/unloosen/assets/27488794/a298e4e7-e85d-4f94-a02c-f745a0a9e916)
 
 # supported function
 |name|method alias|loadfile|
 |:-|:-|:-|
-|[Popup]([https://googledoc/popup](https://developer.chrome.com/docs/extensions/reference/action/#manifest))|popup|module-popup.esm.js|
-|[Content Script](https://developer.chrome.com/docs/extensions/mv3/content_scripts/#static-declarative)|content_script|loader-content-script.esm.js|
-|[Background](https://developer.chrome.com/docs/extensions/mv3/service_workers/basics/#import-scripts)|background|module-background.esm.js|
-|[SandBox(WIP)](https://developer.chrome.com/docs/extensions/mv3/manifest/sandbox/)|sandbox|module-sandbox.esm.js|
-|[OnInstalled event](https://developer.chrome.com/docs/extensions/reference/runtime/#event-onInstalled)|on_installed|module-background.esm.js|
+|[Popup](https://developer.chrome.com/docs/extensions/reference/action/#manifest)|popup|`module-popup.esm.js`|
+|[Content Script](https://developer.chrome.com/docs/extensions/mv3/content_scripts/#static-declarative)|content_script|`loader-content-script.esm.js` and `module-content-script.esm.js`(both required)|
+|[Background](https://developer.chrome.com/docs/extensions/mv3/service_workers/basics/#import-scripts)|background|`module-background.esm.js`|
+|[SandBox(WIP)](https://developer.chrome.com/docs/extensions/mv3/manifest/sandbox/)|sandbox|`module-sandbox.esm.js`|
+|[OnInstalled event](https://developer.chrome.com/docs/extensions/reference/runtime/#event-onInstalled)|on_installed|`module-background.esm.js`|
 
 
 
@@ -87,19 +89,9 @@ TODO: Delete this and the text above, and describe your gem
 
 ## Installation
 
-Add this line to your application's Gemfile:
-
-```ruby
-gem 'unloosen'
-```
-
-And then execute:
-
-    $ bundle install
-
-Or install it yourself as:
+install with `npm i unloosen-ruby-loader`
 
-    $ gem install unloosen
+after downloading, loader/module files in `node_modules/unloosen-ruby-loader/dist/entry/*.esm.js`
 
 ## Contributing
 

data/Rakefile

@@ -68,7 +68,7 @@ namespace :build do
 end
 
 namespace :copy do
-    desc "copy files"
+    desc "copy wasm into examples"
     task :wasm, ['example'] do |task, args|
         sh "cp ruby-packed.wasm packages/unloosen-ruby/dist/ruby.wasm"
         if args.to_a.include?('example') then
@@ -76,8 +76,15 @@ namespace :copy do
             sh "cp ruby-packed.wasm examples/simple-content-script/ruby.wasm"
         end
     end
+
+    desc "copy readme into npm package"
+    task :readme do
+        sh "cp -p README.md packages/unloosen-ruby/"
+    end
 end
 
+namespace :version do
+end
 
 
 namespace :setup do

data/app.rb

@@ -1,57 +1,57 @@
-
-# p JS.global[:chrome][:runtime].call(:getURL, "manifest.json")
-require "unloosen"
-
-# add_require_remote_uri "https://raw.githubusercontent.com/rtomayko/tilt/master/lib/"
-# add_require_remote_uri "https://raw.githubusercontent.com/haml/haml/master/lib/"
-# add_require_remote_uri "https://raw.githubusercontent.com/judofyr/temple/master/lib"
-# require "haml"
-# require "tilt"
-
-# simple unloosen version like sinatro
-#require_relative "lib/unloosen_simple"
-
-# when popup message
-#popup do
-    # popup last value
-    "テストメッセージ"
-#end
-p "app loaded"
-# when load site
-p "current_event: #{Unloosen::CURRENT_EVENT}"
-p "on_installed: #{Unloosen.const_defined?("ON_INSTALLED")}"
-
-on_installed do
-    p chrome.contextMenus.create(
-        JS.try_convert_hash({
-            "id": "sampleContextMenu",
-            "title": "Sample Context Menu",
-            "contexts": ["selection"]
-        })
-    )
-end
-
-content_script sites: ["http://www.example.com/", /^*.google.com$/] do
-    p("hello, world!")
-    p alert("test")
-end
-
-background do
-    console.log("hello, world3!")
-end
-
-popup do
-    main_div = document.getElementsByClassName('omikuji')[0]
-    btn = document.createElement('button')
-    btn.innerText = 'draw omikuji'
-    res = document.createElement('h2')
-
-    btn.addEventListener('click') do |e|
-        res.innerText = ['lucky', 'unlucky'].sample
-    end
-
-    main_div.innerText = ''
-    main_div.appendChild(res)
-    main_div.appendChild(btn)
-end
-
+
+# p JS.global[:chrome][:runtime].call(:getURL, "manifest.json")
+require "unloosen"
+
+# add_require_remote_uri "https://raw.githubusercontent.com/rtomayko/tilt/master/lib/"
+# add_require_remote_uri "https://raw.githubusercontent.com/haml/haml/master/lib/"
+# add_require_remote_uri "https://raw.githubusercontent.com/judofyr/temple/master/lib"
+# require "haml"
+# require "tilt"
+
+# simple unloosen version like sinatro
+#require_relative "lib/unloosen_simple"
+
+# when popup message
+#popup do
+    # popup last value
+    "テストメッセージ"
+#end
+p "app loaded"
+# when load site
+p "current_event: #{Unloosen::CURRENT_EVENT}"
+p "on_installed: #{Unloosen.const_defined?("ON_INSTALLED")}"
+
+on_installed do
+    p chrome.contextMenus.create(
+        JS.try_convert_hash({
+            "id": "sampleContextMenu",
+            "title": "Sample Context Menu",
+            "contexts": ["selection"]
+        })
+    )
+end
+
+content_script sites: ["http://www.example.com/", /^*.google.com$/] do
+    p("hello, world!")
+    p alert("test")
+end
+
+background do
+    console.log("hello, world3!")
+end
+
+popup do
+    main_div = document.getElementsByClassName('omikuji')[0]
+    btn = document.createElement('button')
+    btn.innerText = 'draw omikuji'
+    res = document.createElement('h2')
+
+    btn.addEventListener('click') do |e|
+        res.innerText = ['lucky', 'unlucky'].sample
+    end
+
+    main_div.innerText = ''
+    main_div.appendChild(res)
+    main_div.appendChild(btn)
+end
+

data/bin/dl-util.rb

@@ -1,23 +1,23 @@
-require "js"
-module Unloosen
-
-    # run ruby code without vfs build
-    module FS
-
-        # FS.readI("manifest.json")
-        def read(filepath)
-            fetch(JS.global.chrome.runtime.getURL(filepath))
-        end
-
-        private
-
-        # fetch
-        def fetch(url)
-            response = JS.global.fetch(url).await
-            response.text.await
-        end
-    
-
-    end
-    
+require "js"
+module Unloosen
+
+    # run ruby code without vfs build
+    module FS
+
+        # FS.readI("manifest.json")
+        def read(filepath)
+            fetch(JS.global.chrome.runtime.getURL(filepath))
+        end
+
+        private
+
+        # fetch
+        def fetch(url)
+            response = JS.global.fetch(url).await
+            response.text.await
+        end
+    
+
+    end
+    
 end

data/bin/minify.rb

@@ -1,8 +1,8 @@
-#!/usr/bin/env ruby
-
-filepath = ARGV.first
-
-File.open(filepath, "r+") do |file|
-    code = file.read()
-    file.write(code.gsub("\n\w*", ";"))
+#!/usr/bin/env ruby
+
+filepath = ARGV.first
+
+File.open(filepath, "r+") do |file|
+    code = file.read()
+    file.write(code.gsub("\n\w*", ";"))
 end

data/examples/kitchensink/app.rb

@@ -1,17 +1,17 @@
-require 'unloosen'
-
-content_script do
-    p 'content_script loaded'
-end
-
-popup do
-    p 'popup loaded'
-end
-
-background do
-    p 'backgound loaded'
-end
-
-on_installed do
-    p 'this is on_install event'
-end
+require 'unloosen'
+
+content_script do
+    p 'content_script loaded'
+end
+
+popup do
+    p 'popup loaded'
+end
+
+background do
+    p 'backgound loaded'
+end
+
+on_installed do
+    p 'this is on_install event'
+end

data/examples/omikuji-popup/app.rb

@@ -1,20 +1,20 @@
-require "unloosen"
-
-popup do
-    # create button element
-    button = document.createElement('button')
-    button.innerText = 'draw omikuji'
-    
-    # create h2 element
-    result = document.createElement('h2')
-    
-    # add event listener 'click'
-    button.addEventListener 'click' do |e|
-        result.innerText = ['lucky', 'unlucky'].sample
-    end
-    
-    # load main contents
-    main_div = document.getElementsByClassName('omikuji')[0]
-    main_div.innerText = ''
-    [result, button].each { |e| main_div.appendChild(e) }
-end
+require "unloosen"
+
+popup do
+    # create button element
+    button = document.createElement('button')
+    button.innerText = 'draw omikuji'
+    
+    # create h2 element
+    result = document.createElement('h2')
+    
+    # add event listener 'click'
+    button.addEventListener 'click' do |e|
+        result.innerText = ['lucky', 'unlucky'].sample
+    end
+    
+    # load main contents
+    main_div = document.getElementsByClassName('omikuji')[0]
+    main_div.innerText = ''
+    [result, button].each { |e| main_div.appendChild(e) }
+end

data/examples/omikuji-popup/popup.html

@@ -1,13 +1,13 @@
-<html>
-  <head>
-    <script src="module-popup.esm.js" type="module"></script>
-  </head>
-  <body>
-    <div class="container" style="width: 400px;">
-      <h1>Omikuji page</h1>
-      <div class="omikuji">
-        now loading...
-      </div>
-    </div>
-  </body>
+<html>
+  <head>
+    <script src="module-popup.esm.js" type="module"></script>
+  </head>
+  <body>
+    <div class="container" style="width: 400px;">
+      <h1>Omikuji page</h1>
+      <div class="omikuji">
+        now loading...
+      </div>
+    </div>
+  </body>
 </html>

data/examples/simple-content-script/app.rb

@@ -1,6 +1,6 @@
-require "unloosen"
-
-content_script site: "www.example.com" do
-    document.querySelector("h1").innerText = "Example Page with ruby.wasm!"
-    document.body.style.backgroundColor = "crimson"
+require "unloosen"
+
+content_script site: "www.example.com" do
+    document.querySelector("h1").innerText = "Example Page with ruby.wasm!"
+    document.body.style.backgroundColor = "crimson"
 end

data/examples/simple-content-script/loader-content-script.esm.js

@@ -1,23 +1,23 @@
-(async() => {
-    const loadConfig = async (configKey, defaultVal) => {
-        try {
-            return await fetch(chrome.runtime.getURL("unloosen.config.json"))
-                .then((response) => { 
-                    if(response.ok) {
-                        return response.json().then((json) => json[configKey] == undefined ? defaultVal : json[configKey]);
-                    } else {
-                        return defaultVal;
-                    } 
-            });
-        } catch {
-            return defaultVal;
-        }
-    };
-
-    // load as module
-    // https://blog.holyblue.jp/entry/2022/07/10/182137
-    
-    const path = await loadConfig("content-script-entry", 'module-content-script.esm.js');
-    const src = chrome.runtime.getURL(path);
-    await import(src);
+(async() => {
+    const loadConfig = async (configKey, defaultVal) => {
+        try {
+            return await fetch(chrome.runtime.getURL("unloosen.config.json"))
+                .then((response) => { 
+                    if(response.ok) {
+                        return response.json().then((json) => json[configKey] == undefined ? defaultVal : json[configKey]);
+                    } else {
+                        return defaultVal;
+                    } 
+            });
+        } catch {
+            return defaultVal;
+        }
+    };
+
+    // load as module
+    // https://blog.holyblue.jp/entry/2022/07/10/182137
+    
+    const path = await loadConfig("content-script-entry", 'module-content-script.esm.js');
+    const src = chrome.runtime.getURL(path);
+    await import(src);
 })();

data/examples/simple-content-script/manifest.json

@@ -1,23 +1,23 @@
-{
-    "manifest_version": 3,
-    "name": "edit www.example.com",
-    "description": "this extension is built by unloosen with ruby!",
-    "version": "0.0.1",
-    "content_scripts": [
-        {
-            "js": [
-                "loader-content-script.esm.js"
-            ],
-            "matches": ["http://www.example.com/"]
-        }
-    ],
-    "content_security_policy": {
-        "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"
-    },
-    "web_accessible_resources": [
-        {
-          "resources": ["*"],
-          "matches": ["<all_urls>"]
-        }
-    ]
+{
+    "manifest_version": 3,
+    "name": "edit www.example.com",
+    "description": "this extension is built by unloosen with ruby!",
+    "version": "0.0.1",
+    "content_scripts": [
+        {
+            "js": [
+                "loader-content-script.esm.js"
+            ],
+            "matches": ["http://www.example.com/"]
+        }
+    ],
+    "content_security_policy": {
+        "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"
+    },
+    "web_accessible_resources": [
+        {
+          "resources": ["*"],
+          "matches": ["<all_urls>"]
+        }
+    ]
 }